第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

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

时间:2017-09-26 14:18来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
设计是有原则和方法论的,鉴于网上各种文章和原则比较零碎,这次统一将交互设计的方法和理论汇总,不足之处也希望各位能够提出,一起补全。 文章包括:格式塔心理学原则、尼尔森可

  设计是有原则和方法论的,鉴于网上各种文章和原则比较零碎,这次统一将交互设计的方法和理论汇总,不足之处也希望各位能够提出,一起补全。

  

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

  文章包括:格式塔心理学原则、尼尔森可用性原则、尼尔森F视觉模型、Heuristic Evaluation十原则、费茨定律、席克定律、7+2法则、2秒原理、2/8法则、3次点击法则、界面黄金8法则、jakob nielson原则、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型视觉模型由 Jakob Nielsen于2006年提出

  他指出,我们在第一次观看页面时,视线会呈 F的形状关注页面

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

  目光再下移开始从左到右观察但是长度会相对短些

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

  具体如图:

  

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

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

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

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

  将重要的内容放在最上边

  NN Group最经典的Heuristic Evaluation的十原则

  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

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕