浅析“微信”对尼尔森十大可用性原则的运用

用户头像
深圳/UX设计师/6年前/1026浏览
浅析“微信”对尼尔森十大可用性原则的运用

尼尔森十大可用性原则是尼尔森博士分析了两百多个可用性问题而提炼出。它是产品设计与用户体验设计的重要参考标准

无论是 WEB UI 还是 APP UI 可用性是很重要的,在设计中拿不定主意以及检验自己做出来的界面的时候,它就是一把标尺。今天总结一下我们日常使用的"微信"产品是如何将尼尔森十大可用性原则运用到各个细节之中的。

原则一:状态可见

理解——告知系统的当前状态,让用户可清晰的感知所处的操作状态。

示例——微信发送图片时,在图片区域会有个半透明的gif圆形转动图显示信息发送中的进度,发送失败会显示红色感叹圆给用户告知发送失败的反馈。  

原则二:环境贴切

理解——尽量将生活中的逻辑和设计逻辑保持统一,这样就会更贴近用户的认知,用户上手成本也就更低。

案例——在微信的发现页面,每个子功能的图标和表述都贴切用户的环境,图标采用拟物化,表述采用用户熟悉的语言。

原则三:撤销重做

理解——为了避免用户的误用和误击,系统应提供撤销和重做功能。

案例——微信在v5.3.1版本中推出了消息撤回功能,用户可以选择撤回2分钟内发送的信息。这一功能给用户提供了一个及时 纠错的机会。很大程度上避免了很多误会。


原则四:一致性

理解——同一用语、功能、操作保持一致(遵循统一的产品设计规范&逻辑,对于表达同一个操作的时候,应该尽量使用同    一个设计元素,避免使用不同的设计元素,以减少用户对于该操作的疑惑,降低用户的学习成本)。

案例——微信的摇一摇功能,打开摇一摇的页面,icon保持一致。


原则五:防错

理解——设置防错机制,减少用户犯错。避免因为没有做防错措施,导致用户去犯错误。

案例——微信“附近的人”功能,使用会弹窗提示,提示用户位置信息会泄露,防止用户出错。


原则六:易取

理解——减少用户记忆负荷,尽量提供用户需要获取的信息。

案例——微信中的最近使用表情包模块(微信自动将用户最近使用的表情归为一个模块前置,方便用户可以快速找到自己喜    欢的常用表情,提高聊天效率)。


原则七:灵活高效

理解——给用户提供灵活的操作和高效的获取信息的操作。

案例——微信“发现”页面的子功能默认全部显示,但在“设置”中可以对每个子功能启用or停用,满足不同用户的需求,保持灵活高效原则。


原则八:易扫

理解——互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。

案例——微信对信息详细分类在不同的页面,每个页面只显示相关功能。微信的“发现”页面,只显示存在着探索关联的功能。

原则九:容错

理解——帮助用户从错误中恢复,将损失降到最低。如果无法自动挽回,则提供详尽的说明文字和指导方向,而非代码。

案例——微信用户误打开"附近的人",位置信息泄露,用户可以点击页面右上角的清除功能随时手动清除位置信息。



原则十:人性化帮助

理解——在用户可能需要的时候,提供必要的帮助说明

案例——微信的帮助与反馈,提供常见问题、相应功能的快捷帮助以及意见反馈。

10
举报
|
10
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
3D渐变流体抽象矢量UI背景图
【新年UI图标】秒杀icon
拟物风质感写实UI卡片合集源文件
UI通用设计素材1
UI 登录界面设计模板包
高级感金属拟物 UI设计组件库
我的钱包-UI界面设计-app
UI界面 组件
【新年UI图标】30个图标
新能源APP应用UIKit
矢量立体简约UI蓝白图标
盲盒APP UI设计
户外旅行飞机情侣假日出行
【新年UI图标】会员icon
【新年UI图标】钱包icon
UI_3D图标“一本秘籍”(源文件
新拟态风格 UI设计组件库
高级表盘系列UI源文件
【新年UI图标】珠宝icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
科技医疗透明柜UI界面设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】汽车icon
你可能喜欢
相关收藏夹
大家都在看
登录注册