最全的交互设计原则和理论汇总

2023-06-05 0 556

结构设计是有准则和认识论的,有鉴于网路上各种该文和准则比较零散,这次统一将可视化结构设计的方法和认识论汇整,局限性也希望诸位能够提出,一同Bazelle。

该文包括:文件格式塔社会学准则、安德森易用性准则、安德森F听觉数学模型、Heuristic Evaluation十准则、盖基运动定律、CATION运动定律、7+2自然法则、2秒基本原理、2/8自然法则、3次点选自然法则、介面白银8自然法则、jakobnielson准则、KANO数学模型、0123单纯自然法则、MVP自然法则、婴孩鸭综合征、包浩斯经营理念、泰思勒运动定律、防错准则、莱布尼兹手术刀基本原理、maya自然法则、增益自然法则、字符串负面效应、功能由此可见性准则、生产成本经济效益、沃尔辛图表法、可视化易用性四大自然法则、惠勒需求层级认识论…

文件格式塔准则:

文件格式塔心理学问世于1912年,是由瑞典社会学家组成的研究组成员企图说明人类文明听觉的工作基本原理。他们检视了许多重要的听觉现象并对它们编定了产品目录。其中最基础的发现是人类文明听觉是整体的,他们的听觉系统手动对听觉输出构筑结构,并在大脑微观上交互花纹、绘图和球体,而不是只看到彼此之间相连接的边、线和地区。“花纹”和“绘图”在荷兰语中是Gestalt,因此这些认识论也称作听觉交互的文件格式塔基本原理。

文件格式塔准则的基本原理主要有八种:

吻合性基本原理;关联性基本原理;连贯性基本原理;奥尔奈基本原理;自旋基本原理;市场主体/大背景基本原理;协力宿命基本原理。

吻合性基本原理:

球体之间的相对距会影响他们交互它是否以及如何组织在一同。相互紧邻(相对于其他球体)的球体看上去属于几组,而那些距很远的则手动划入黑领。

最全的交互设计原则和理论汇总

关联性基本原理:

如果其他因素完全相同,那么相近的球体看上去归属几组。

最全的交互设计原则和理论汇总

连贯性基本原理:

听觉倾向于交互连续的形式而不是离散的碎片

最全的交互设计原则和理论汇总

奥尔奈基本原理:

听觉系统手动尝试将敞开的绘图关闭起来,从而将其交互为完整的球体而不是分散的碎片。

最全的交互设计原则和理论汇总

他们倾向于分解复杂的场景来降低复杂度。

最全的交互设计原则和理论汇总

市场主体/大背景基本原理:

他们的大脑将听觉地区分为市场主体和大背景。市场主体包括一个场景中占据他们主要注意力的所有元素,其余则是大背景。

当球体重叠时他们习惯把小的那个看成是大背景之上的市场主体。

最全的交互设计原则和理论汇总

协力宿命:与吻合性、相近永生基本原理相关,都影响他们交互的球体是否成组。指出一同运动的球体被交互为属于几组或者是彼此相关的。

下面的数十个五边形中,如果其中的7个同步的前后摆动,那么虽然它们的距很远,还是会被交互为几组

最全的交互设计原则和理论汇总

同样间距大小颜色的绘图,那么听觉上会把一同动的绘图分为几组。文件夹拖动时同时选中的文件夹出现的反白大背景及运动轨迹是协力宿命基本原理最直观的说明。

最全的交互设计原则和理论汇总

安德森易用性准则

安德森的十大易用性准则是产品结构设计与用户体验结构设计的重要参考标准,值得深入研究与运用。

1.状态由此可见准则

用户在网页上的任何操作,不论是单击、滚动还是按下键盘,页面应即时给出反馈。“即时”是指,页面响应时间小于用户能忍受的等待时间。

2.环境贴切准则

网页的一切表现和表述,应该尽可能贴近用户所在的环境(年龄、学历、文化、时代大背景),而不要使用第二世界的语言。《iPhone人机可视化指南》里提到的隐喻与拟物化是很好的实践。此外,还应该使用易懂和约定俗成的表达。

3.撤销重做准则

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

4.一致性准则

同一用语、功能、操作保持一致。

5.防错准则

通过网页的结构设计、重组或特别安排,防止用户出错。

6.易取准则

好记性不如烂笔头。尽可能减少用户回忆负担,把需要记忆的内容摆上台面。

7.灵活高效准则

中级用户的数量远高于初级和高级用户数。为大多数用户结构设计,不要低估,也不可轻视,保持灵活高效。

8.易扫准则

互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。

9.容错准则

帮助用户从错误中恢复,将损失降到最低。如果无法手动挽回,则提供详尽的说明文字和指导方向,而非代码,比如404。

10.人性化帮助准则

帮助性提示最好的方式是:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。

安德森F型听觉数学模型

安德森F型听觉数学模型由 JakobNielsen于2006年提出

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

2. 目光再下移开始从左到右检视但是长度会相对短些

3. 以较短的长度向下扫视,形成一个 F花纹,此时他们的阅读速度较慢,更为系统和条理性

具体如图:

最全的交互设计原则和理论汇总

根据安德森F数学模型,他们可以得出几个心理暗示:

· 用户快速扫视时,具体的文字并不重要

· 多用小标题、短句引起阅读者注意

· 将重要的内容放在最上边

NNGroup最经典的HeuristicEvaluation的十准则

1.Visibility of system status

可视性准则:系统状态有反馈,等待时间要合适。

e.g. 键盘大写的时候会有小绿灯告诉你哦!

最全的交互设计原则和理论汇总

2.Match between system and the real world

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

e.g.惹人厌的404错误,根本不明白什么意思好吗!

最全的交互设计原则和理论汇总

3.User Control and Freedom

用户有自由控制权:操作失误可回退

e.g.啊不小心发错了,求撤回!

最全的交互设计原则和理论汇总

4.Consistency and Standards

一致性原则:同一事物和同类操作的表示用语要各处保持一致

e.g.熟悉了一个Adobe产品,其他的我就都会啦!

最全的交互设计原则和理论汇总

5.Error prevention

有预防用户出错的措施:关键操作有确认提示,及早消除误操作

e.g.哎妈差点删除错了!

最全的交互设计原则和理论汇总

6.Recognition rather than recall

要在第一时间让用户看到:识别胜于回忆,提供必要的信息提示(可视&易取),减少记忆负担

e.g.我对什么感兴趣来着?哦哦有选项啊,那就方便多啦,我对旅行、艺术都很感兴趣哦!(pinterest在用户注册后询问用户preference的时候直接提供选项,避免强迫用户回忆。)

最全的交互设计原则和理论汇总

7.Flexibility and efficiency of use

使用起来灵活且高效:为新手和专家结构设计定制化的操作方式,快捷操作可调整。

e.g.我用CAD已经是一把好手啦,才懒得去菜单栏里找insert rectangle呢,我就用快捷键就行啦!

最全的交互设计原则和理论汇总

8.Aesthetics and minimalist design

易读性:减少无关信息,体现简洁美感

e.g.我用Cash这个应用就是为了打钱的,不要看到其他信息,我只在乎金额!(很多可视化结构设计的初学者都会容易有一个误区,就是想把页面填满。实际上,你页面上放什么,什么信息要突出,取决于你的用户需求。避免为了“填满”介面而放入无关信息。)

最全的交互设计原则和理论汇总

9.Help users recognize, diagnose and recover from errors

给用户明确的错误信息,并协助用户方便的从错误中恢复工作

e.g.哎肿么进不去了?哦哦还好,有人可以帮我/方法可以解决。

最全的交互设计原则和理论汇总

10.Help and documentation

必要的帮助提示与说明文档:无需文档就能流畅应用当然更好,一般地文档很必要,而且也提供便利的检索功能,面向用户任务描述,列出具体实现步骤,并且不要太冗长。

e.g.哎怎么从web page导入PDF啊?搜索一下!哇一步一步的help documentation好清楚啊!

最全的交互设计原则和理论汇总

Fitts’ Law /菲茨运动定律(盖基自然法则)

最全的交互设计原则和理论汇总

运动定律内容:从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距和目标的大小(上图中的 D与 W),用数学公式表达为时间T = a + b log2(D/W+1)。

它是 1954年保罗.菲茨首先提出来的,用来预测从任意一点到目标中心位置所需时间的数学数学模型,在人机可视化(HCI)和结构设计领域的影响却最为广泛和深远。新的Windows 8中由开始菜单到开始屏幕的转变背后也可以看作是该运动定律的应用。

菲茨运动定律的启示:

按钮等可点选对象需要合理的大小尺寸。

屏幕的边和角很适合放置像菜单栏和按钮这样的元素,因为边角是巨大的目标,它们无限高或无限宽,你不可能用鼠标超过它们。即不管你移动了多远,鼠标最终会停在屏幕的边缘,并定位到按钮或菜单的上面。

出现在用户正在操作的对象旁边的控制菜单(右键菜单)比下拉菜单或工具栏可以被打开得更快,因为不需要移动到屏幕的其他位置。

扩展阅读:Windows结构设计规范中的鼠标可视化、菲茨运动定律与互联网结构设计、費茲运动定律Fitts’ Law與使用者介面設計、Google Chrome与 Fitts Law、谈谈 Fitts运动定律、盖基自然法则在可视化结构设计中的应用 (Readlists)

相关文章

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

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