设计之用户体验的“四个层级”

用户体验

参考自:陈婉宁:可用性---用户体验的灵魂元素

用户体验的四个层级

在知乎读到一篇阐述用户体验可用性 两者之间关系的文章,文章内容中开始的部分讲述了用户体验和可用性之间的关系,用户体验分为四个层级:实用性可用性赞许性品牌体验 。其中可用性 在这个金字塔结构中只是用户体验的第二层级,也就是说,一个产品的用户体验的最低级别是实用性,更高层次是品牌体验感。

如果一款产品都达不到实用性的要求,无法满足用户的需求,那这款产品在用户体验方面就不会有意义。

可用性

赞许性品牌体验 高高在上,而实用性 又是产品最基本要求,所以在设计方面,更多的是研究第二层级:可用性

可用性的五大要素

易学性

在用户第一次使用的时候,产品能否被用户轻松使用?

高效性

用户使用产品达到的工作效率

可记忆性

方便用户使用和记忆

容错性

对用户所犯错误的容错性以及恢复用户错误操作的难易程度

满意度

用户使用产品的愉悦程度

"可用性是关于人类行为的。它认识到人类很懒惰,容易情绪化,不愿付出很多努力,并且更喜欢容易做的事情而不是难做的事情。"

尼尔森十大可用性原则

系统状态可见

系统将信息反馈给用户,让用户能够得到一目了然的信息,并对系统做出等待、进一步操作、或者判断等等行为。比如设计动态的进度条、悬停按钮时高亮显示。并且只将最重要的信息展示给用户。

系统和现实世界匹配

该原则称之为隐喻原则 ,产品使用用户熟悉的语言来表现用户熟悉的现实世界的映射。比如电子书中,翻页功能模拟现实中书本的翻页功能。

用户可控制和自由性

当用户做出错误的操作时,需要一个明确的紧急操作来控制当前的错误行为,比如:返回、撤销、修改、删除等。

一致性和标准化

一致性分为内部一致性外部一致性,内部一致性指的是在产品的设计方面保证产品结构风格、组件、元素等协调一致性;外部一致性指的是在现有的同类产品中,取公共要素作为外部一致性原则的体现,主要是为了减轻用户的认知负担。比如爱心点赞图标、五角星收藏图标,属于大众认知中早已被接受的图片元素。

防错

一般措施:二次确认询问提供撤销操作

让用户识别而不是记忆

设计合理的上下文为用户提供线索,减轻用户使用产品的负担,提升用户体验感。

灵活高效的使用

类似于将某些功能作为快捷键加速器的方式提供给用户使用,比如抖音双击点赞功能、博客代码段右上角的复制功能,都是提供给用户快捷方便的实例。

美学和极简设计

有用信息/无用信息=信噪比,用户界面中的每个信息都会和周边的信息竞争,降低其相对可见度,需要根据内容的优先级和重要性,设计良好的排布方式,强化重要信息的展示。

帮助用户识别、诊断和从错误中修复

三步走原则:向用户反馈状态、向用户说明问题、提供解决方案。

帮助系统

利用提示框、弹出框、引导页、介绍页、智能客服、在线客服等等方式为用户提供帮助系统

相关推荐
我命由我123451 天前
Photoshop - Photoshop 创建文档
学习·ui·课程设计·设计·photoshop·ps·美工
我命由我123452 天前
Photoshop - Photoshop 创建图层蒙版
运维·学习·ui·课程设计·设计·ps·美工
我命由我123455 天前
Photoshop - Photoshop 触控手势
笔记·学习·ui·设计·photoshop·ps·美工
我命由我123455 天前
Photoshop - Photoshop 触摸功能
运维·笔记·学习·ui·课程设计·设计·美工
Bug生产工厂6 天前
教培行业支付解决方案:高并发课程报名与分账系统设计
架构·设计
gyratesky7 天前
如何用AI辅助设计登录页
aigc·设计
文火冰糖的硅基工坊7 天前
[光学原理与应用-353]:ZEMAX - 设置 - 可视化工具:2D视图、3D视图、实体模型三者的区别,以及如何设置光线的数量
3d·系统架构·设计·zemax·光学·跨学科融合
四七伵7 天前
接口设计的“潜规则”:为何字段 key 偏爱英文?
数据结构·代码规范·设计
我命由我123459 天前
Photoshop - Ps 标尺
运维·ui·工具·设计·photoshop·ps·美工
阿幸软件杂货间9 天前
SimLab Composer8.2_win中文_3D绘画_安装教程
3d·设计