沉思之交互设计(4):如何处理庞杂的设计信息

《交互设计沉思录》是一本交互设计理论的书籍,并没有落地的技能和方法。它的目标是有三:1)交互设计的定义和重要性;2)提供用于沟通的词汇和视觉化语言;3)分析交互设计在非商业环境中的可能性。它的意义在于,帮助设计师们教化商业人才,确定交互设计在商业领域中的地位,以及实现对设计师本身的教化——这一切正是设计师晋级所需要的。怀着目的前后阅读了三遍,对本书的理解也只是冰山一角。在此仅将阅读中整理的内容分享出来,自我学习的过程,也希望能为他人提供进一步阅读的参考。


---正文---

设计过程中,我们会接触到形形色色、林林总总的数据、信息,可能关于即有系统、关于用户、关于需要规避的规则、使用场景,亦或者可能会出现异常情况等等。越是复杂的设计,这些庞杂的信息梳理起来越是困难。而对这些信息有效理解,又是设计的关键所在。如何有效的理解这些信息,Jon Kolko告诉我们可以使用一些信息架构的方法。

此处所讲的信息架构的方法,是处理设计过程中接触的相关数据信息,要与产品的结构区分开(下同)。

我们在设计工作中,需要梳理信息并理解,并最终能够自由应用这此信息以进行设计。这一过程,正是信息架构的根本目标,即“从数据,经由信息、知识,最后到达智慧的演进”,其中涉及的数据、信息、知识、智慧,简写为DIKW。

DIKW

DIKW(数据、信息、知识、智慧)是用户“逐渐对事物获得了解的过程”。

  • 数据(data):广泛代表离散的内容单元,可以理解为最小的信息单元
  • 信息(information):有意义的数据组成的形式
  • 知识(knowledge):由信息获得的结果
  • 智慧(wisdom):应用知识的结果

信息架构为我们提供了一些视觉化表达方法,以让交互设计师通过建模和视觉化的过程,将大量数量分析为知识,以此将复杂数据条理化。这些方法包括但不限于亲和图、概念图、流程图、生态系统图和旅程图。

亲和图(Affinity Diagram):用以组织数据

亲和图,是对特定设计问题所涉及的数据进行归类而形成的结果。当我们刚开始进行设计,对要解决的问题较为混沌时,可以使用亲和图找到核心问题,同时易除特殊情况。

方法与卡片分类法有部分类似,如下:

  1. 先脑爆出所有与设计问题相关的概念、元素,并写在卡片上
    • 它们可以是字词、图片、语音等等;
    • 通过这一过程,可以快速将数据视觉化为卡片;
  2. 将相似的卡片放在一起:分类的过程,就是帮助我们深入理解的过程,同是也是解释和判断的过程。
  3. 描述每一组的特性,并分别写在卡片上,将卡片与对应的组放在一起
  4. 重复1〜3,直至最终有5组或更少的组数;
  5. 将这些卡片放在一张大白纸上。
图片来自洋仔Cyrus《设计方法-亲和图法》

概念图(Concept Map):将系统视觉化

概念图,是指将对当系统的了解进行视觉化的表达。它的目的是,将概念整体的表达出来,以让开发团队能够“见树又见林”,看清大局。

来自《设计沉思录》58页

它的创建方法简单列举如下,详细内容请自行百度:

  1. 根据问题焦点,列出根据特定领域,列出相同领域下的所有元素,并辩识和标记出元素之间的关系
    • 通过找到这些元素,可以迫使自己了解分析概念间的关系
    • 通过分析每个概念的关系,迫使自己深入细节,从而获得这一学科的深入理解
  2. 使用一些词,将各个名诩概念连接起来
    • 以可视化的方式,跟踪实体之间的关系
    • 了解特定层面上的系统变动会对整个系统产生怎样的影响

如果进一步了解概念图,一定会遇到一个问题:概念图与思维导图(台湾叫心智图)的区别是什么?这里可以简单的提几点:

  1. 最直接的是,概念图的连接上有关键词代表两个节点的关系,而思维导图没有;
  2. 概念图在表达逻辑关系,和推理方面发挥着很好的作用。思维导图则能够帮助人们建立整体的全局化的观念。
  3. 两者的发展原理和历史背景也不同,这里就不展开讲了。

流程图(Procress Flow Diagram):抽象系统的运行过程

流程图也是一种可视化的形式,它将概念图进一步抽像为系统流程(可以想像下计算机或电子领域中的流程图),全面、抽像、统一。它将帮助设计师了解组织活动中,各个规则之间的关系;第二,也让参与创建的人员对整个项目有深刻、全面性的了解(心智图景);第三,它也是一个非常好的解释性的工具——向他人解释整个系统的运行情况。

来自《设计沉思录》58页

创建流程图的方法主要包括两点:

  1. 找到参与系统运行的各个角色;
  2. 根据逻辑流程(需要掌握一些计算机/电子领域的知识),用动作把这些角色连接起来——用流程图的基本元素把它们的动作、判断与结果表达出现;

生态系统图(Ecosystem Diagram):找到所有接触点

生态系统图是一个系统或品牌的视觉化表达方式。它针对有多款产品/服务的品牌,描述这个品牌与其用户所有接触的场合,即接触点(touchpoint)。在创建生态系统图时,不会考虑用户操作的顺序,而是重点表达用户与系统可能发生的所有交互方式。

针对生态系统图,Jon Kolko提供了三种创建方法:

  • 方法一:以给定的产品或服务为核心,向四周发散,考虑与其他所有有联系的产品、服务
  • 方法二:列出所有接触点,尝试针对各种特定情形更好的表述接触点
  • 方法三:利用现有的概念图,考虑外围可能的元素

无论使用上述中哪种方式,其目的都是用文字和连接线,表达各个接触点之间、接触点与用户之间的关系。

来自《设计沉思录》61页

旅程图(Journey Map):体现交互序列

旅程图的设计方法为:

  1. 列出所有接触点(可以采用生态系统图中的方法),包括从用户初识产品到与产品最后接触的整个过程
  2. 假想每个接触点可能出现的情况,并记录下来
  3. 根据2的结果,创建用户与产品的全程时间线

时空门:
沉思之交互设计(1):什么是交互设计
沉思之交互设计(2):交互设计流程
沉思之交互设计(3):设计的两种思维方式
沉思之交互设计(4):如何处理庞杂的设计信息
沉思之交互设计(5):设计的沟通意义
沉思之交互设计(6):设计的演化过程
沉思之交互设计(7):情感体验的价值
沉思之交互设计(8):情感交互体验考察方法
沉思之交互设计(9):设计的文化影响
沉思之交互设计(10):增进社会公益的设计
沉思之交互设计(11):协同性设计

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

推荐阅读更多精彩内容