主要内容概述：

· 明显可见（我们可以切实看到东西）

· 易于理解（是知道自己正在看什么，也知道它是怎么工作的）

· 符合逻辑（我看到的东西要遵循的流程都是合乎情理的）

· 一致性（游戏的规则不会出乎意料的改变）

· 可预见性（要做件事时，我清楚的知道下一步会发生什么）

1、主要说明

如果一个链接不被视为链接，那么人们也就不会点击它；如果一个选项不能被人们发现，那它也就不存在。

2、四种方式会将内容变得不可见

1）不在人们寻找的位置；

2）被其他物体挡住了；

3）即使在显眼的位置也不能被识别；

4）根本就不存在；

3、神奇的“折痕”（一屏显示的位置）

“折痕以下”意味着这些内容都不是即使可见的，需要人们向下滚动页面

4、人们确实滚动页面

人们没有想象中的愚蠢，连滚动页面都不会（但某些时候要注意折痕的位置，以免给用户页面已经完全呈现的错觉）

5、为什么我们不能精确定位折痕

1）折痕的位置取决于浏览器窗口的大小；

2）每打开一个新的工具栏，折痕位置就会向页面上方移动（现在这个问题已经很少遇到了）；

3）屏幕分辨率越低，折痕越高；

6、折痕在什么时候重要

绝对要显示在明显位置的内容（网页）：

1）品牌和主要导航；

2）帮助、联系信息；

3）站内搜索框；

4）购物车和结算链接；

5）咨询链接；

6）修改语言入口；

7）快速应用的关键输入区（像货币换算）；

8）关键输出区（置于输入区的附近）；

可以放在页面底部的内容：

1）法律声明；

2）隐私政策；

3）地址和联系方式（除了一些靠打电话或实地拜访的商业经营企业）；

7、折痕在什么时候不重要

首先，不可能精确定位折痕，不管你做了多么好的猜测，也很困难只有10%的用户满意。

其次，把页面设计为“适于滚动的”，这样就不必把大量内容堆砌在最上面了。

最后，如果页面“适于滚动”，并且内容具有吸引力，那么在长页面的顶部和底部的实际点击率一样好，甚至更好。

即你需要认识到你的网页上有一个折痕，它对页面上内容的可见性有重要的影响，但是不要为它的精确位置纠结，你需要考虑一下如何“适于滚动”。

8、不友好的适于滚动的页面

随着页面滚动，部分重要功能也随着滚动了，而不是固定在某处，方便我随时点击，这是很不友好的。

如：提交按钮，随着页面滚动消失在了屏幕里，需要重新滚动回去才能看到并点击。

9、滚动、菜单长度和手机

如果你期望人们滚动屏幕（无论何种理由），那么就给他们一个确切的视觉线索，告诉人们页面是可以滚动的。

10、不要把重要内容做成广告

所以如果你希望人们阅读和使用你的内容，就不要把他们做看起来像广告、上下文导航之类的东西，人们会以为这些会把他们引入一个完全不需要的新方向。

11、广告盲区

研究表明，人们会下意识的忽略长得像广告的内容，哪怕你做得再显眼。

12、遮挡主要内容

在可用性领域，如果想要获得成功，就要让你们看到价值，不要藏着掖着。

如必须有注册后才能访问某网站，如果把顺序改完访问网站，发现更多想要看的内容，再要求注册，就会好很多。

13、埃里克富的电梯检查（可见性）

要确保在每个不同的页面，用户都可以知道自己的下一步要做什么，并且又合适的引导或提示，确保这些引导可以被看到。

总结：要寻找的10个不可见的东西

1）当你的东西不可用的时候，是否提供了可以利用的信息？你是否把这些信息隐藏在了人们找不到的某个地方？

2）是否有什么东西挡住了你要显示的信息？它是弹窗、物理障碍，还是其他的什么东西？一定要清除这些东西！

3）是否有什么重要的东西看起来像垃圾信息而被忽略？比如说广告或其他有问题的什么东西？

4）你是否完全忘记了人们完成某种任务所需要的重要信息？

5）你的东西有“折痕”吗？如果有，你是否对信息进行了分组，使用户同时需要的信息显示在折痕的同一侧？或者是否有有名字和地址、输入和输出、饼干和牛奶被折痕分开？

6）你的长屏幕网页是否发出了明显信号，告诉人们要滚动页面？

7）你的付费方式是否对免费体验的部分造成影响？

8）网站上的每一页，用户都可以明确自己的位置，并且清楚的知道自己下一步要做什么吗？

9）你的设计团队减少杂乱，是为了把产品变得更好，还是仅仅因为可以把产品变得更漂亮？最好是前者。

10）你是否使用率内部或专业的术语，而不是采用通用的词汇来帮助人们完成任务？

1、“共同参照”

无论谁使用某个东西，都可以和它的制作者保存一致的理解。

可利用三种工具：文字、图像、声音。

2、文字

· 无论说什么，都要明确表述；

· 不要以为每个人都能正确理解你写的信息；

3、埃里克的“电灯泡”测试

不要太专注于描述细节，却忘记了基本的信息；

4、创建有效“共同参考”的五个要点

1）不要认为一切都是理所当然的；

2）提前考虑人们可能遇到的问题；

3）回答人们没有想到的问题；

4）根据访问者的处境检查内容；

5）沟通发生的环境，即检查的时间和地点，会随时影响所需（提供）的信息。

5、创建舒适区

人们在陌生的环境很容易不知所措，此时需要提供他们必要的引导信息，或者制定人们熟悉的统一的规范。

6、不要害怕说出你的故事

要以最简单直白的方式讲述你要描述的内容，填补空白，不要遗漏细节，并且要有合适的共同参照。

7、图片和其他视觉工具

图像可以提升文字效果，图像和文字结合，可以将信息表述的更清楚。

8、图标和其他麻烦制造者

图标需要清楚的表述其代表的内容，让用户容易理解其含义，而不是一味追求花哨好看。

9、“像面包箱一样大”

选取参考物时要选择可以被人们理解的，并且讲得通的。也就是要选取和创造真正的共同参考，而不是让人们感觉到恐惧、不确定和怀疑的信息。

10、万维网上日不落

要记住人们都有不同的背景、期望、观点，对你来说理所当然的事情，对其他人而言是不一定的。需要注意细节，来确保更多的人可以理解和使用你的东西。

总结：要询问和回答的10个问题

1）你的书面说明写得怎么样？他们精确而全面吗？试着让其他人也看看。

2）定义三种使用你的产品和服务的典型用户，为他们每个人创建一个小故事，描述他们怎么通过所有渠道与你的东西进行交互。你能发现其中的切入点吗？

3）你使用了用户可能难以理解的缩写、官话或生僻词汇吗？你能消除这些语言，或者作出改进吗？

4）你能找到那些不能正确建立共同参考的图片吗？你会重做这些图片，使它们在大小、功能等方面提供更好的感受吗？

5）商品价格、优惠、运费甚至服务费，你列出的任何价格，人们都会知道包括哪些或者不包括哪些吗？

6）是否有外地人难以理解你的线上或者线下流程吗？你可以增加一些文字或者图片使其更容易理解吗？

7）有让用户难以理解的图标吗？有的话需要改进一下，或增加文字描述。

8）从视觉设计的角度来看，有没有物理上的限制会组织你创建成熟的共同参考？例如，文本框太小了，不能容纳它应该包含的所有文本。有重新设计这些元素的可能吗？

9）有没有进行比较或创建类比来帮助人们了解你的产品和服务？如有有的话，你们理解这些比较吗？

10）你的书面或可视化描述有可能会误导人们的内容吗？如果你无意欺骗别人，你可以做些什么来扭转局势？

1、逻辑推理的三种基本类型

1）演绎推理

2）归纳推理

3）测因推理

2、神奇的词语-“为什么”

我们不希望用户思考，相反，我们应该为他们思考，最好是提前为他们思考。所以，这意味着，我们很不想看到用户自言自语道：“为什么他们要这么做？”

要注意产品设计中，所有的易用性内容都要有逻辑性。

3、设计失调

指产品发出的某种认知信号，与实际功能不一致，或者是有误导性。

4、用例

通过表示任务流程的方框和箭头来说明各种任务如何完成，也称之为“用户故事”。约20%的可能用例可以解释约为80%的产品问题，称之为晴天案例。

三个基本层次的用例：

· 常规流程，只显示基本工作流程，几乎不涉及细节；

· 接触点和服务设计流程，可以显示大量交互活动；

· 流程图，可以用来制定流程；

5、线性过程

许多过程都是具有线性特点的，要注意其逻辑顺序，如有不合适的地方，要及时进行纠正。

总结：要询问和回答的10个问题

1）当你检查总结的项目时，是否有一些功能性问题让你停下来问自己：“为什么我们这么做？”

2）是否也有响应性问题让你想知道为什么会发生（或没发生）这样的事情？

3）符合人体工程学吗？你是否必须进入不必要的滚屏或寻求帮助来完成什么事情吗？记住，如果你在问“为什么”，就说明可能发现了一个重大问题。

4）是否有一些便捷性相关的场景让你不禁发问：“为什么我不能让它更容易些呢？”

5）你在某一时刻犯过错误吗？如果犯过，你能想到用什么方法来避免错误吗？可以问问其他人的看法，看看他们是怎样反应的。

6）你产品的设计说明和实际用途是否迥异？你可以做些什么来减少设计失调？

7）尝试为你的产品制定三四个晴天用例，创建一个简单的流程。有什么地方看上去不清晰吗？这些流程很难制定吗？如果是这样，你可能发现了重要的可用性缺陷。

8）流程的合理性如何？是不是每一步都让你离目标更近了？是否会让你偏离主题？如果是这样的话，你能消除这些问题，少走弯路吗？

9）从共同参考的角度来审视你的产品，是否可以提供更好的描述？让它们看起来更合理。

10）一如既往的确保返回按钮会不会打断正在运行的流程。

一致性是实现清晰简洁的功能设计的关键之一。

1、警告

当事物表现不同时，应该保持视觉上的不一致；当事物表现相同时，应该保持视觉上的一致性。

2、同义词的误导

在你的网站或其他产品上，在不同时间/位置使用不同词汇表示相同的信息，可能会导致严重的问题。不要只是出于创意或马虎而混用术语，一旦建立了自己的语言体系，就要坚持使用，特别是在有关表单和按钮的地方。

3、保持事物的单一性

即给出的所有选项都有明确的区别，每个选项之间不会有重叠和模糊不清的情况。

如人群分类：男人、女人、儿童。

4、溯因推理回顾

将某个场景中学到的东西应用到类似的新场景中的逻辑思维过程。

如。如何驾驶租来的车，因为之前就已经会开车了。同理，可以运用一些所有人熟知的图标和文字等。

5、标准化提升一致性

标准化的关键不是阻碍创新，而是让解决方案清晰可见。

6、不要对一致性想当然

很多已有的东西都不一定是一致的，要注意自己的产品尽量做到保持一致性。

7、一个按钮，一个功能

一个按钮如果有多个功能，很容易会有糟糕的体验。虽然只有一个按钮会使页面显得更加简洁，但是它可能会使我们的操作变得更加复杂且容易出错。所以，选择多个按钮特不一定是坏事，只要它们能够合理分组，表明其相关功能。

8、一个图标，一个功能

每个图标都要有自己的单一指示性功能，而不要同一图标代表不同功能。

9、一个对象，一个行为

确保同一对象的操作也相同。如，同一产品不同页面的操作手势要统一，例如长按弹出操作窗口。

总结：要询问和回答的10个问题

1）你的设计是否存在看起来相同，但实际操作不相同的东西？要确保操作不同的东西看起来也不同。

2）你的设计中是否存在看起来不同，但是操作相同的东西？要确保操作相同的东西看起来也相同。

3）你的产品中存在与其他类似东西不同的地方吗？你是否忽略了某种最佳设计实践？

4）是否为了创新而牺牲了对象或功能的一致性呢？这些功能和对象是什么？你能找到一个不会彻底得罪设计师的权宜之计吗？

5）是否存在不同时间要做不同事情的相同按钮？增加一些按钮可行吗？

6）是否存在重复利用图标来实现不同的功能？如果有的话，那就重新设计这些图标，或者取消它们。

7）可以增加某个对象的一致性吗？尝试在你的产品或服务中增加功能的一致性，也可采用他人开发的最佳实践

8）人们想要知道如何使用你的东西，是否需要类似产品或服务的经验知识？如果是的话，他们看到你的东西时会感觉似曾相识吗？要确保你能给人们强烈的视觉线索，触发他们在其他地方获取的知识。

9）你能使用颜色和物理分组对按钮和其他控件进行分类，让人们马上明白它们是有关联的吗？

10）你是否给产品打过“补丁”，并将此视为快速修复潜在的一致性问题的方法？如果有可能切实解决这些问题并消除补丁，那就马上行动吧。

1、提高可预见性的六种方式

1）让人们知道在到达目的地前应该期待什么；

2）让人们知道你对他们的预期；

3）让人们知道一个多级流程中有多少个步骤；

4）确保人们理解他们所处流程的预期结果；

5）将东西放在人们期待看到它们的地方；

6）创建用于警告不可见情形的可见信号；

2、知道该期待什么

可预见性意味着某样事物会做你希望它做的事情，知道该期待什么的关键在于，在交互活动真正发生之前设置预期。

3、品牌、客户满意度和预期

从营销意义上来说，品牌与设定预期有关。其中一个关键部分就是对产品或服务进行市场定位。如果人们不抱期望，那么帮助他们建立期望；如果他们怀有期望，你超出预期越多，人们就会感受到越好的可用性。

4、帮助人们建立预期

使用社交媒体平台，传播推广你的品牌和产品，帮助那些未来可能与你有互动的人建立预期。但要注意不要犯以下错误：

1）说谎（创建和推广虚假内容）；

2）无视（这样会在某些地方鼓励消极的对话）；

3）拒绝（公开拒绝承认问题）；

4）争论（不尊重不同的观点）；

5）炒作（自我宣传，语气夸张）；

6）玩笑（废话很多）；

7）隐藏（没有明确的联系点）；

8）厌恶（以消极的方式参与）；

9）审查（删除负面评论）；

10）不使用社交媒体；

5、重新审视说明书-但从未审视过

把关键信息从冗长的说明书或各种协议里提取出来，做到问题及时响应。

如，添加智能电器到手机里，不能识别该设备，需要及时指出原因。

6、告诉人们你的预期

如果人们需要提前知道某些事情，一定要进行信息沟通。考虑处理以下方面的问题。

· 是否需要人们有特定的知识？

· 是否有某种物理或技术限制?

· 是否有某种地域限制？

· 是否有年龄限制？

· 是否必须首先完成的资格预审流程？

· 是否有时间限制?

· 是否需要人们准备特定信息？

7、让人们知道有多少步骤

如果你有多步过程，请确保用文字或图片明示出来。

8、让人们知道自己所处的过程

人们认为自己在做一件事情，但做着做着突然发现在做迥然不同的事情，这时一定会出现可用性问题。只有更好的理解自己当前所处的过程，人们才会预测需要提供的信息类型和要做的事件类型。

9、把东西放在人们期待看到的地方

让东西可见意味着把它们放在它们应该出现的地方。对于可预见性来说，把东西放在人们期望找到的地方也很重要。

所有东西都应该放在需要用到的地方附近，并以合理的方式进行分组。

10、不可见情况下的警告

标签、颜色、布局和功能都可以帮助提高对象的“气息”，让人们理解它，并且可以预测其作用和行为。对于不可见的一些严重情况，要给予明显的警告。

总结：帮助人们遇见未来的10个方法 

1）你在帮助人们利用过去的经验吗？如果没有，你能创建认知性触发吗？

2）是否有人们应该提前知道的事情？你能找到一个合乎逻辑且不唐突的方式来告知他们吗？

3）你告知人们你对他们的预期了吗？他们需要特殊的才能或满足一些先决条件吗？如果是的话，在他们深入一个过程之前，是否有明确的沟通？

4）你的产品有多步过程吗？是否提前告诉了人们有几个步骤？是否需要微调你的沟通或设计呢？

5）当人们努力完成一项任务时，你是否为了满足自己的需求而让他们解决一个完全不同的任务?你能区分这两个过程吗？或者至少让人们知道他们需要做一些事情才能让产品正常工作。

6）你考虑过于自己设计相关的设计模式吗？你是否遵循了最佳实践？如果不是，为什么？

7）你能提供某种可见信号来表明可能发生的危险吗？

8）如果你正常使用社交媒体工具，你犯过之前提到的10个错误吗？

9）你是依靠指令来运行设计吗？你能通过创建只在需要时才出现且与任务相关的信息，来代替传统的手册和各种条款吗？

10）在产品的使用过程中，是否发生了让你吃惊的事情？是否有些地方与你预想的不同。