设计基础(2):换个角度看尼尔森10大设计原则

Recommanded by editor
南京/设计爱好者/3年前/1700浏览
设计基础(2):换个角度看尼尔森10大设计原则Recommanded by editor

如果将10大原则归类分析,可以分为“认知与行为”2大类。这也反映了人机交互就是从信息认知到行为操作,再到信息认知的过程。

尼尔森十大可用性原则是设计界的基础理论,与商业化设计不同,这些原则主要是从人机交互角度,阐述了产品体验设计的十个方面。熟练应用尼尔森十大原则,对B端产品体验设计会有很大的帮助。

如果将10大原则归类分析,可以分为“认知与行为”2大类。这也反映了人机交互就是从信息认知到行为操作,再到信息认知的过程。

随着B端设计的发展,十大原则框架下的人机交互也有一些新亮点,我们一起来总结一下。

一、系统可见性原则

(Visibility of system status)

系统应该总是能及时通过适当的反馈,让用户获悉系统目前的状态。

我们常见的反馈包括状态反馈、操作反馈、过程反馈等等,可以帮助用户更好的理解系统,并作出正确的后续操作。

除了基础的系统反馈外,B端产品开始思考如何为客户带来更多的价值反馈。例如饿了么商户端在进行活动设置时,还可以通过历史数据分析,智能推荐合适的折扣,为商家的折扣设置提供更科学的参考。

▲来自公众号:淘宝设计

二、贴近场景原则

(Match between system and the real world)

用户更喜欢自己熟悉的方式来看待问题,这就是用户的心智模型。现实世界是用户接触的第一“场景”,系统界面需要去学习应用现实场景。最简单的案例,现实世界中红色代表警告色。在B端产品中,红色同样用于警示色,绿色则为安全色。在具体的应用方面可以分为3个层次。

1)图形模拟

iOS早期的“拟物化”设计风格,界面元素都是尽量地贴合现实世界的场景,在帮助人们理解和使用智能手机系统是有帮助的。发展到现在的扁平风格,部分功能仍然保留了一些拟物元素,例如日历、计算器等系统功能基本算是实物形态的“复刻”。

2)“所见即所得”的编辑模式

有赞商家管理平台中,店铺装修模块将元素组件化,用户拖拽就可以快速搭建店铺,将装修效果直观的展现给商家,并且可以预览手机端和PC端的展示效果。

现在比较流行的低代码平台也通过这样的方式,减少了开发人员的工作量,让非开发人员也可以完成App的设计开发。

3)数字模型产品

一些B端产品则以空间环境数字化为卖点,利用3D技术模拟现实场景,更直观地展现出数据信息。例如3D机房,用户可以身临其境地了解机房环境、布局等信息,而不是简单的表格化系统界面。

随着技术的发展,产品开始与现实场景的融合,例如高德地图中的VR实景导航。而最近大热的元宇宙或许将成为该原则的终极体现。

三、自由可控性原则

(User control and freedom)

用户经常错误地选择系统功能而且需要明确标识离开这个的“出口”。比如支持撤销和重做的功能。B端产品设计发展这么多年,“撤销”、“返回”等功已经成为了系统必备功能。用户自由可控的内容也不仅限于这些。

1)非业务场景下,强化用户的控制权

对于频繁出现的内容,需要让用户拥有控制权。例如企业营销的短信、邮件,常驻的提醒信息等,通常会增加功能开关方便用户关闭推送,避免对用户造成干扰。

App开屏广告是产品重要的盈利手段,但是对很多用户来说属于额外的干扰信息,所以会增加跳过功能,便于用户快速进入App。同样步数较多的新手引导,也需要有跳过功能,允许用户自主决定是否查看引导信息。

2)细化颗粒度,给用户更多选择自由

在Edge浏览器中页面翻译功能中,并不只有“翻译”和“以后再说”的选项,还有细化的翻译选项,给用户更多的选择和控制的自由,可以满足用户的多种需求。

3)不宜过度的自由

用户自由是相对的,在B端业务场景下,如果将信息完全开放给用户,反而会让用户不适应。例如用户需要定义一个全新的组件名称时,最好给出范例或者规则,既可以保证内容的规范化,又可以让用户有迹可循。否则名称可能会是五花八门,甚至题不对文。

四、一致性和标准化原则

(Consistency and standards)

一致性可以给用户统一的认知,建立用户稳定的心智模型,降低用户学习成本。很多产品都会建立统一的产品交互视觉规范,保证产品表现层的一致性。

随着移动互联网的发展,除了系统内部的一致性,还需要做好外部的一致性,遵循行业的标准。

1)多终端的一致性

移动互联网时代,B端产品开始布局多个终端,既有Web端,又有App或者小程序等。不同终端的产品在表现层面需要尽可能地保持一致,减少用户的学习成本。

2)行业的标准化

B端产品发展这么多年了,整体框架依旧是顶部导航,左侧菜单、内容区三大模块。这样的布局结构是符合用户认知习惯的,所以没有必要为了创新而创新。同样专业术语,快捷键等,尽可能与行业保持一致,不增加用户学习成本,才是真正符合用户价值。

例如Figma 在界面框架、内容布局上与Sketch 基本保持一致,保证了用户可以快速上手。更多的创新放在了对功能细节的优化上,从而实现了巨大成功。

五、防错原则

(Error prevention)

在用户可能犯错时进行提醒,比如删除可能造成的后果。为了减少用户误操作带来的损失,删除操作时,系统都会给用户必要的提示。弹窗阻断用户操作,二次确认后才能执行,成为了大多数产品的选择。面对不同的业务场景,安全冗余设计也呈现了一些新的变化。

1)轻量化的防错提示

对于一些用户可以自行找回的内容,可以采用轻量化的提醒方式。例如Chrome浏览器书签删除时,直接将内容删除,但是保留了“撤销”操作的机会。用户在一定时长内不撤销操作,删除就会生效,用户将无法找回内容。这种交互方式不会直接中断用户操作,因为即使用户误删,造成的损失也及其有限。

2)自动保存

自动保存功能主要用在编辑器工具中。例如Figma打破了本地化客户端的限制,将本地服务迁移到了云端。可以实现功能的自动化保存。用户退出时,不需要用户二次确认,不用担心内容丢失,实现了用户的来去自由。微信订阅号助手同样采用定时自动保存,退出时自动保存的功能,可以有效减少用户误操作带来的内容损失。

六、协助记忆原则

(Recognition rather than recall)

尽量减少用户对操作目标的记忆负荷,动作和选项都应该是可见的。用户不必记住一个页面到另一个页面的信息。系统的使用说明应该是可见的或者是容易获取的。系统需要主动地承担记忆工作。例如搜索关键词的推荐、数据关联读取、业务规则提示等等。

除此之外,系统还应该更加了解用户,记录用户最近的操作项,建立常用工具栏,以及收藏功能,帮助用户构建信息专属空间,让用户与系统之间更加紧密联系起来,减少用户的记忆成本。

例如阿里云产品导航中,增加了用户最近访问记录和收藏列表,方便用户选择。

七、灵活高效原则

(Flexibility and efficiency of use)

B端产品不同于C端产品,有清晰的组织结构和用户角色。多用户共用一个系统时,每个角色对内容的需求是有差别的。功能的可定制化成为了产品设计的重要方向。例如首页概览信息、表格表头的可配置等。另外还要考虑初学者、专家用户的不同需求,需要考虑信息的兼容性。

此外在某些场景下还要关注多任务并行操作。

在B端产品中一般是单流程操作,通过弹窗、抽屉、页面跳转等方式,完成业务配置。为了让用户聚焦内容,这些操作大都是在一个浏览器标签页中完成的。

但是对于复杂的业务或者长流程的业务,需要耗费用户较多的精力。例如云产品的购买,需要减少用户退出的几率。所以采用新开标签页实现多任务并行,保证操作过程中受到其他因素干扰时,可以并行查看信息,而不需要退出整个购买流程。

八、审美和简约设计原则

(Aesthetic and minimalist design)

审美是“仁者见仁、智者见智”的事情,但是B端产品更强调实用主义,重在内容信息的呈现。所以不必要的视觉元素需要弱化或剔除。

不过B端C端化成为了一种新趋势,阿里云推出了“云小宝”IP形象,助力产品运营活动。另外在产品设计中,一些B端产品开始引入插画丰富界面表现,传递品牌形象,增强产品的软性体验实力。

九、容错原则

(Help users recognize, diagnose, and recover from errors )

错误信息应该使用简明的语言表达(非代码),正确的说明问题,并有建设性的提出解决案。强调的是错误发生时,为用户提供解决方案。在一些场景下,用户面对的并不是错误,而是由于信息不足无法做出合理的决策判断,产品需要利用平台积累的数据,为用户提供合理的优化建议。

例如饿了么店铺装修检测助手,通过动态化扫描问题,发现商户店铺中的问题并给出建议,让装修变得更有针对性。

▲来自公众号:淘宝设计

十、人性化帮助原则

(Help and documentation)

有必要提供帮助和文档。任何信息应容易去搜索,专注于用户的任务,列出具体的步骤来进行。

B端产品通常比较复杂,帮助功能必不可少。帮助的形式逐渐细化,呈现分层分级的特点,包括界面即时提示、页面常驻帮助,快捷帮助浮窗、帮助中心文档等等。而智能机器人客服,则通过人机对话的形式,实现了7×24小时在线服务,同时让用户感觉对面不再是冰冷的机器,增强了用户的服务体验

总结

尼尔森十大原则不是孤立的,而是相互影响,相互成就的。另外做设计时,不要拘泥于设计理论,设计理论只是参考方向,应当以实际的业务场景和用户需求为准则,做出正确合理的设计方案。

#专栏作家#

子牧先生。公众号:子牧UXD(HelloDesign),产品体验设计师。8年互联网行业经验,擅长体验设计思维、设计方法论、交互设计研究。

17
Report
|
51
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
马年IP设计 MA DUODUO
Homepage recommendation
相关收藏夹
文章
文章
文章
文章
作品收藏夹
1复盘
1复盘
1复盘
1复盘
作品收藏夹
作品集
作品集
作品集
作品集
作品收藏夹
B端设计规范
B端设计规范
B端设计规范
B端设计规范
作品收藏夹
文章
文章
文章
文章
作品收藏夹
大家都在看
Log in