对于可用性的定义:

  • 有用:能否帮助人们完成一些必需的事物?
  • 可学习:人们能否明白如何使用它?
  • 可记忆:人们每次使用的时候,是否都需要重新学习?
  • 有效:它们能完成任务吗?
  • 高效:它们是否只需花费适当的时间和努力就能完成任务?
  • 合乎期望:是人们想要的吗?
  • 令人愉悦:人们使用的时候觉得有意思甚至很好玩吗?

让一个有着平均能力和经验的人(甚至稍低于平均水平)能明白如何使用它——不必付出过度的努力,或者遇到不必要的麻烦。

1、别让用户思考

设计者应尽量做到,当我看到这个页面时,它应该是不言而喻、一目了然、自我解释的。
我应该能“明白它”(它的意思是什么,怎么用它),而不需要额外思考

强迫用户思考的地方
1、模糊不清的名称,比如“job”和“employment”
2、不太明显的链接和按钮。让用户不确定是不是应该点击
每一个疑问都会加重用户的认知负担,把用户的注意力从要完成的任务上拉开。

如果是一个新的尝试,或者非常复杂的页面设计,如果不能做到让一个页面不言而喻,至少要让它能自我解释(通过尺寸、颜色、布局等做出一种接近瞬间识别的效果)。

最重要的一个原因是,大多数人不会花很多时间去浏览我们的页面。所以最好要让用户一眼能看明白,或者能自我解释。

用户通常只会看他们关心的内容,很多东西他们不会去看。

2、我们实际上是如何使用页面的

三个事实:
1、我们不是阅读,是扫描

  • 我们总是任务在身
  • 我们知道自己不必要阅读所有内容
  • 我们善于扫描

2、我们不作最佳选择,而是满意即可

  • 我们总是处于忙碌之中
  • 如果猜错了,也不会产生什么严重后果
  • 对选择进行权衡并不会改变我们的机会
  • 猜测更有意思

3、我们不是追根究底,而是勉强应对

  • 这对我们来说并不重要
  • 如果发现某个东西有用,我们会一直使用它,很少会主动寻找更好的办法

3、为扫描而设计,不为阅读而设计

网站设计要注意的点:
1、尽量使用习惯用法:采用被广为采纳或者已经被标准化的设计模式

  • 页面上的什么内容在什么位置
  • 服务将如何运作
  • 视觉元素的外观(图标、分享方式等)

在你清楚自己有一个更好的想法(不用学习、能够带来巨大价值,值得用户花时间去学习)时进行创新;如果没有,尽量使用习惯用法。
可用性是第一位的,在创新和美化的时候需要注意这点。简洁胜过一致。

2、建立有效的视觉层次

  • 越重要的越突出:重要的内容可以放大或者加粗,或者是在页面明显的位置。这样做也是为了节约用户扫描的时间,使用户能够更快地找到自己想要的内容。
  • 逻辑上相关的部分,在视觉上也相关:相近的内容分组
  • 逻辑上包含的部分在视觉上也进行嵌套

3、把页面划分为明确定义的区域
用户会很快会确定页面哪些部分包含有用的信息,然后对其他部分看都不看。

4、明显标识可以点击的地方
我们在浏览页面的时候会自觉的寻找,哪些地方可以点击,哪些地方可以滑动。
同样的功能不要设计太多样式。

5、最小化干扰,降低视觉噪声
常见问题:

  • 眼花缭乱

太多广告、不同字体和抢眼的颜色,自动播放的视频和幻灯片、弹出窗口

  • 组织不当

排版乱七八糟

  • 太过密集

去除对页面没有帮助的内容

6、为内容创建清楚的格式,以便扫描

  • 充分利用标题
  • 保持段落简洁:你总能找到一个地方把段落分成两部分。
  • 使用符号列表
  • 突出关键词语

4、为什么用户喜欢无需思考的选择

用户要达到他的目的需要多少思考,有多大的不确定性来判断自己是否正在进行正确的选择。是我们需要考虑和优化的问题。

必要的支持和帮助

  • 简短:只需要提供最少的信息来帮助用户
  • 及时:放在用户正好需要的地方
  • 不会错过:设置合适的格式,保证用户一定会注意到

5、省略多余的文字

去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。

有力的文字都很简练。句子里不应该有多余的文字,段落里不应该有多余的句子。画上不应该有多余的线条,机器上不应该有多余的零件。

去掉一般文字的好处:

  • 降低页面的噪声;
  • 让有用的内容更突出
  • 让页面更简洁,让用户在每个页面上一眼就能看到更多内容,而不必滚动屏幕。

6、必须正确处理的几个方面:设计导航

如果在页面上找不到用户想要的内容,那么他们不会使用你的产品。

image.png

导航的作用:

  • 帮助我们找到任何我们想要的东西,以及告诉我们现在身在何处。
  • 告诉我们产品有什么内容
  • 告诉我们如何使用产品
  • 给了我们对网站建造者的信心。

页面名称:

  • 每一个页面都需要一个名称
  • 页面名称需要出现在合适的位置
  • 名称要引人注目
  • 名称要和点击的链接一致:前往XXX页面
  • 名称要和页面的内容匹配(尽可能匹配,或者不匹配的原因很明显)

面包屑设计的最佳实践

  • 放在页面顶部
  • 使用>进行层级间隔
  • 加粗最后一个元素,例如:首页 > 体育 > NBA

后备箱测试

  • 这是什么产品
  • 我在哪个页面上
  • 这个产品主要栏目是什么
  • 在这个页面上我有哪些选择
  • 我在导航的哪个位置
  • 我怎么搜索

7、让人们顺利开始的重要性

访问一个新页面的时候,最初的几秒很重要。

8、为什么大部分关于可用性的争论是在浪费时间,如何避免这种情况

不同职位,不同的人对于好的设计有不同的看法。

实际测试证明。

9、让测试更简单——这样你能进行充分的测试

10、移动端的可用性

11、可用性是基本礼貌

降低用户好感度的几种方式:
1、隐藏用户想要的信息
2、因为没有按照规定的方式行事而受到惩罚
3、向用户询问不必要的信息
4、敷衍、欺骗用户
5、给用户设置障碍
6、产品看上去很不专业

提高用户好感度的几种方式:
1、知道用户想用你的产品做什么,并让它们明白建议。
2、告诉用户想知道的信息
3、尽量减少步骤
4、花点心思在用户体验上
5、知道用户会有哪些疑问,并提出解答(常见问题的列表,及时更新,保持坦率)
6、给用户提供协助
7、容易从错误中恢复
8、如有不确定,记得道歉(告诉用户你知道正在给他们造成不便)

12、可访问性