在第一部分,我们分析了唐·诺曼的畅销书《日常的设计》中的七个重要问题。
任何使用产品的人都应该能够明确所有七个问题的答案。
唐·诺曼
为了帮助确定这七个问题的答案,诺曼设计了一份关于七个基本设计原则的清单。每一个原则都可以作为一种特殊的设计策略来应用,使产品被高效且有效地使用。
1. 可发现性 Discoverability
由Outcrowd设计-此着陆页通过使用各种关键要素,例如行为召唤(Call-to-Action)按钮、图像和标题、清晰的导航、 直观的层次结构和间距,使用户更容易找出可采取的行动。每当我们处理日常事务如电视遥控器,或网站及应用程序之类的产品时,我们都会找出在哪里以及如何执行各种功能。通过良好的可发现性,我们可以考虑不同的选项,并选择一个能够满足我们目标的方案。然而,如果这些动作无法被发现,我们就不能这样做。
诺曼将良好的可发现性描述为:“可以确定哪些操作是可行的以及设备的当前状态“。明确的关键要素(行为召唤按钮、图片和标题); 清晰的视觉层次结构(按优先级排列的内容); 显而易见的导航系统在设计中都具有良好的可发现性和理解能力。
然而,当设计缺乏可发现性时,我们必须更加努力地去理解事物的工作原理。以网站的汉堡包菜单为例,虽然它可以方便地存储多个项目,但实际上却掩盖了产品的关键和重要信息。
其他设计原则,特别是指示符、反馈和约束(我们很快就会遇到这些)也可以用来提高可发现性和减少可能的错误。
2. 反馈 Feedback
Hoang Nguyen制作的动画-反馈用于更新用户的会议请求状态当我们与日常用品或产品交互时,我们需要某种东西来传达我们的行动结果:反馈。在没有任何即时反应的情况下,我们想知道我们所采取的行动是否有任何影响。
诺曼将反馈描述为“某种让你知道系统正在处理你的请求的方式”。他还解释说,反馈必须是即时的,提供信息的,有计划的(以不打扰的方式)并且是优先考虑的。
重要信息应及时清晰。例如,当出现问题时,一个错误提示对话框会迫使我们注意刚刚发生的事情以及下一步该如何做的关键反馈。然而,微妙的反馈可以告诉我们,我们的行动是有效的,且不会打断我们的流程。例如,当我们在Twitter上发推时,屏幕底部会出现一条小的确认消息,让我们知道我们的操作已经成功执行。
3. 概念模型 Conceptual model
由Divan Raj设计 - 新手入门很好地说明了概念模型如何为用户提供有关产品或服务如何工作的解释概念模型是对事物如何运作的简单而有用的解释。例如,一个网站或应用程序的新手入门向用户演示了如何使用产品或服务。诺曼解释道:“设计会投射出创建系统良好概念模型所需的所有信息,从而带来理解和控制感”。
概念模型的其他例子可以在包装、说明书和图示中找到。数字界面特别使用视觉隐喻来帮助我们理解可以做什么;例如,垃圾桶图标描述了删除不需要的文件的想法。
然而,当一个概念模型不清晰时,它可能与我们的心理模型(我们对某件事情应该如何工作的期望)背道而驰。例如,有些USB接口只能以一种方式插入,这可能与我们预期的正反面两用的设计相冲突。
4. 功能可见性 Affordance
由Vectary设计 - 温控器旋钮的形状表明了它可执行的操作,即旋转以提高温度功能可见性是指对象的感知动作和实际属性,可以帮助我们确定其操作。诺曼说:“功能可见性是指实体和人之间的关系”。例如,门把手或拉链的形状类似于其控制的形状。
以椅子为例,它的形状可以让你坐着或站着,还有一些椅子配有脚轮,可以推拉。而且,在发生火灾的极端情况下,我们甚至可能会将椅子的尺寸和重量视为打破窗户的机会。
应该指出的是,功能可见性取决于头脑中的知识(我们已经了解的)和文化相关性。如果没有这些特性,则对象的所需动作将更难以感知。以扁平化设计为例,新手用户可能不会立即理解某些视觉元素可以被操纵。
5. 指示符 Signifiers
由Nhat M. Tran设计 - 指示符(例如按钮和视觉提示)告诉你设计中何处可以进行不同的操作指示符向我们传达行动应该发生的地方。诺曼解释道:“指示符这个词指的是任意符号或声音,任何可感知的指示符号,它向一个人传达适当的行为”。例如,按钮标签可以确切地告诉我们相应控件的操作类型。
在影片《马达加斯加的企鹅》中,一个北极小动物踩着红色的大按钮,丝毫没有注意到它的动作。然后,在闪烁的警报声中,企鹅们惊呼:“他们确实应该在这些东西上贴上标签”。
现如今,一个大的红色按钮通常表明它可以执行紧急操作,例如紧急出口。然而,在企鹅的案例中,没有明确迹象表明按钮的真实意图。
虽然指示符可以清楚地说明在何处执行某项操作,但它们也依赖于文化上的理解。例如,当亚马逊在印度推出其网站时,用户将搜索图标误认为是乒乓球拍。这表明了指示符必须具有相关含义,以便目标用户可以立即识别它们。
6. 映射 Mapping
由Rhema Leverett制作的动画 - 颜色选择器描述了控件及其影响的相应元素之间的关系映射是控件与其对世界的影响之间的关系。例如,钳形机器上的箭头按钮对应于玩具抓取机械臂的运动。诺曼解释道:“当映射使用控件布局和被控制设备之间的空间对应关系时,很容易确定该如何使用它们”。
自然映射使我们能够在潜意识中改变我们世界的效果,例如轻按相应的灯光开关。iOS的亮度控制中心特别利用了良好的映射功能;例如,当您上下滑动亮度时,相应的滑块会与您的移动相匹配。
当某些事物的映射变得不自然时,设计就会变得违反直觉。在常见的家用电器(例如炉灶)中会发现一个特殊的映射问题。当操作炉灶时,我们会依赖控件装置的位置。如果映射图不清楚,那么我们将很难确定每个炉灶由哪些控制器控制。
请注意,如果无法进行自然映射,请使用指示符来阐明两者之间存在的关系。
7. 约束 Constraints
由Walid Ghazzo设计-通过使用小的步骤,简化了创建和管理事件的复杂过程,该步骤为用户提供了足够的信息来一次完成一项任务当用户负担太多内容时,我们通常将其称为“信息过载”。冗长的表格、复杂的布局和繁重的文字描述会引起分心和增加认知负荷(工作记忆)。
然而,约束可以限制可能发生的交互类型,因此有助于减少我们处理的信息量。诺曼解释说:“物理,逻辑,语义和文化约束指导行动并简化解释”。
正如诺曼所述,约束的形式有多种,包括物理的、语义的、文化的和逻辑的。 每一项都可以帮助我们将注意力集中在一项重要任务上,并有助于减少人为错误的可能性。
物理约束限制了可能的操作;例如,鼠标光标不能移到屏幕之外。语义约束是可以在何处执行操作的线索; 例如,插座的含义是可以插入插头的位置。文化约束是一种社会习俗,比如排队等候服务。最后,逻辑约束有助于确定替代方案。 以滚动为例,这就使我们知道如何查看屏幕的其余部分。
诺曼的七项基本设计原则可以帮助用户确定问题的答案; 无论是使用日常用品还是产品。总之,我们需要遵循的原则如下:
可发现性使人们更容易理解在哪里执行操作
反馈传达了对我们行动的回应
概念模型是对事物如何运作的简单解释
功能可见性是一个物体的感知行为
指示符准确地告诉我们在哪里执行动作
映射是控件与其具有的效果之间的关系
约束有助于限制可能发生的交互类型
设计师可以将每一个原则作为一种特殊的策略来与用户沟通。当所有的原则都做得很好,那么概念模型尤其可以符合用户的心理模型,从而使他们能够正确和有效地使用产品。
作者:Ian Batterbee
原文:
https://uxdesign.cc/ux-psychology-principles-seven-fundamental-design-principles-39c420a05f84
本文已获得原作者授权:
网友评论