设计最全的原则分析和体会

2019.04.12

629

设计是有原则的和方法论的。鉴于互联网上的各种文章和原则相对分散,这种统一将总结交互设计的方法和理论。不足之处也希望你能一起提出并补充它们。

文章包括:格式塔心理学原理,尼尔森可用性原则,尼尔森F视觉模型,启发式评价十项原则,菲茨定律,希克定律,7 + 2规则,2第二原理,2/8规则,3点击规则,接口黄金8规则, jakobnielson原则,KANO模型,0123简单规则,MVP规则,婴儿鸭综合症,包豪斯概念,Tessler定律,错误预防原则,Occam剃刀原则,玛雅规则,信噪比规则,序列效应,功能可见性原则,成本效益,古腾堡图表,互动和易用性的五个原则,马斯洛的需求层次......

格式塔原则:

格式塔心理学诞生于1912年,是一个由德国心理学家组成的研究小组,试图解释人类视觉是如何运作的。他们观察了许多重要的视觉现象并对其进行了编目。最基本的发现是人类视觉是整体的。我们的视觉系统自动构建视觉输入结构,并在神经系统层面感知形状,形状和物体,而不仅仅是看到未连接的边缘,线条和区域。 。 “形状”和“图形”是德语中的格式塔,因此这些理论也被称为视觉感知的格式塔原则。

格式塔原则有七个主要原则:

接近原则;相似原则;连续性原则;封闭原则;对称原理;主要原则/背景原则;共同命运的原则。

接近性原理:

对象之间的相对距离会影响我们对它的感知以及它的组织方式。彼此接近的对象(相对于其他对象)似乎属于一个组,而远离的对象则自动分组到该组之外。



相似性原理:

如果其他因素相同,则类似对象似乎属于一个组。

连续性原理:

视觉倾向于感知连续的形式而不是离散的片段

封闭性原理:

视觉系统自动尝试关闭打开的图像并将其视为完整的对象而不是分散的部分。

我们倾向于分解复杂的场景以降低复杂性。

主体/背景原理:

我们的大脑将视觉区域划分为主体和背景。主题包括场景中占据我们主要焦点的所有元素,其余的是背景。

当物体重叠时,我们习惯于将小物体视为背景上方的物体。

共同命运:与接近度的相关性,类似的不朽原则,会影响我们感知的对象是否被分组。需要指出的是,一起移动的物体被认为属于一组或彼此相关。

在下面的几十个五边形中,如果其中有五个五边形来回同步,即使它们相隔很远,它们也会被视为一组。

相同尺寸和大小的图形,然后在视觉上将一组图形放在一起。在拖动文件夹的同时选择的文件夹的防白背景和运动轨迹是对常见命运原则的最直观的解释。

尼尔森可用性原则

尼尔森的十大可用性原则是产品设计和用户体验设计的重要参考标准,值得深入研究和应用。

1.状态可见原则

用户对页面的任何操作,无论是单击,滚动还是按键盘,都应该立即给出反馈。 “即时”表示页面响应时间小于用户可以容忍的等待时间。

2.环境贴切原则

网页的所有表示和演示应尽可能接近用户的环境(年龄,教育,文化和背景),而不是第二世界的语言。《iPhone人机交互指南》中提到的隐喻和准物化是很好的做法。此外,您应该使用易于理解和习惯的表达方式。

3.撤销重做原则

为了避免用户误用和滥用,网页应提供撤消和重做功能。

4.一致性原则

相同的术语,功能和操作是一致的。

5.防错原则

通过网页的设计,重组或特殊安排防止用户错误。

6.易取原则

好记忆并不像笔那么糟糕。最大限度地减少用户召回的负担,并将需要记住的内容放在桌面上。

7.灵活高效原则

中间用户的数量远远高于主要和高级用户的数量。专为大多数用户设计,不要低估,不要低估,保持灵活和高效。

8.易扫原则

浏览网页的互联网用户不是在阅读,而是在观看,而是在扫视。易于扫描意味着突出关键点,削弱和消除无关信息。

9.容错原则

帮助用户从错误中恢复并减少损失。如果无法自动恢复,请提供详细说明和说明,而不是代码,例如404.

10.人性化帮助原则

帮助提示的最佳方法是:1,没有提示; 2,一次性提示; 3,居民提示; 4;帮助文档。

尼尔森F型视觉模型

尼尔森F型视觉模型由Jakob Nielsen于2006年提出

他指出,当我们第一次看到页面时,视线会看到F形状的页面

1.从顶部从左到右水平开始

2.向下看并从左向右开始,但长度相对较短

3.以较短的长度向下扫掠以形成F形。在这个时候,我们的阅读速度更慢,更系统和理性。

具体如图所示:



根据尼尔森F模型,我们可以得出几个心理暗示:

·当用户快速扫描时,特定文本并不重要

·使用更多字幕和短句来引起读者的注意

·将重要内容放在顶部

NNGroup最经典的启发式评估的十大原则


1.Visibility of system status

可见性原则:系统状态有反馈,等待时间应合适。

当键盘大写时,会有一个小绿灯告诉你!

2.Match between system and the real world

不要脱离现实:使用用户语言而不是开发人员语言,接近生活现实而不是学术概念

一个烦人的404错误,我不明白这是什么意思!

3.User Control and Freedom

用户可以自由控制:操作错误可以回滚

我不小心犯了一个错误,并要求退出!

4.Consistency and Standards

一致性原则:相同事物和类似操作的表达必须在任何地方保持一致

熟悉Adobe产品,我将是另一个!

5.Error prevention

有措施防止用户犯错误:确认关键操作,及早消除误操作

我姑姑差点把它弄错了!

6.Recognition rather than recall

让用户首先看到:识别优于召回,提供必要的信息提示(视觉和易于采取),减少内存负担

我对什么感兴趣?哦,有选择,它更方便,我对旅行和艺术非常感兴趣! (当用户要求用户偏好时,Pinterest会直接提供选项,以避免强迫用户回忆。)

7.Flexibility and efficiency of use

灵活高效使用:为新手和专家定制操作,快速操作可调。

我一直用CAD作为好手,我懒得去菜单栏找到插入矩形,我会用线上的快捷键!

8.Aesthetics and minimalist design

可读性:减少无关信息,反映简单美感

我使用Cash app打钱,看不到其他信息,我只关心金额! (许多交互式设计初学者很容易产生误解,只想填写页面。事实上,在页面上放什么,哪些信息应该突出,取决于你的用户需求。避免把它放到“填充” “接口传入不相关的信息。”

9.Help users recognize, diagnose and recover from errors

为用户提供明确的错误消息,并帮助用户轻松从错误中恢复

你能进入臃肿状态吗?哦,好吧,有人可以帮助我/方法可以解决。

10.Help and documentation

必要的帮助提示和文档:没有文档的平滑应用程序当然更好,通常需要文档,它还提供方便的检索功能,用户特定的任务描述,具体的实现步骤,而且不会太长。

如何从网页导入PDF?搜索一下!哇一步一步的帮助文档是如此清晰!

Fitts’ Law /菲茨定律(费茨法则)

法律内容:从起始位置移动到最终目标所需的时间由两个参数决定,即到目标的距离和目标的大小(上图中的D和W),表示为数学公式[0x9A9A ]。

保罗菲茨于1954年首次提出预测从任何一点到目标中心所需时间的数学模型。对人机交互(HCI)和设计的影响是最广泛和最深远的。从开始菜单到开始屏幕的新Windows 8转换也可以视为该法律的应用。

菲茨定律的启示:

按钮等时间T = a + b log2(D/W+1)

屏幕的边缘和角落非常适合放置菜单栏和按钮等元素,因为角落是巨大的目标,它们是无限高或无限宽,你不能用鼠标超越它们。也就是说,无论您移动多远,鼠标最终都会停在屏幕边缘并导航到按钮或菜单的顶部。

用户正在处理的对象旁边显示的控制菜单(右键菜单)可以比下拉菜单或工具栏更快地打开,因为无需移动到屏幕上的其他位置。

进一步阅读:Windows设计规范中的鼠标交互,Fitz定律和互联网设计,Fitts定律和用户界面设计,Google Chrome和Fitts定律,谈论Fitts定律,以及互动设计中的Fitz定律(阅读列表)

可点击对象需要合理的大小尺寸


零基础,但想学画画?

点击下面的图标获取教程

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP