版权归作者所有，转载请注明出处
知乎（Web端）可用性启发式评估报告
启发式评估是指评估人员（交互设计或者用户研究领域的专家）根据专业知识和经验浏览网站的界面、执行一系列操作，从而找出可用性问题，进而修复问题，让用户体验更流畅。
启发式评估的评估原则有很多种，其中尼尔森的十大可用性原则最广为使用。本篇以知乎网（https://www.zhihu.com/）为研究对象，通过发现使用过程中的可用性问题，根据以往经验提出改进建议。
一、研究目的
通过体验知乎网的主要功能及流程（注册、登录、首页、发现、话题、提问、回答、发布及删除文章、消息、我的主页），根据尼尔森的十大可用性原则，发现知乎网在使用过程中的交互体验是否符合用户使用习惯及存在的可用性问题，提出合理的改进建议，改进产品的用户体验。
二、研究方法及参考原则
研究方法：启发式评估法
参考原则：尼尔森十大可用性原则
三、主要关注点
1.整体感知：整体流程及主要流程是否流畅高效，是否有良好的用户体验
2.页面布局与界面设计：信息架构是否清晰，页面布局是否合理，界面设计是否规范、合理，具有一致性
四、研究对象
1.主要功能：①首页浏览话题内容（包含提问、回答、写文章）②关注及添加话题③发现④消息⑤我的主页，五大主要模块，其他模块则在整体走查中简单评估
2.典型任务：根据上文提到的主要功能，列举出本次评估任务清单：
注册
登录
搜索
提问（新手使用帮助说明）
回答（添加及删除话题）
写文章并发布
删除已发布的文章
进入话题广场浏览
退出后重新登录
浏览发现页面
发私信
个人主页修改头像及编辑信息
五、评估结果
1.账号已经注册未给出及时提示
违反可用性原则：系统状态可见性：是否用户的每一个操作都有适当形式的反馈
可用性问题描述：该手机号已经注册，没有给出及时的判断和反馈，等到全部填写完姓名、手机号、密码时，点击注册知乎，才给出已注册的提示
改进建议：填写完手机号码后立即判断该号码是否注册，若已经注册，则及时反馈“该手机号已注册”，方便用户及时作出修改或直接登录，下图为新浪微博已注册提示：
2.登录
违反可用性原则：系统状态可见性：按钮被按下时是否有视觉反馈
可用性问题描述：点击登录按钮，按钮按下时没有相应的反馈，直接进入到登录后的页面
改进建议：点击登录按钮，按钮状态变为“正在登录”（0.5s），标题变为页面跳转中（0.5s），然后立即进入登录后页面，下图为淘宝网登录页面
3.选项组之间视觉区分不明显且与用户常用操作不符
违反可用性原则：
再认而不是回忆：当前的活动窗口是否突出显示
一致性与标准化：设计标准与行业标准或者用户习惯是否一致
可用性问题描述：标签栏显示当前位置为灰色状态，其他为亮色状态，提示不明显，与用户习惯和业内标准不统一，容易给用户造成混淆
（当前位置为内容-按相关度排序，却把按相关度排序置灰）
改进建议：将当前所处位置高亮显示，表示已选中当前所在位置，下图为新浪微博截图
（当前位置为找人-全部）
4.在进入帮助页面之后，无法返回之前的操作，只能重新开始，对于新手用户尤其不方便，使得整体流程无法顺利进行（首页-提问）
违反可用性原则：帮助和说明文档：在进入帮助界面之后，用户是否可以顺利返回之前的操作界面
可用性问题描述：对于一个新手用户来说，当他想提问时，点击提问按钮，弹出提问输入框，但是在提问过程中，想了解一下知乎的提问规范，于是点击页面的提问规范有哪些？当前页面随即变为帮助页—知乎的提问规范有哪些，当他读完规范想要返回提问时，却没有返回按钮，点击浏览器的返回按钮，页面回到了首页，他还想提问的话，需要再次点击提问按钮，在弹出框输入，重新开始，整个提问流程会被打断
改进建议：建议帮助页面在新窗口打开，这样，关闭帮助页面后，回到原来提问的状态，直接进行下一步的操作即可，而不用重头再来
5.创建一个新话题，点击后没有任何反应
违反可用性原则：系统状态可视化：是否用户的每一个操作都有适当形式的反馈
可用性问题描述：当用户输入一个系统不存在的话题时，提示可自己创建该话题，但是点击“创建某某话题”之后，却没有任何反应
改进建议：当用户输入的内容没有与之相匹配的话题，可以允许用户自己创建话题，创建成功后在输入框上方显示已添加的话题，且可以随时删除，下图为新浪微博创建话题
6.删除文章按钮不明显
违反可用性原则：用户控制和自由：取消功能是否明显或容易找到
可用性问题描述：发布一篇文章后，想要删除刚才发布的文章，却不能快速的找到删除按钮，当鼠标移到设置图标悬停时，显示删除文章
改进建议：将删除文章功能移出来，放在编辑功能后面，样式相同，一个删除样式的图标配上删除文章的文字说明
7.同一页面有两个相同图标，包含的功能却不同
违反可用性原则：
预防用户出错：界面上的功能键是否不容易混淆
美观、简洁的设计：是否所有的图标视觉风格一致，并且互不混淆
可用性问题描述：在文章发布页面可以看到两个设置样式的图标，两个图标样式相同，包含的功能却不同，一个是删除文章，一个是真正的关于文章的设置功能（所有人都能评论该文章）
改进建议：建议将删除文章按钮换成删除样式的图标
8.部分图标设计不精致，没有准确表达出含义
违反可用性原则：美观、简洁的设计：元素的颜色、形状、或文字是否适当，是否容易识别
可用性问题描述：有些话题的图标没有对应的代表图像，而是显示默认的灰色底上面一个知乎的知字，这样设计一不美观，二给人感觉是网络不好未加载的图片，且几个不同话题的图像都是一样的，容易给人造成误解
改进建议：建议使用与话题相关的图片，若实在没有素材，也可以做成与文字相关的图片，下图是蚂蜂窝及新浪微博的相关截图
9.同样是可点击的链接，却没有遵循统一的规范
违反可用性原则：
帮助用户提升技能：不同界面、子系统和相关的产品功能键是否一致
美观、简洁的设计：产品是否遵循统一的规范
一致性：界面中的颜色使用方式（字体颜色、背景颜色、图标颜色等）是否一致
可用性问题描述：发现页面的更多推荐，更多圆桌，更多话题，与首页的查看全部样式不统一，交互方式不统一。发现页面的查看更多链接是在当前页面打开，且为灰色字样；而首页的查看更多则是蓝色字体，且在新窗口打开链接
改进建议：与首页保持一致，将查看更多修改为蓝色可点击字样，且点击后在新窗口打开
10.不同的元素样式太相似，不容易辨别
违反可用性原则：美观、简洁的设计：不同的元素太相似，按键或链接看上去像一般的文字
可用性问题描述：同样的样式，有的可以点击，有的却不能点击，可以点击的链接也未作出明显的区分，这样容易使用户混淆
改进建议：将可以点击的文字修改字体颜色与整体的保持一致
11.退出后重新登录与初始的登录页面样式不同
违反可用性原则：一致性与标准化：系统提供不一样的方法来操作相似的对象
可用性问题描述：同样是登录页面，在不同状态下，样式却完全不同，下图分别是知乎在发现页面退出后重新登录，在我的主页页面退出后重新登录及登录页面
改进建议：建议退出后，如果想要重新登录的话，点击登录，跳转到初始登录页面，保证所有登录页面样式及操作保持一致
12.图标含义不明确且两个页面样式不一致（私信）
违反可用性原则：一致性与标准化：界面中的图标使用是否一致
可用性问题描述：私信功能，在不同页面的图标样式不同，下图左是首页头像下拉显示的私信图标，右图为文章详情页的私信图标，同样是私信功能，图标样式却不同
改进建议：首页的私信图标是一个信封样式，而文章详情页的私信图标是一个聊天的气泡，建议将二者统一为相同样式即可
六、启发式评估评分表
尼尔森十大可用性原则简化表
参考资料：https://mux.alimama.com/posts/210
1.状态可见原则
用户在网页上的任何操作，页面应即时给出反馈。
2.环境贴切原则
网页的一切表现和表述，应该尽可能贴近用户所在的环境（年龄、学历、文化、时代背景），而不要使用第二世界的语言。此外，还应该使用易懂和约定俗成的表达。
3.用户控制和自由
为了避免用户的误用和误击，网页应提供撤销和重做功能，来帮助他们从紧急的情况中恢复过来
4.一致性原则
同一用语、功能、操作保持一致。与通用的业界标准保持一致
5.防错原则
在用户选择动作之前，就要防止用户容易混淆或者错误的选择
6.再认而非回忆
尽可能减少用户回忆负担，提供可选项让用户再认信息
7.灵活高效原则
中级用户的数量远高于初级和高级用户数。为大多数用户设计，不要低估，也不可轻视，保持灵活高效
8.美观、简洁的设计
减少无关信息，体现简洁美感
9.容错原则
帮助用户从错误中恢复，将损失降到最低。如果无法自动挽回，则提供详尽的说明文字和指导方向，而非代码，比如404
10.人性化帮助原则
无需文档就能流畅应用当然更好，一般地文档很必要，而且也提供便利的检索功能，面向用户任务描述，列出具体实现步骤，并且不要太冗长
