交互设计基础知识整理

交互设计

交互设计:人与产品(系统/应用/服务等)互动交流沟通的过程设计;产品的输入方式是否直观、简单、清晰、安全;产品的输出方式在不同环境中的适应性、以人类和文化角度表述而易于被理解。

交互设计所需要了解的知识体系包括:控件、布局、路程;用户、目标、场景;用户调研、竞品研究、设计方法、设计心理学;拓展类的知识:心理学、经济学、社会学、市场、运营……

基本原则/标准

1、易用性

易用性包括:易理解性、易学习性、易操作性。

2、交互设计的目标划分

·让用户容易理解:层次清晰;功能区块的划分明确;区分可交互元素与不可交互元素;入口要明确,区分优先级;

·让用户操作简单:符合常规的操作流程;符合平台的交互特性;产品自身操作的一致性;及时反馈;更短的交互路径;减少用户记忆;减少输入,帮助用户做选择;防错&容错(不可用置灰、格式限制、可撤销);

3、尼尔森十大可用性原则

1.状态可见原则

2.环境贴切原则 

3.撤销重做原则

4.一致性原则 

5.防错原则

6.易取原则

7.灵活高效原则

8.易扫原则

9.容错原则 

10.人性化帮助原则

4、实现模型符合用户心理模型——《About Face 4: 交互设计精髓》


《交互设计精髓》中的实现模型和心理模型,图片来源网络

5、诺曼的设计学三层次(《设计心理学》)与交互设计目标

体验目标/本能层次——想给用户/用户想要什么样的感觉(激发情感、唤醒某种记忆、视觉/听觉/嗅觉等的刺激带来的情感

最终目标/行为层次——用户想做什么(使用产品的目的)

人生目标/反思层次——用户想要成为什么样的人(品牌形象)

6、满足不同的需求

不同需求

7、用户体验相关设计原则

减少用户输入/避免重复、过多的操作(减少页面跳转;重要信息前置-不需要点击就可以看到;先露出一部分,点击后展开,让跳转过程更加自然、顺滑;)

交互设计元素与非交互设计元素区分明显

防错&容错

帮助用户记忆

适当引导、提供帮助

交互路径清晰、让用户知道自己所处的位置

保持一致性

文案清晰易懂

直觉设计

设计流程/方法

知识结构

网易设计师:快速掌握交互设计知识体系的4个步骤 | 优设网 - UISDC

知识结构

其它

1、反馈设计的重要性

2、一些必要的关乎设计学的定律

奥卡姆剃刀原则:如无必要,勿增实体。

菲兹定律:到达目标的时间与移动距离成正比,与目标大小成反比。

希克定律:选择越多,选择时间越长。对于设计而言,可以帮助用户选择(默认选择、不可选的情况置灰)、减少选项、或者将选项分类、区分权重、让用户分步选择等。让用户一次面对的选项较少。

特斯勒定律:复杂性守恒定律。产品的复杂性守恒不变,想要让用户在使用中变得简单,需要将复杂性转移给程序来处理,减少用户的操作,提高输入效率,让人来做一些决策等简单但是具有控制权的事情。

美即好用效应:当产品足够美观、吸引人时,用户可以容忍一些操作上的不方便。比较适合于文艺类、慢生活类的产品。不是故意做得难用,而是在设计决策时,可以为了美观牺牲一些操作效率,如增大留白/显示面积会让浏览效率降低。

多尔蒂门槛:系统/产品对于用户的操作响应时间<400ms,才能让用户保持专注,提高沉浸感与效率。一方面对于动效设计而言,时间需要把控,不能过长。另一方面,对于网络、设备性能等引起的等待时间过长,可以考虑使用过渡方式(过渡动画、占位符)来减缓用户的焦虑情绪。

雅各布定律:操作方式与主流产品或者同类型方式保持一致,可以让用户更快上手。没有更好的交互方式时,采用通用的方式会让人更容易接受。

简洁法则:人的大脑会简化、归纳、过滤外在的信息,方便简单快速的理解外在的世界。

邻近原则&相似原则:距离接近/具有相似性特点的对象会被认为是一组。模块内部、模块之间的距离、样式的一致/差异会区分不同的模块。

帕累托原则:二八定律。对于大多数事件,80%影响由20%的因素造成。

帕金森定律:任何任务都会拖延,直到可用的时间都用完为止。

同域原则 :元素在一个具有明显边界的区域内,会被认为是一组的。类似卡片风格,卡片内的内容被认为是一组。

米勒定律:短时记忆,人平均能记住7±2个项目。对于信息展示而言,一次展示的条目不宜过多。

冯·雷斯托夫效应:当存在多个相似的对象时,与众不同的那个容易被记住。对于设计而言,这也是“设计点”的所在。突出真正重要的内容。

蔡格尼克记忆效应:人们对于未完成的任务的记忆比已完成的更深刻。对于任务的设计,需要同时关注已完成与未完成,促使、激励人们去完成未完成的任务。

3、交互设计五要素——辛向阳教授

人、动作、工具或媒介、目的和场景构成交互设计的五要素


交互设计五要素

4、交互设计的五个组成部分——《About Face 4: 交互设计精髓》

·理解

·抽象

·架构

·呈现

·细节

5、PACT_P模型

该理论任务交互设计主要因素由围绕产品(PRODUCT)为中心的人(PEOPLE)、人的行(ACTIVITY)、环境(CONTEXT)、技术(TECHNOLOGY)所组成。


pact-p模型


参考:

《用户体验要素》

网易设计师:快速掌握交互设计知识体系的4个步骤 | 优设网 - UISDC

《About Face 4: 交互设计精髓》

《交互设计:从物理逻辑到行为逻辑》

专业科班的答案!一个完整的交互设计流程是怎样的?

让PM无言以对!可能是最专业的交互设计流程

京东内部资料:超好用的用户体验提升模型

老年人家庭医疗保健产品交互设计研究

让设计更有说服力的20条经典原则:特斯勒定律 - 优设网 - UISDC

让设计更有说服力的20条经典原则:美即好用效应 - 优设网 - UISDC

让设计更有说服力的20条经典原则:多尔蒂门槛 - 优设网 - UISDC

让设计更有说服力的20条经典原则:希克定律 - 优设网 - UISDC

让设计更有说服力的20条经典原则:雅各布定律 - 优设网 - UISDC

让设计更有说服力的20条经典原则:简洁法则 - 优设网 - UISDC

让设计更有说服力的20条经典原则:帕累托原则 - 优设网 - UISDC

让设计更有说服力的20条经典原则:帕金森定律 - 优设网 - UISDC

让设计更有说服力的20条经典原则:同域原则、米勒定律 - 优设网 - UISDC

让设计更有说服力的20条经典原则:冯·雷斯托夫效应、蔡格尼克记忆效应 - 优设网 - UISDC

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,802评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,109评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,683评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,458评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,452评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,505评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,901评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,550评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,763评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,556评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,629评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,330评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,898评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,897评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,140评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,807评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,339评论 2 342

推荐阅读更多精彩内容