Web 用户总是匆匆而过,如何使设计更吸引用户,并且理解我们的网站,有几个重要的方面要注意。
尽量利用习惯用法
任何东西,想要让人能瞬间理解,一种最好的方法就是遵循习惯和惯例,那些已经被采纳或者标准化的设计模式。比如:
停止标志
它十分重要,司机需要快速看到和识别这个标记。尽管有些国家可能略有差异,但是基本上都差不多。停止设计的标志包括独特的外观,表示停止的文字、鲜明的颜色(跟周围环境形成高度对比)、标准化的尺寸、高度和摆放位置等等
车内控制装置
试想一下,如果买了一辆车子,但是车子的刹车踏板在最右边,那该多么可怕
在过去的 20 年里,已经进化出很多网页设计的习惯用法。
页面上的内容在什么位置
例如,用户通常期望标志性的站点图标(Logo)出现在左上角,网站的祝导航横跨在主页顶部或者纵向放置在页面左边。
服务该如何运作
几乎所有的网站都有提供购物车,也都会有一系列类似的表单让你去填写一些细节,比如支付方式、配送地址等。
视觉元素的外观
很多是视觉怨毒都有标准华的外观,比如搜索图标、视频链接图标、社交网站的分享方式等。
不同类型的网站演化出各种不同的习惯用户,但基本上都是某个人灵光一现的想法开始,如果这个想法不错,很多其他站点就开始模仿,最终,有足够多的人在足够多的地方看到他,他就变得不言而喻,形成人们的习惯用法。
Web 习惯用户会给用户带来方便,因为即使在访问不同的网站时,也不需要额外付出学习成本来了解背后的运行原理。
简洁胜过一致性
在网站或者应用保持一致性往往是好事。但是有时候打破一致性,可以获得清楚的效果。那么果断选择简洁。
建立有效的视觉层次
每个页面都应该有明确的视觉层次。哪些是最重要的,哪些是类似的,哪些是另外一些的组成部分
- 越重要的部分越突出,要么字体更大,更粗,颜色更特别,或者留白更多。
- 逻辑上相关的部分也在视觉上相关。可以吧内容相近的内容放在一组,或者同一个标题下,体现亲密性。
- 逻辑上包含的部分视觉上进行嵌套
建立视觉层次的好处在于提高用户扫描的速度,不让用户思考该如何对视觉进行分解。
把页面分成明确定义的区域
把页面分成明确定义的区域很重要,这可以让用户很快决定关注页面的哪些区域,后者放心跳过一些区域。对网页扫描的眼动研究表明,用户很快就会去定页面哪些部分包含有用的信息,然后其他部分看都不看。
明确标识可以点击的地方
人们在网络上所做的大多数事情就是寻找下一个地方点击,那么明确的标识哪些地方可以点击,哪些地方不可以点击就变得很重要。
扫描页面的时候,我们会寻找各种视觉线索,看哪些地方可以点击,例如某种形状,某种颜色等。查看食物的外观,去寻找如何使用它的线索,这个过程并不限于网络。正如一本经典的可用性书籍《日常事物设计心理学》中跟我们解释的那样,我们其实一直在解析我们的环境来寻找线索。(门把手,到底是拉还是推)
降低视觉噪声
- 眼花缭乱。如果页面上所有的内容都嚷嚷着引起你的注意,那往往适得其反。大量促销信息、大量惊叹号、大量不同字体颜色的幻灯片、动画等等,这样的结果就是没有什么东西显得重要。
- 组织不当。有些页面乱七八糟,说明设计师没有理解用表格来排列页面元素的重要性。
- 太过密集。降低了信噪比,使得有用的信息被淹没了
在设计页面的时候,不妨先假定所有的内容都是视觉噪声(有罪推定),去除任何对页面没有帮助的内容。
为文本设置格式,以便扫描
用户在扫描文本的时候,合适的格式能够提高用户的效率。下面集中方法或许有所帮助。
- 充分使用标题
- 保持段落简洁
- 使用项目符号
- 突出关键词语
