加入收藏 | 设为首页 | 会员中心 | 我要投稿 济南站长网 (https://www.0531zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

减少认知过载:塑造更好的用户体验

发布时间:2017-02-19 06:50:24 所属栏目:优化 来源:UI中国
导读:副标题#e# 设计不是美工,想成为优秀的设计师怎么能不懂点心理学? 导读: 文章从认知心理学角度下手,分析了在交互设计过程中时常会犯得几种错误,一些平时稀松见惯的设计方式也都在这儿找到了比较理性的依据。设计是门科学,我们需要掌握一些方法论,以不

你想将许多产品的图片都放在主页上么?比起将它们全部罗列出来,不如通过他们的类型将他们分组罗列。Etsy通过根据不同的店铺将产品进行分组展示。

Image title

(Image: Etsy)

说完了图片组块还有文本组块,文本的组块包括简短的自然段,恰当的运用标题和副标题以及足够的留白。

长的信息填写表单是非常吓人的,有时甚至会被用户所遗弃,那么试试一种多步骤的表单吧。你可以将表单的信息分在不同的页面里。记得一定要有一个进度标记来让用户知道还剩下多少页。

Image title

(Image: Virgin Atlantic)

买机票通常需要填写大量的信息,通常没有一项信息是多余的。Virgin Atlantic将原本乏味的信息填写项目分配在单独的页面上:选择航班,填写旅客信息,进入付款详情等等。将所有的信息放在一个页面上会对用户造成负担,因而很有可能被他们放弃。

5.模棱两可的界面

认知过载的最大敌人是混淆不清的用户界面。用户从来都不该花费大量的时间来弄清楚如何来完成他们的动作,也不应该浪费脑力去破译一个图标。

Image title

(Image: SpeedCrunch)

并非所有的用户都是技术咖从而能够理解SpeedCrunch这种含义模糊的图标。即使他们能够识别上面的代表Windows系统和Mac OS X系统的符号,那么位于右下角的那两个图标即使是图灵他老人家来了也且得看一会儿呢。

解决方案:

不要费力不讨好:你可以用那些已被用户从其他网站上所了解的视觉提示。用户通常会用他所熟悉的符号来进行操作。如果觉着这样做没有新意,你可以将品牌特质巧妙的转化为用户所熟识的形式。Home Depot虽然运用了较为普遍的图标,但同时也赋予了他们品牌独有的橙色。

Image title

(Image: Home Depot)

比起非传统标签例如“姓名”和“去”,像“联系人”和“提交”这类标准的标签更容易被识别出来。能被普遍识别的标记可以增强用户的浏览体验,而非普遍的标识会让用户停下来去想这个按钮是用来做什么的。不要为了个性来牺牲简明。

另外,如果真的需要放个以前从未见过的标识该怎么办?如果那样,运用真实的生活场景展示来让其进行自我解释。这叫做:借壳。它是连接现实和虚拟的桥梁。比方说,早起的互联网奠基人选择信封来代表邮件就是因为信封是邮政系统的象征。

同时,要避免含义模糊的符号,特别是它们可能还会被误认为其他东西的代表。就像下列Issuu的图标,有些是为人所知的,但另外一些却不是。如果用户必须通过点击这个图标来发现它的功能,这就会中断他们的操作进程。

Image title

任何一个不能清晰表意的图标都应附带说明来告诉用户它是如何工作的。新的并且不常见的用户界面,需要手把手的教程。比方说,Slack就给出了一个全套的视频指导来说明界面的操作流程。

Image title

(Image: Slack)

注:相关网站建设技巧阅读请移步到建站教程频道。

(编辑:济南站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!