广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

设计基础(2):换个角度看尼尔森10大设计原则
发布日期:2024-12-02 08:46:41 浏览次数: 1576 来源:子牧UXD

尼尔森十大可用性原则是设计界的基础理论,与商业化设计不同,这些原则主要是从人机交互角度,阐述了产品体验设计的十个方面。熟练应用尼尔森十大原则,对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小时在线服务,同时让用户感觉对面不再是冰冷的机器,增强了用户的服务体验


总结

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

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询