《交互设计精髓》读书笔记

1      交互设计是什么

视觉设计是关于界面形态的设计,交互设计是关于产品行为的设计。良好的视觉效果可以让初次体验的用户赏心悦目,体贴、人性化的行为是让产品成为用户的好伙伴并维持长久关系的关键。做好交互设计,可以创造友好的用户体验,让数字产品无形地存在于我们的生活中,被我们使用。真正地使科技进步简化我们的生活,带来生活的快乐。而不是因为科技的复杂,使我们的生活更加混乱不堪。我们在使用产品时不会惶恐,不会对未知恐惧,而像是将要打开的魔法盒,里面充满了惊喜和美好。用户在使用产品时处于沉浸状态,而不会觉得将要面临什么任务或者挑战。

现有数字产品在改变人们以往生活方式的同时,也使人们变得浮躁。用户更像是出于某种目的去刻意使用产品,因为摸不到实物,数字产品要花费人们更多的精力和注意力。设计系统优美的交互行为,就如电视剧剧情,如何铺垫前奏、如何款款而来、如何演绎高潮、如何深情收尾。交互设计就是交互行为设计以及行为的管理。

2      交互行为的管理——交互框架

交互框架不仅要对高层次的屏幕布局进行定义,还要定义产品的工作流、行为和组织。以下6个步骤描述了交互框架的整个定义过程。


1、定义形式要素、姿态和输入方法

形式要素:产品依托的实物形态。手机、电脑、信息亭等。

产品基本姿态:用户将会投入多大的注意力和产品互动,以及产品的行为将会对用户投入的注意力做出何种反应。

输入方法:用户和产品的互动方式。键盘、鼠标、声音、触摸屏等。


2、定义功能性和数据元素

数据元素:交互产品中的基本主体。

功能元素:针对界面中的数据元素及其显示所做的操作。包括数据元素操作工具,以及数据元素的视觉和结构化管理方式。


3、确定功能组和层级

将数据和功能元素分组:

哪些元素需要大片的视频区域,哪些不需要?

哪些元素能够容纳其他元素?

容器如何组织才能优化工作流?

哪些元素需要捆绑使用?哪些不是?

相关联的元素使用时顺序如何?

哪些数据元素有助于人物模型做出决定?

采用何种交互模式和原则?

人物模型的心理模型如何影响元素组织?

把数据和功能纳入屏幕、框架或网格等高层次容器。

采用缩略图或韦恩图记录这些分组关联。


4、勾画交互框架

采用方块图表示每个功能组和容器。框架草图可以勾画出设计方案的梗概,画出几个关联且按顺序排列的屏幕状态。


5、构建关键线路情景剧本

关键线路情景剧本在细节上严谨地描述每个主要交互的精确行为,并提供每个主要线路的走查。用故事板完成关键线路情景剧本。


6、运用验证性场景来检查设计

运用关键线路情景剧本来验证主要的交互设计。

用替代场景、必须使用的场景、边缘情形场景来补充和调整设计方案。

3      产品的行为是什么——设计原则

产品的行为是产品如何获取用户的行为以及如何演绎这种行为的后果。


用户与产品交互的方式有多种,包括点击、输入、语音、选择、拖动等。一些设计原则可以帮助我们选择特定场景下,用户与产品的交互方式:

如果用户愿意操作,就值得程序记住。

不要让用户请求许可。

任何输出之处应允许输入。

给用户提供一个现成的模板。


演绎产品行为的原则:

软件应该像人一样体贴。

不论界面多酷,越少越好。

不要用对话框报告。

不要愚蠢的打断进程。

重大改变必须显著优秀。

丰富的视觉反馈是成功的直接操作的关键。

尽可能用视觉表达顺从。

从视觉上传达功能和行为。

将功能置于需要他们的窗口中。

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

推荐阅读更多精彩内容