美國(guó)女商人、用戶(hù)體驗(yàn)設(shè)計(jì)和信息架構(gòu)領(lǐng)域的專(zhuān)家；曾在雅虎，Hot Studio和紐約時(shí)報(bào)等公司工作，以改進(jìn)和開(kāi)發(fā)他們的網(wǎng)站；創(chuàng)立了Webby的設(shè)計(jì)思想雜志（盒子和箭頭），經(jīng)常被邀請(qǐng)作為專(zhuān)家在社交網(wǎng)絡(luò)設(shè)計(jì)、游戲化、用戶(hù)體驗(yàn)、創(chuàng)業(yè)管理和創(chuàng)新方面的訪(fǎng)談。
https://twitter.com/cwodtke
http://eleganthack.com/
https://medium.com/@cwodtke
如果你在舊金山灣區(qū)？可以加入商務(wù)繪圖研討會(huì)
https://continuingstudies.stanford.edu/courses/professional-andpersonal-
development/visual-thinking-working-withpictures/2016/2016_WSP-307
開(kāi)放注冊(cè)！
在CCA講授的課程中，學(xué)生被心智模型，概念模型，概念圖等所困惑，寫(xiě)下此博客可能會(huì)對(duì)大家有所幫助！UX設(shè)計(jì)（產(chǎn)品設(shè)計(jì)、交互設(shè)計(jì)、信息架構(gòu)等）具有命名和重命名事物的傾向、因此模糊性是不可避免的。
http://www.fastefoundation.org/publications/mind_mapping.pdf
上圖模型是由Scott Berinato創(chuàng)造。我們要探索的五個(gè)模型是探索性/概念性或探索性/聲明性模型。這意味著它們基于IDEAS而不是DATA。這五個(gè)圖特別適用于理解復(fù)雜的系統(tǒng)。
這個(gè)帖子會(huì)涵蓋：
思維導(dǎo)圖，收集你的想法
概念圖，組織你的理解
系統(tǒng)導(dǎo)圖，映射系統(tǒng)
心智模型，了解和溝通用戶(hù)的理解
概念模型，以信息的方式思考一個(gè)復(fù)雜的系統(tǒng)
前兩張圖是探索性的，即用于排序思維。
思維導(dǎo)圖
把腦海中所有東西寫(xiě)在一張紙上，并建立連接。你可以從相關(guān)項(xiàng)目中受到啟發(fā)。
你可以使用它來(lái)繪制文本、記錄筆記或者只是在腦海中產(chǎn)生某些概念，也可以和團(tuán)隊(duì)開(kāi)展頭腦風(fēng)暴，創(chuàng)造一個(gè)共同的愿景，或者詢(xún)問(wèn)產(chǎn)品的潛在用戶(hù)做一個(gè)類(lèi)似的思維導(dǎo)圖，以致予你能更有效地了解他們的想法。
因?yàn)樗季S導(dǎo)圖很容易繪制，并且沒(méi)有如何制作它們的規(guī)定，所以思維導(dǎo)圖是開(kāi)始對(duì)系統(tǒng)建模的好方法。
來(lái)自Rolf Faste的思維導(dǎo)圖的文章：
思維導(dǎo)圖的基本原則是：
1創(chuàng)建中心語(yǔ)句。
2徑向向外發(fā)展想法。
3快速捕獲想法。
4使用線(xiàn)條顯示連接。
5創(chuàng)建思維結(jié)構(gòu)。
6跟隨一個(gè)想法，盡可能的去發(fā)散。
7從已知到未知的工作。
8當(dāng)想法耗盡時(shí)返回中心。
9增加密度以創(chuàng)造豐度。
10避免被批判。
11對(duì)這種方法感到有趣。
思維導(dǎo)圖是讓你頭腦中的東西能夠可視化的一種簡(jiǎn)單方法。
https://www.mindtools.com/pages/article/newISS_01.htm
概念圖
概念圖比思維導(dǎo)圖更加正式。在概念圖中，可以命名項(xiàng)目之間的關(guān)系。Hugh Dubberly率先使用它們來(lái)理解復(fù)雜系統(tǒng)。丹布朗這樣解釋他們。
在Hugh Dubberly的文章“ 創(chuàng)建概念圖”中，列出了創(chuàng)建概念圖的步驟。
列表術(shù)語(yǔ)
編輯列表
定義剩余術(shù)語(yǔ)
創(chuàng)建顯示術(shù)語(yǔ)關(guān)系的矩陣排列
排序術(shù)語(yǔ)
決定主分支或?qū)懣蚣苷Z(yǔ)句
填寫(xiě)結(jié)構(gòu)的其余部分
修改
應(yīng)用排版以強(qiáng)化結(jié)構(gòu)
概念圖可以很簡(jiǎn)單，可以在設(shè)計(jì)過(guò)程中使用或者為客戶(hù)或團(tuán)隊(duì)制作海報(bào)，海報(bào)是非常適合保持共同愿景和鼓舞人心對(duì)話(huà)的一種方式。
概念圖是強(qiáng)大的工具，可以幫助團(tuán)隊(duì)了解他們正在設(shè)計(jì)的空間。
http://www.dubberly.com/concept-maps/understanding-internet-search.html
by @mleacock
系統(tǒng)模型
系統(tǒng)模型的工作是盡可能準(zhǔn)確地記錄系統(tǒng)。
http://sce.uhcl.edu/whiteta/sdp/createSystemModel.html
如果對(duì)系統(tǒng)不熟悉，制作系統(tǒng)模型可以幫助你成為了解系統(tǒng)的專(zhuān)家。系統(tǒng)模型與概念圖一樣強(qiáng)大的原因：保持整個(gè)團(tuán)隊(duì)對(duì)可以看到地系統(tǒng)的共同理解。隨著系統(tǒng)的改變，團(tuán)隊(duì)成員可以使用標(biāo)記對(duì)其更新。系統(tǒng)圖表可以包含內(nèi)容或行為，它們可以映射現(xiàn)有系統(tǒng)或者記錄要構(gòu)建的系統(tǒng)。
Battle.net UI by @StoneLibrande
系統(tǒng)模型的危險(xiǎn)在于一旦你了解了系統(tǒng)，你就會(huì)忘記它是多么的混亂和復(fù)雜，這時(shí)候就需要心智模型。
心智模型
心智模型是用戶(hù)最終如何看待復(fù)雜系統(tǒng)的一種模型。用戶(hù)將忽略系統(tǒng)中復(fù)雜的不相關(guān)部分，并專(zhuān)注于所關(guān)心的部分。繪制心智模型可以幫助團(tuán)隊(duì)了解潛在用戶(hù)是如何看待系統(tǒng)。例子：
Map of your Grocery Store http://pleated-jeans.com/2012/11/29/a-map-of-your-grocery-store/
Indi Young采用心智模型，將最終用戶(hù)的使用作為最初原則，使用訪(fǎng)談應(yīng)用研究的方式，提出了一種方法來(lái)映射產(chǎn)品（或競(jìng)爭(zhēng)對(duì)手）。
概念模型
“概念模型是一種解釋?zhuān)ǔＪ歉叨群?jiǎn)化事情是如何工作。它不必完整、準(zhǔn)確，只要它是有用的”。
概念模型是你想其它人如何思考系統(tǒng)的一種模型，不希望系統(tǒng)模型包含任何的小事，但也希望避免用戶(hù)像在心智模型一樣編造事物，概念模型首先是一個(gè)信息。
概念模型使用的幾種方式：
1 告訴最終用戶(hù)如何思考系統(tǒng)或系統(tǒng)的價(jià)值。
http://www.todayteam.co.uk/how-our-service-works/
2 丹·羅姆繪制概念模型來(lái)解釋世界，世界是一個(gè)混亂的復(fù)雜系統(tǒng)。
http://www.danroam.com/visual-lessons-from-our-election/
3 使用概念模型來(lái)解釋流程
http://www.designcouncil.org.uk/sites/default/files/asset/document/ElevenLessons_Design_Council%20(2).pdf
對(duì)于團(tuán)隊(duì)
可以在公司內(nèi)部使用概念模型，與團(tuán)隊(duì)成員溝通如何將設(shè)計(jì)的系統(tǒng)可視化。下圖是使用網(wǎng)站地圖向團(tuán)隊(duì)解釋我的設(shè)計(jì)。網(wǎng)站地圖本質(zhì)上是系統(tǒng)圖，但網(wǎng)站很大并且很難在圖中顯示。
http://www.bbc.co.uk/blogs/bbcinternet/2011/11/bbc_weather_design_refresh.html
大多數(shù)設(shè)計(jì)師從制作系統(tǒng)模型轉(zhuǎn)移到制作概念模型，以傳達(dá)關(guān)鍵的組織原則。
http://architecture.31bio.org/information-architecture-concept-model/
Stone Librande的One Page Designs是游戲設(shè)計(jì)決策的概念模型。
從@ StoneLibrande的談?wù)揙ne Page Designs可知，有一個(gè)簡(jiǎn)單的模板：
1）文檔的標(biāo)題是什么？
2）確保約定每件事。
3）在圖表中留大量的空格。
4）圖中間的中心說(shuō)明能幫助引起注意，并作為一個(gè)焦點(diǎn)。
5）在中心圖下面放置一個(gè)帶有附加說(shuō)明文字的描述。
6）在插圖周?chē)褂脴?biāo)注，以提供額外的細(xì)節(jié)。
7）一些自己的標(biāo)注也可能需要說(shuō)明，添加注釋以澄清重要的概念。
8）使用側(cè)邊欄和要點(diǎn)作為檢查表、高層次目標(biāo)或其他必要信息。
注意事物的重要性，越重要所畫(huà)的區(qū)域越大，包括字體的大小和說(shuō)明。
概念模型可以很時(shí)髦：
http://www.poetpainter.com/thoughts/?utm_source=twitterfeed&utm_medium=twitter
也可以是白板上的簡(jiǎn)單繪畫(huà)：
Bill Verplank’s Model of Interaction Design
學(xué)習(xí)如何制作一個(gè)概念模型這篇文章使用了箭頭和盒子：
a model for making concept models
模型，導(dǎo)圖，畫(huà)布...
還有其它的模型和地圖，以及交互式模型——畫(huà)布。本文介紹的五個(gè)模型只是可視化工具中的小部分。
一個(gè)著名的畫(huà)布，由Alex Osterwalder創(chuàng)作
現(xiàn)在年輕的設(shè)計(jì)師是從以下幾條開(kāi)始：
心智導(dǎo)圖收集你的想法
概念圖來(lái)組織你的理解
系統(tǒng)導(dǎo)圖來(lái)映射系統(tǒng)
心智模型來(lái)理解和溝通用戶(hù)的理解
概念模型以消息這種新方式來(lái)思考一個(gè)復(fù)雜的系統(tǒng)
去畫(huà)吧，讓這個(gè)古怪的世界更有意義！
建議閱讀下列文章：
One Page Designs
Models, Maps and Canvases by Dave Gray
本文由北郵@愛(ài)可可-愛(ài)生活老師推薦，阿里云云棲社區(qū)組織翻譯。
聯(lián)系客服
