用Airbnb 的产品，帮你快速理解尼尔森10大可用性原则！

本文聚焦 Airbnb 产，描述10大可用性原则的应用场，希望能够帮助你更系统地理10大用原则。

一、系统状态的可见性

Visibility of system status

The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.——Nielson

系统应该在合的时间通过适当的反馈，始终户了解正在发生的事情。

这项原则通被遵循并使在如几个场景：

• 系统导航、Toast。让用户明确道「我在哪」；
• 按钮、图片等元素可被交互的表达与反馈。通过视觉、与空间上的反馈，向户传达页面元素是可被交互的，引导户前往一；
• 用户完交互动作系统操作后，系统需给予用户对应的反馈。比如操作功、完注册；

Airbnb 的房源详情页顶导航，可通过点击快速定位到房源的某类信息，户清晰地知道「我在哪？我还哪？」

在发布房源时，系统顶模拟了进条，显示了当前步骤，及当前的发布进。

二、贴近用户的真实环境

Match between system and the real world

The system should speak the users’ language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.——Nielson

系统应该说户的语言，户熟悉的单词，短语和概念，而是系统导向的术语。遵循现实世界的约定，使信息自然和合乎逻辑的顺序现。

这项原则说的直白一些，就是：「说人话」。

产品简单到傻瓜也能操作，乔布斯张小龙产品的核理念。坐拥10亿用户的微信之父张小龙过，产品傻瓜态。不炫耀自己的智商，不让用户觉得自己白痴，请用简单直白的语言描述状况；就好比自然世界里，他人话的时候必然使用简单的白话文行直白的沟通以保证交流顺畅。

在房详情页、Airbnb PLUS 介绍页，系统用了大量高质量摄影图片传空氛围感。时，在介绍文案措辞，简洁易懂，语言逻辑晰。

三、用户有控制和来去自由的权利

User control and freedom

Users often choose system functions by mistake and will need a clearly marked 「emergency exit」 to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.——Nielson

用户通常会错误选择了系统的某功能，并且需一明确标记的」紧急出口「离不的状态，不必行扩展对话。支持撤消重。

用户拥自由使用控制系统的权利，常见的就系统会用户提供「撤、重、返回」的入口。

在故事专栏，用户在浏览前标签页进入下级页时，系统都为用户提供了返回按钮，便用户来去自由，另造出了定沉浸浏览体验。

四、系统的一致性

Consistency and standards

Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.——Nielson

用户不应该怀疑不话语、情况或为是否在表样件事情。系统设计需遵循平台惯例。

• 移端 APP 的返按钮位置通会被放在左上角，当然有些 APP 会将返按钮统一放在左角，虽然返按钮的位置同于大多数 APP，但对于此 APP 的返交互来说，实还是一致的；
• 除常用按钮置需符合一致性原则外，icon 的视觉设计要遵循一致性原则，一个对象对应一个 icon.

在房源、故集列表页，系统统一用卡式的视风，并且每个卡里的文字与背图的次也持一致。

在房源详情页，系统使用统一的 iocn 风和文字风，传达房源的设施属。

五、防止错误

Error prevention

Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.——Nielson

比良的错误提示信息更的方法是：一个走心的设计以提前防止错误的生。系统要么消除容易出错的情况，要么检查它们，并在用户采取行动之前向用户提供确认选项。

• 比如某些操作不能进，那灰或隐藏，不要在用户击后才提醒不能操作。如有某些内容不能选择，灰或者隐藏，不要等用户击完成时才告知不能使用；
• 同，在用户容易出现错误操作的景下，需要给出二次确认，如：删除和取消重要息的操作。

如房在某天或多天已被预定或暂时不开放，则日历里将这些不可预定日期灰。

用户在改个要信息后，系统会让用户输入密码确认。

六、系统识别胜过用户记忆

Recognition rather than recall

Minimize the user’s memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.——Nielson

过使用象，动作和选项可视化表，最大限度地减轻用户记忆负担。用户不应该记住从话部分到另部分信息。

• 为户保留查看和搜索历史是一个很见的系统识别的例子；
• 用户填写一页面表单时，系统可以根据实际况提供一实时预览的功能，避免出用户填了下面忘了面的况；
• 用户在填写完表单（比如订单页）后，系统可以再用户展示所填信息，以最终确认；
• 用户为了完成一项目标任，从一个页面跳转另一个页面后，系统可以再次展示上一个页面内目标任相关的核心息，以减轻用户的记忆负担。

系统会在首页第屏为用户展示浏览历史（登录后）。

搜索框也会保留最近5搜索历史。

七、灵活易用的使用体验

Flexibility and efficiency of use

Accelerators — unseen by the novice user — may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.——Nielson

些被精心设计体验也许会被专家用户察觉到，使系统需要能够满足经验和有经验用户。允许用户进频繁操作。

用户在滚动屏幕浏览房详细信息时，系统将预定基本信息（如：价格、日期、数等）固定在浏览右侧，便用户在浏览过程随时开始预定步骤。

八、美观和简约的设计

Aesthetic and minimalist design

Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.——Nielson

话不应该含关紧要或很少需要信息。在话增加个相要信息，意味着需要弱化其他信息。

高颜值不需要理由。

九、帮助用户识别，诊断，并从错误中恢复

Help users recognize, diagnose,and recover from errors

Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.——Nielson

错误信息应该通俗易懂的语言表达（要代码），较准确的反应问题，并且解决方案。

实在无法避免的报错时，要单纯只是报错，要供解决方案。就好小时候犯错，你绝光说：「，我错了。」老师或长必然会追问：「错哪啦？」你要是说缘由，则必定被认为认错恳真心。

当用户填写错误时，系统会及时给出提示以及解决方法。

十、帮助文档

Help and documentation

Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user’s task, list concrete steps to be carried out, and not be too large.——Nielson

如果系统能让用户不需阅读文档就会使用那好的，但通常况下还需帮文档的。任何信息应该易被搜索，且专注于用户的目标任务，并列出具体的骤告知用户。

• 对一以用一句说清楚的帮助，以直接在对象旁边提供鼠标悬停出的 tips，或者简明的辅助说明；
• 对于较复杂的，一两句话说清楚的帮助，则需要跳转至对应的帮助页面；
• 系统需一帮中，用户提供模糊搜索、分类搜索，用户提供全面的帮。

在个人资页面，对于户心的隐私信息，系统会给非有亲和的解释案。此外，在系统很多页面都有对应功的帮助链接跳转至帮助中心。

系统的帮助中心，供了搜索和问题分类引导，方户快速定位问题。

△ 本图片版权归 Airbnb 有

总结

号称设计驱的 Airbnb 公司，的确在产设计、户研究、UX设计方面展现了较的功。甚至移端APP 的框架层、范围层、视觉层的设计都体现了的户体验一致性和牌感。可看，Airbnb 对 design system 的重视一级的执行。么是好的产牌认知和识别，我可简单的解为：「脱掉」Logo，户照样认识你。

欢迎关注作者的微信公众：「设意志」

图片素作者：Animade