基于用户预期的交互设计策略

未来已来2018-09-12 13:31

 作者:马志强


网页、应用的界面设计趋向于简洁,内容突出,其最根本的就是满足用户首要的需求。避免繁杂的内容影响用户的使用,满足用户预期是设计的重要准则。

采取行动的不同阶段对用户预期的影响

   在诺曼写的《设计心理学》一书中,解释人采取行动的七个阶段:确定目标、确定意图、明确行动内容、执行、感知外部世界、解释外部世界状况、评估行动结果。在整个过程中考虑四件事:目标、对外部世界采取的行动、外部世界本身以及查看行动在外部世界中所造成的后果,用户的预期在确定目标的时候已经基本确定。用户的行为包括执行和评估,在这两个阶段中均存在差异性。

   Anydo是一款非常简洁的应用,其添加、删除非常简单,和现实生活中的操作非常相似,就像在提醒上用笔划一下就代表完成。如下图。

               

Anydo  App


   而相反的例子就是一款名称为练练的健身应用。在注册时,按钮设置在页面底部,键盘弹起时就把按钮遮住,输入完后不知所措,如下图。

                 

练练App


微信小视频功能


   微信的首页下拉可以拍摄小视频,在使用了一段时间后在新版本中又取消了。其功能的隐蔽性使得使用的人较少,与发朋友圈的关联度并不高。

   评估阶段的差异性则体现在用户所期望的目标与最后实现的效果是否一致。在大部分时候,用户会责备自己本应该会使用,或者不会使用,从而形成挫败感。刚开始使用MacBook安装应用时,弹出的界面很是疑惑,如下图。查询网络才了解是需要拖动应用到文件夹。拖动到文件夹后,有一声叮咚响声,是安装成功还是失败,又无从知晓。

Macbook PRO安装应用界面


基于用户预期的设计策略

   基于用户预期的设计,其目的是为用户提供更加清晰的认知和体验,减少用户在操作过程中耗费的脑力,减少用户的认知、操作负担。

   综上所述,基于用户预期的设计原理可以基本总结为:

   1.增加用户操作的可视性,让界面更加简洁,易于理解,便于操作,利用默认值帮用户减少操作。 flipboard应用的界面非常简洁,导航标签图标没有加文字也可知道其含义。

flipboard App


    2.符合操作习惯与常理,减少用户的认知心理负担,可操作功能外观易于理解,让用户感觉操作与结果之间可以很好的匹配;给用户以持续的反馈,让用户感觉到自己的操作有效。例如在应用的加载过程中,以动画提示减少等待过程中的焦躁感。如下图。

              

           Busuu、                                                         去哪儿App

 

   3、利用用户历史数据为用户推荐有价值信息。亚马逊网站在首页会为用户推荐历史浏览相关的商品,只需点开查看即可。京东在购买商品的时候会为用户推荐相关配件、优惠套装以及最佳组合,这都为用户减少操作负担,同时增加了商品的曝光量。

 

亚马逊网站


 

京东网站

 

   4、利用适时嵌入式帮助,在适当时候给用户以帮助。网易云阅读在阅读中切换上下篇文章时会以提示,让用户知道上下文章可切换。网易新闻也同样在浏览新闻的时候,在页面底部也有向上操作关闭此条新闻的提示。

              

                   网易云阅读、                                              网易新闻 

 


本文来自网易实践者社区,经作者马志强授权发布