设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 数据 创业者 手机
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

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

发布时间:2017-01-04 17:35 所属栏目:21 来源:UI中国
导读:如果确实有比其他功能重要的功能时,运用视觉技术来吸引他们的注意力。比如增加尺寸,添加动效或运用亮色以及对比色来吸引用户眼球。 比起新客户来讲,Paypal更关注老用户,并通过将登陆键设置在最吸引眼球的白色背

如果确实有比其他功能重要的功能时,运用视觉技术来吸引他们的注意力。比如增加尺寸,添加动效或运用亮色以及对比色来吸引用户眼球。

Image title

比起新客户来讲,Paypal更关注老用户,并通过将登陆键设置在最吸引眼球的白色背景上。

或者可以用小说式架构(下图解释什么是小说式架构)来展示信息,特别是用一个相应的图形,但前提是,所有的这些元素都是易于理解的。

Image title

(右上图即为小说式架构,它就像是在给用户讲故事而不是干巴巴的列出各个项目)

7.内部的不连贯性

假如一个网站的首页用蓝色文本+下划线代表链接,而其他的页面仅仅只用蓝色文本却并没有加下划线。当用户浏览其他页面时就会停下来去想,“它没有下划线,这还是个链接么?”他们甚至可能不会再去关心链接,而会被其他页的不统一性分散注意力从而影响整体的用户体验。

排版错误和语法错误是一样的。请你记住,最棒的用户体验就是不被用户所注意到,而像上面的错误通常都会被注意到。一个元素是否与网站其他元素具有内在连贯性,是否与其他网站元素具有连贯性(比方说图标)都是至关重要的。在这些例子中,用户都必须花费一些时间来进行思考和处理,因而它们占用了用户的工作记忆。

Image title

SIPhawaii到处都是大写,包括字体大小和数字价格。你甚至都想不到去点击汉堡图标,因为它和其他网站上的汉堡图标都不一样。(鹿:加了矩形和阴影跟少先队三道杠一样)

解决方案:

保持统一的一种风格来贯穿整个网站,但说来容易做来难,因为这种错误往往是无意的。一个风格指南将会大有用处。它收集了全球所有的设计决策,当设计师需要它们的时候,就能被轻松的找到。因为类似于背景色、图片尺寸和标题排版这种细节容易被忽略,所以参考现成的会对设计有所帮助。

Image title

(Image: Lonely Planet)

在视觉和功能上都具有一致性的一个极好的例子就是Pinterest。不论你想要什么风格的照片,它们的格式都是一致的。标题、描述、作者、网站、收集和活动都使用了相同的字体和排版并且在每张卡片的同一个位置所展示出来。错落有致的排版给了用户更多的视觉吸引力。如果你理解其中的一张卡片,那么你就能明白他们所有的卡片。

Image title

附言:

Steve Krug说“不要让我思考”,或多或少表达出了用户们的心声。交互设计就像航行,路上所有的气流颠簸——比如说认知过载——都会影响航行的状态。设计师务必要利用一切机会去迎合用户,所以不要让他们想的太多。

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

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读