国外干货:移动界面设计的10项设计原则

2023-05-30 0 1,091

当 Jakob Nielsen 已经开始科学研究结构程序语言时,他已经开始从事交互式方面的易用性工程建设的进行咨询和课堂教学工作。所以在 1994 年,他搜集并发布了两套易用性分析方法 评估结果准则,那些准则反映了他所科学研究的小东西。如今,经过了近 25 年的时间,随著笔记本电脑向智能机的变革,Nielsen的准则依然果真如此。

国外干货:移动界面设计的10项设计原则

核心理念的结构设计特别强调了使用者的必要性,结构设计过程也适当地进行了调整;然而,尽管 Nielsen的准则在所有萤幕类别上仍然是通用型的,但是随著终端电子设备使用率的急速增加,结构设计的关注点早已在 终端界面 上了。

在网路上搜寻启迪性准则,你会列举极短的这份目录,但内容有所差别。以下是九项准则的合辑,那些准则由核心理念的结构设计和易用性思想提倡者所启迪。

易用性启迪从使用者市场需求已经开始

在已经开始探讨这九项准则之前,必须认识到使用者的必要性已经开始急速增长。GOV.UK尽管是一个政府中文网站,但它的重新结构设计是使用者主导力量的商品因其易用性获得全球普遍认可的一个众所周知例子。

项目结构设计副总裁Ben Terrett以两套使用者界面 结构设计准则 为终点,这套准则囊括从商品思路到听觉结构设计方法的各个方面。正是第二项准则提示了商品的成功:“总有一天从使用者市场需求起程。如果不知道使用者须要什么,就无法构筑恰当的小东西。做调查、分析数据、与使用者沟通交流。不要假定。对使用者要有反之亦然心,读懂她们要求的并不总是她们须要的。”

易用性评估结果的分析方法准则有利于确定UI结构设计在四方面不能提供使用者亲善的新体验。

一、普莱邦的有效性

让某些原素和结构由此可见的作法,可以让使用者对语句有足够多的认知。

UI 如果容许使用者相信一切在控制之中。使用者如果能够随心所欲地回答那些问题:“我现在在哪里?” 和 “从这里我能去哪里?” 当一个系统是透明的,使用者可以决定接下来会发生什么。使用者获得了使用界面的自主权和随后的信心。

国外干货:移动界面设计的10项设计原则

二、操作反馈的即时性

对使用者操作响应证明系统已收到请求。

任何使用者操作都如果有一个即时的界面反馈。即时反馈让使用者放心,系统已经开始做预期的事情。Nick Babich是Smashing Magazine的UX专家,他使用进度指示器作为一个很好的范例,来明确传达操作状态。他认为,它可以直观地通知使用者,他们的操作已经被接受,系统很快就会指示下一步操作。如果没有指示器,使用者就会面临不确定性和挫折感,从而导致使用者访问中断。

国外干货:移动界面设计的10项设计原则

三、让使用者知悉错误信息

使用者操作错误之后可以得到提示信息和对应的操作选项。

有时候,使用者总是以一种意想不到的方式与终端界面进行交互,在使用的时候感到沮丧和烦恼,无法满足自己的市场需求。使用者不能流畅随心所欲地使用是使用者提早离开的常见原因。UI 如果提供足够多的提示信息来帮助使用者识别、判断和从错误中恢复。

使用者如果总是容易获得帮助信息;然而,要取得平衡并不容易。给使用者太多的选择反而会让使用者应接不暇。如果让使用者对如何解决错误有一个清晰的认识,并让使用者了解以后如何防止错误的再次发生。

国外干货:移动界面设计的10项设计原则

四、使用的灵活性

界面如果能让经验不同的使用者都能直观有效地使用。

终端端的交互新体验不应依赖外部的使用者操作指南。不管使用者第一次使用终端app还是第一百次使用,界面都如果适应这两种场景。

要让老使用者快捷地访问、更深入地整体地认知应用,但也不要让新使用者因简单的困惑陷入无助的境地。有了UI 的灵活性,使用者就可以找到符合自身能力和满足自己市场需求的途径。

Jill Gerhardt-Powal的认知工程建设学准则建议结构设计师“在适当的时候提供多种数据编码——系统如果提供不同格式和/或细节级别的数据,以提高认知灵活性和满足使用者偏好。”无论是让使用者感到压力的还是感到约束的界面必然会让使用者在使用的时候感到烦恼。

国外干货:移动界面设计的10项设计原则

五、贴合大众习惯的使用者新体验

使用符合人们常识的意料之内的结构设计原素。

图形界面的历史 始于苹果计算机公司在第一个使用者亲善的计算机界面结构设计中对照了现实世界的物品。“Lisa”的图形界面中使用了比如用文件夹图标表示文件组织结构的类似的结构设计原素。当大多数人都不熟悉数字交互时,那些现实的对照是有用的,但是随著人们数字素养的提高,大多的对照就不再须要字面化了。

随著人们花更多的时间与萤幕交互,共同的使用者预期已经形成。我们希望“+”可以展开更多信息,导航菜单停留在终端萤幕的顶部或底部。利用大多数使用者都能认知的对照,界面变得直观。

国外干货:移动界面设计的10项设计原则

六、防止过多信息和过度结构设计

创建精简的结构设计,排除可能影响流畅的且有目的性的使用者新体验的非必要原素。

一般准则是,数字交互结构设计不要让使用者产生困惑。为了减少决策时间和错误,Jill Gerhardt-Powal向结构设计师提出了一个挑战,通过以一种清晰而明显的方式显示数据来减少不确定性。这可以通过去除不必要的内容以及使用颜色、布局和排版引导使用者通过萤幕来实现。不如果让使用者分心,而如果向她们提供足够多的指导,然她们更容易实现目的。

Ben Terrett经常使用 GOV.UK的第四条结构设计准则:“努力让事情变得简单。”他认为,结构设计团队如果完全认知她们已经开始处理的问题,以及提供直观、信息丰富和成功使用者新体验的最佳解决方案的过程。在这个案例科学研究中,记录了她们的方法。

国外干货:移动界面设计的10项设计原则

七、功能优先于形式

结构设计决策是由原素的作用来驱动的,而不是优先考虑它的听觉风格。

“如果你认为某件事很聪明、很复杂,要小心——这可能是自我放纵。” —— Don Norman,高产的商品结构设计师,《The Design of Everyday Things》的作者。

界面的听觉结构设计如果总是从定义的功能已经开始。当风格和趋势被优先考虑时,结果可能看起来很漂亮,很引人注目,但最终可能导致脱节的使用者新体验。听觉形式无法拯救功能失调的结构设计。

听觉提示可以用来在应用程序的功能中引导使用者。Fritt法则指出,形状、间距和大小可以引导使用者了解情况并采取所需的行动。正是在这里,形式支撑并放大了功能。

国外干货:移动界面设计的10项设计原则

八、信息要容易获得

把界面原素放在使用者触“指”可及的最佳位置,这样使用者就不必凭记忆来操作。

认出某物比回忆某物要容易。如果终端界面的功能以少量信息或受众不太熟悉的系统为基础,那么就如果让信息容易获得,方便使用者使用。

Nielsen的分析方法准则之一建议,结构设计人员如果“通过使每个对象、动作和选项都是由此可见的来减少用户记忆的负担。使用者不必读懂会话的每个部分的信息。使用该系统的指示应是由此可见的,或在适当时容易检索。”

Jill Gerhardt-Powal建议“将较低层次的数据整合到较高层次的总和中,以减少认知负担。”她还表示,“显示名称和标签如果与语句相关,这将提高回忆和识别能力。”重要的是要意识到,第一次看到界面的使用者不会像结构设计师那样了解和熟悉信息。对于经验丰富的团队来说,重复信息似乎有些冗余,但对于新使用者来说却是必不可少的。

国外干货:移动界面设计的10项设计原则

九、可靠的一致性

使用一致的和标准化的原素,如文案、场景和操作来创建一个有凝聚力的新体验。

人类被模式所吸引——我们用模式来认知世界。在终端界面中创建模式,它将成为一个训练工具,让使用者了解如果期望什么以及如何与界面设交互。

“这不如果成为束缚。每一种情况都是不同的。” GOV.UK 的结构设计准则表明,界面风格如果是一致的,但不如果是千篇一律的。正如 Jill Gerhardt-Powal所呼应的,“新信息如果在熟悉的框架内呈现(例如,模式、隐喻、日常用语),这样信息更容易被人们接收。”

国外干货:移动界面设计的10项设计原则

十、明智的冗余

在结构设计过程中急速进行反思,以确保使用者界面结构设计准则和易用性启迪与商品的目的和使用者市场需求保持一致。

Jakob Nielsen是第一个承认不可能为UI结构设计提供通用型细节的人。例如,他的两条分析方法准则可以相互矛盾 —— #6:提供使用者做出决策所需的所有信息;#8:消除任何不必要的小东西。

为特殊用例确定最佳思路的责任就落在了分析方法评估结果人员和结构设计团队肩上了。如果商品是核心理念而结构设计的并围绕使用者市场需求构筑的,团队了解这一点后在做决定时有明确的目标。

编辑:千锋UI结构设计

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务