• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    这些至关重要的细节 同你的产品体验息息相关
    POST TIME:2018-12-03 21:47
     

      成功的产品通常是构建在一系列优秀的设计之上的,它除了拥有优秀的框架、系统的逻辑和恰如其分的运营之外,它还需要符合用户体验规则的细节,和几经验证的最佳实践来作为支撑。

      今天的文章,我们来聊聊细节,从视觉反馈、案牍和留白三个角度,聊聊这些同样能够影响整体体验还很容易被忽略的元素。

      视觉反馈

      在许多设计方案中,视觉反馈是很容易被忽略的组成部分,然而它是整个UX设计中,对体验影响非常大的元素。没有正确的反馈,就没有正确的互动。想象一下,当你和人沟通的时候,对方根本不会给你任何语言、心情和动作的反馈,这是何等的尴尬。UI界面同样是如此。

      用户会对缺少视觉反馈的UI界面感到迷惑。

      你需要给用户一个反馈信号,让他们知道他们的操作是成功了还失败,接下来要向上翻页还是向下滚动,等等等等。

      视觉反馈的主要目的在于:

      ·确认APP或者网页已经接收到了用户的操作或者提交的信息

      ·传达交互的结果,结果可见也可理解。给用户一个信息反馈,告诉他们任务执行成功或者失败

      让按钮和控件易于被感知

      在现实生活中,按钮和各种开关都被设计成易于互动、易于感知的样子,这样的设计让人们更容易控制,也能让事情向着预期的标的目的发展。而当用户面对UI界面的时候,他们也有同样的需求,他们希望按钮和控件能够像这些日常的设计一样,易于被感知,操控。

      

      操作结果

      当你需要告诉用户某个操作的结果的时候,可以通过视觉反馈来告知他们。你可以使用现有的元素来传达这一信息。

      

      告知用户当前状态

      用户在任何时候都希望能够了解当前所处的状态,而不消过多猜测。所以,通过恰当的视觉反馈让用户明白正在发生什么,是很有用的。对于频繁而又经常发生的操作,这种状态反馈应该微妙,而对于重要而又不经常发生的交互,,这种反馈则应该做的更加明显。

      ·提醒动效。提醒动效能让用户快速注意到,而且能够清晰理解当前的状态。

      

      ·加载动效。加载动效让用户实时地明白当前的状态,而且快速的理解,拥有预期,甚至作出反应。

      

      微案牍

      有的时候,图像和图标信息并不足以给出清晰而直接的指引,起到引导用户、强化体验的短案牍就要发挥作用了。最常见的微案牍涵盖了错误信息、按钮标签、提示文本。同整个APP或者网站的设计比拟,这些微案牍显得微不足道,但是,令人惊讶的地方在于,他们对于整个转化率有着巨大的影响。

      UI元素和微案牍两者的重要性是同等的。

      人性化的设计

      想要让你的APP少一点机械感,多一丝人情,多在微案牍上下工夫就好了。如果你的产品给人的感受更富有人性,那么用户更容易相信它。

      

      Yelp 给人感觉背后一个真实的人类在办理。

      

      Airbnb 让人觉得富有人性,而易于沟通。

      在出错的时候使用友好而有用的案牍

      如安在出错或者碰到问题的时候向传达信息,对于整个产品的体验影响是巨大的。如果用户感到被忽视,或者无法获取合理的解决方案,他们会感到非常沮丧。

      

      诸如“出现错误”这样基本毫无意义的报错信息,会让用户感到苦恼。

      一个精心设计的错误信息,能够借助幽默的表达方式,将沮丧的情绪转变为快乐的表情。因此,错误信息尽量不要过于“技术”,而应该让它更加人性化。

      

      减轻用户疑虑

      案牍和用户场景、界面上下文有着紧密的关联。也正是因为这种场景化的需求,案牍需要设计,价值无可替代。这样的案牍给予用户的答案非常的具体也非常的有针对性。例如当用户在提交邮箱订阅信息的时候,“获取用户信息/推送相关广告”对于营销人员而言是很自然的需求,但是对于用户而言,就需要考量了。所以,Twitter 在这个场景下,所使用的案牍是“我和您一样讨厌垃圾邮件。”

      

      留白

    
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!