做设计的人都听过 "对齐、对比、亲密性、重复" 这些基础原则,但在产品设计领域,有一套更系统、更实用的评价标准 ——尼尔森十大交互原则。这套原则由人机交互学博士 Jakob Nielsen 提出,专门用来评价用户体验的好坏。兰亭妙微在大量 B 端项目中反复用这十条原则做设计走查,今天把我们的实战理解分享出来。
系统应该保持状态可见、变化可见、内容可见。用户做了任何操作,系统都要在合理时间内给出反馈。
最基础的可见性是 hover 状态 —— 鼠标移到可点击元素上要有高亮变化,让用户知道 "这里能点"。但很多产品忽略了不可点击状态的可见性:按钮置灰了,用户不知道为什么不能点。兰亭妙微的做法是,置灰按钮 hover 时必须给出文字提示,说明不可用的原因和解决办法 ——"您没有该权限,请联系管理员申请"。既解释了原因,又给出了出路,用户才不会困惑。
用用户的语言、用户熟悉的概念,而不是系统术语。功能操作要符合用户的使用场景。
最典型的就是图标设计 —— 删除用垃圾桶、编辑用一支笔、消息用铃铛或信封,这些都是用户在生活中熟悉的隐喻,一眼就能明白。B 端系统业务复杂,不可能所有东西都不用解释,但设计时要尽可能延用用户熟知的模式 —— 不只是图标,还包括布局、交互、配色。保持用户习惯,就是降低学习成本。
用户会误点、会操作错误,系统要允许他们及时恢复到错误之前的状态。
这一点在 B 端系统中尤其重要,因为业务复杂、操作影响大。Ctrl+Z 撤销是最基本的,删除的数据进回收站也是标配。兰亭妙微在设计中坚持一个原则:凡是可能造成数据丢失的操作,都必须有撤销或恢复机制。 实在无法在当前页撤销的,也要有回收站兜底。给用户后悔药,用户才敢大胆操作。
遵循平台惯例,保持布局、用语、功能、操作、配色的一致。
B 端系统的导航栏在左侧或顶部、内容区在右侧,这是用户已经习惯的布局,没必要标新立异。配色上,成功用绿色、警告用橙黄色、错误用红色,这是全行业的共识。一致性的价值在于:用户在一个地方学会了操作,到另一个地方就能直接用,不需要重新学习。
比撤销更好的,是不让错误发生。在用户可能犯错时提前提醒,让用户二次确认。
防错和可控性的区别是:可控性是 "错了能改",防错是 "不让你错"。对于不可逆的操作(比如删除数据且没有回收站),必须在操作前弹出确认框,明确告知后果。更高级的防错是输入时的实时校验 —— 手机号格式不对,输入时就提示,而不是等用户点了提交才报错。
尽量减少用户的记忆负荷,动作和选项都应该可见。用户不必记住从一个页面到另一个页面的信息。
B 端系统中很多任务不是一次能完成的 —— 分析师调整流程图节点,可能需要长时间思考,中途退出后再进来,系统应该记住上次的分析状态,而不是让用户从头再来。兰亭妙微在设计中会特别关注 "中断后恢复" 的场景:用户上次做到哪了?当前进度是什么?下一步该做什么?这些信息系统要主动呈现,而不是让用户自己记。
允许用户频繁操作,提供便捷灵活的交互和反馈。
这一原则包含两层:灵活的代码和高效的交互。代码层面,开发时要考虑扩展性 ——B 端客户需求差异大,主题色要能定制、功能要能配置,不能把代码写死。交互层面,用最简单快捷的方式完成任务,减少不必要的步骤。能一步完成的,别让用户走三步。
界面中不应该包含与当前需求无关的信息。
B 端系统尤其要注意这一点。每一个字段、每一个图形、每一句话都可能影响业务判断,不能在客户确认的需求上画蛇添足。兰亭妙微见过太多仪表盘设计,用了大量背景装饰和绚丽配图,结果用户眼花缭乱,找不到自己关心的数据。B 端的核心是业务、效率、质量,不是视觉炫技。聚焦用户真正关心的,删掉一切干扰项。
错误信息要用通俗语言表达,准确反映问题所在,并提出建设性的解决方案。
登录时账号密码错误,别只说 "登录失败",要告诉用户是账号不存在还是密码错误,同时给出 "忘记密码" 的入口。表单填写出错,要在对应字段下方提示具体原因,而不是在页面顶部统一弹一句 "请检查输入"。好的容错设计,是让用户出错后不慌,因为他知道问题在哪、怎么解决。
有必要提供帮助和文档,但最好的方式是:无需提示 > 一次性提示 > 常驻提示 > 帮助文档。
B 端系统业务属性强,很多专业术语和定制功能用户不熟悉,所以帮助提示必不可少。表单字段旁边加个小图标,hover 显示说明;复杂功能配操作指引;系统里设帮助中心 —— 这些都是标配。但终极目标是通过好的设计让用户不需要帮助 —— 界面足够直观、操作足够自然,用户凭直觉就能用。
尼尔森十大原则不是十条孤立的规则,而是一套完整的体验评价体系。兰亭妙微在每个项目的设计评审中,都会用这十条逐一过一遍:状态可见吗?贴近场景吗?有撤销吗?一致吗?防错了吗?需要用户记东西吗?灵活高效吗?简约吗?容错好吗?有帮助吗?
十条都过关,设计的基本盘就稳了。站在巨人的肩膀上做设计,比自己从零摸索要高效得多。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。