首页 > 编程知识 正文

设计通用法则(展示设计的形式美法则是)

时间:2023-05-03 09:56:25 阅读:89991 作者:1231

编辑指南:用户体验是产品设计落地后的衡量标准之一。 那么,如何提高产品可用性,提高用户体验,促进用户留存呢? 在本文中,作者结合映射定律和实际案例,探讨了为提高用户体验建立良好映射关系的构想。 一起看看吧。

作为用户体验设计师,当被问到什么是用户体验时,我通常会问:“基本上,你觉得一个东西好吗? 如果简单顺利的话,就是很好的用户体验。 否则,就不好了。

这是用户体验的基本考虑事项之一,也是“可用性”的考虑事项。 当然,影响一个东西是否好用的因素有很多。 本文从第125条通用设计法则中的“映射映射”来探讨该法则对事物可用性的影响。

一、为什么你会觉得有些东西不好用?

要回答这个问题,首先要了解诺曼在《设计心理学1:日常的设计》中说明的——人在做一件事所经历的过程,大致分为三个阶段:

首先,了解做这件事的目标; 然后,采取行动; 最后,看自己的目标是否实现了。

如上所述,差距的实行和差距的评价是你在做某事时感到困难的理由。 通过缩小这两个差距,可以明显提高用户体验。

二、如何降低执行鸿沟和评估鸿沟?

将上述文字转换为下图吧。

首先,让我们来看两个执行间隙连接的东西。

用户计划:根据用户的目的生成。 系统可以操作的功能:通过前馈信息,也就是系统可以感知的外部因素可以明确。 前馈信息(feedforward )有助于回答执行类问题的信息,有助于知道可以做什么的信息。 —— 《设计心理学1:日常的设计》

也就是说,在系统设定了足够的前馈信息,并与其功能建立了良好的映射关系的情况下。 那么,用户可以从外部因素得出这个系统可以操作的功能是什么的结论。 这个结论越接近用户的计划,执行差距就越小。

让我们来看看两个评估差距联系的东西:

评估标准:由用户目的生成。 系统状态:释放的反馈信息明显。 也就是说,当系统提供完整持久的反馈信息并与其状态建立良好的映射关系时。 用户通过反馈,这个系统现在的状态怎么样? 这个结论越容易与用户的评价标准进行比较,评价差距就越小。

以上分析得出了影响可用性的三个因素。

足够的前馈信息足够的反馈良好的前馈信息和系统功能、反馈信息和系统状态的映射关系。 其三,关于“映射”的解读,一部分来自jzdgz的《设计心理学1:日常的设计》 (建立了“映射”概念基础的作品)。 本书认为,映射是表现“控制——效果”关系的一种方法,是如何用正确的控制形式(前馈)来表现系统功能的效果。

个人认为,映射可以扩展为“状态——反馈”关系的表现方法,即如何以正确的反馈形式表现操作后的系统状态。 本文将从这两个角度探讨构建良好映射关系的方法。

三、如何建立良好的映射关系?

用户得出映射关系结论的依据往往是自己的心理模型(Mental Model ),所以为了得出尽可能准确的结论,良好的映射关系符合人们的心理模型。

心理模型(Mental Model )人通过经验、训练、教导,对自己、他人、环境、所接触的事物形成的模型。

在《设计心理学1:日常的设计》中,我们提到了建立良好的映射关系有两类。

利用物理环境模拟(Physical Analogies ) :例如空间位置模拟。 利用文化标准(Cultural Standards )例如上升表示增加。 当然,需要注意的是,不同文化之间的差异可能会导致对映射关系的理解偏差。 让我们用实际事例进一步解读。

四、案例分析:在线文档多人实时协同

我现在为在线文档编辑和知识管理工具——语言雀(在自己的产品上打小广告)设计。 最近,许多用户期待的文档的多人实时协作功能已上线。 用户的反馈表明,通常需要在以下情况下使用此功能:

小组内一起在麻雀文件上写周报; 一起记录完成项目计划书的会议记录……因此,可以用实际场景填充上述理论图。

其中设计师可以发挥的是充分设定前馈信息和反馈信息,为实现以下目标建立良好的映射关系。

前馈信息告知用户语雀具有与其计划相符的功能。 通过反馈信息,用户可以了解麻雀文件的状态,容易与评价标准进行比较。

1. 前馈信息设计 「前馈信息——系统功能」映射关系建立

经常忽略前馈信息的设计。 因为大家很容易直接开始设计这个功能

何如何使用,使用完之后给到用户什么样的反馈。但是往往忽略了如何可以让用户知道这个功能。你看,要不是我写了这篇文章,我还没意识到我真的忘了给语雀的多人协同编辑功能设计前馈信息。

原先使用语雀文档,需要等待上一个用户完成编辑后,另一个用户才能进入编辑。然后当用户点击编辑按钮之前,他是无法知道当前是否有其他人正在编辑此文章。只有他点击了“编辑”按钮,系统才会给出提示,这种体验自然是令人沮丧。

幸好,上线多人实时编辑功能后,用户可以不再受到其他编辑者的限制。但是让一个用户知道这个功能呢?

其实针对本功能上,用户即使事先不知道这个功能也无大碍,因为直接编辑文档就是了,只不过可能某一次突然发现当前还有别人也在编辑文档,这时恍然大悟:原来语雀已经支持多人实时编辑了。

当然,我们还是可以在设计上多做一点,毕竟这么大一个功能上线,还是希望用户早点发现。除了常见的新功能上线的弹窗广告,我还做了一个设计,就是当只有一个人编辑文档,语雀文档也会显示当前编辑者的头像,悬浮到头像上会有提示:语雀已支持多人同时编辑文档。

分析业界其他竞品,我们也可以看到其他前馈信息的设计方式,例如像Confluence文档,直接在头像旁设置「➕」。类似于语雀的协作按钮。

上述提到的前馈信息与系统功能建立映射关系的方式是:

头像加tooltip。“原本顶部操作栏并没有头像,突然现在多了一个自己的头像,这是什么情况?”这样的疑问会引导用户尝试与头像发生交互,从而可以看到tooltip中的说明。加号。运用的是文化标准,头像旁边的加号,暗示着加人,自然让人理解为添加编辑者。

《设计心理学1:日常的设计》中有一个概念叫意符,上述的头像+tooltip、加号都是一个明显可被发现让人,告诉用户可采取什么行为且怎么操作的意符。

说到这儿,我实在忍不住不吐槽一下《设计心理学1:日常的设计》里面的概念太多,一会儿「意符」,一会儿「前馈信息」,感觉这两个概念真的很相似。我理解的区别大概「意符」是仅指视觉方面的「前馈信息」。而「前馈信息」还可以包括其他感觉:听觉、嗅觉、触觉等。欢迎大家探讨。

2. 反馈信息设计 &「反馈信息-系统状态」映射关系建立

在这个案例里,用户的目标是大家一起在短时间内成功完成一份项目规划书。根据目标推导出目标完成的评估标准:

大家是否一同进入编写?大家是否在各自负责的部分编写?大家是否编写了正确内容?

要容易完成上述评估,用户需要知道语雀文档的一些状态:

目前有n个人正在同时编辑这篇项目规划书;这些人都是……每个人正在编辑的部分是……每个人修改了……

想要获得上述信息,我们可以设计系统给出相应的反馈信息。下表阐述了目前一些常见的多人实时编辑时的反馈信息类型,以及它们如何和系统状态建立映射关系。

以上都是业界多人实时编辑工具常见的反馈信息设计,可以发现,其中好几种反馈信息都映射到了同一个系统状态。

或许这些反馈信息是互补的,需要组合使用,才能够完整了解系统的某个状态;也可能这些反馈信息是重复的,那么只需要保留最够用的那个即可(过多信息,也会加大认知负荷,所以够用即可)。我需要从中判断哪些适合语雀文档,或者有没有其他更好的反馈信息设计。

以下就是语雀多人实时编辑功能最终采取的反馈信息。为什么选了这几种呢,主要是考虑到后续设计的拓展性。

以上就是自己在最近的实战中结合设计理论知识的心得。欢迎大家一起来讨论。

本文由 @Ant Design 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash,基于 CC0 协议

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。