252
讓係統更清晰——解構複雜係統的五種常用模型
首發地址：https://yq.aliyun.com/articles/72212
https://yq.aliyun.com/cloud
Christina Wodtke
美國女商人、用戶體驗設計和信息架構領域的專家；曾在雅虎，Hot Studio和紐約時報等公司工作，以改進和開發他們的網站；創立了Webby的設計思想雜誌（盒子和箭頭），經常被邀請作為專家做關於社交網絡設計、遊戲、用戶體驗、創業管理和創新方麵的訪談。
如果你在舊金山灣區？可以加入商務繪圖研討會
https://continuingstudies.stanford.edu/courses/professional-andpersonal-
development/visual-thinking-working-withpictures/2016/2016_WSP-307
開放注冊！
在CCA講授的課程中，學生被心智模型，概念模型，概念圖等所困惑，寫下此博客可能會對大家有所幫助！UX、交互設計、信息架構等）具有命名和重命名事物的傾向、因此模煳性是不可避免的。
https://www.fastefoundation.org/publications/mind_mapping.pdf
上圖模型是由Scott Berinato創造。我們/
這個帖子會涵蓋：
-
，收集想法
- 概念圖，組織理解
-
導圖，映射係統
-
，了解和溝通用戶的理解
-
模型，以信息的方式思考一個複雜的係統
前兩張圖是探索性的，即用於排序思維。
把腦海中所有東西寫在一張紙上，並建立連接。你可以從相關項目中受到啟發。
你可以使用它來繪製文本、記錄筆記或者隻是在腦海中產生的某些概念，也可以和團隊開展頭腦風暴，創造一個共同的願景，或者詢問產品的潛在用戶做一個類似的思維導圖，這使你能更有效地了解他們的想法。
因為思維導圖很容易繪製，並且沒有如何製作它們的規定，所以思維導圖是開始對係統建模的好方法。
思維導圖的基本原則是：
1
2想法。
3
4條顯示連接。
5
6盡可能的去發散。
7
8
9度。
10批判。
11對這種方法感到有趣。
思維導圖是讓你頭腦中的東西能夠可視化的一種簡單方法。
https://www.mindtools.com/pages/article/newISS_01.htm
概念圖比思維導圖更加正式。在概念圖中，可以命名項目之間的關係。Hugh Dubberly率先使用它們來理解複雜係統。。
- 列表術語
- 編輯列表
- 定義剩餘術語
- 創建術語關係的矩陣排列
- 排序術語
- 決定主分支或寫框架語句
- 填寫結構的其餘部分
- 修改
- 應用排版以強化結構
概念圖可以很簡單，可以在設計過程中使用或者為客戶或團隊製作海報，海報是非常適合保持共同願景和鼓舞人心對話的一種方式。
概念圖是強大的工具，可以幫助團隊了解他們正在設計的空間。
https://www.dubberly.com/concept-maps/understanding-internet-search.html
by @mleacock
係統模型
係統模型的工作是盡可能準確地描述係統。
https://sce.uhcl.edu/whiteta/sdp/createSystemModel.html
如果對係統不熟悉，製作係統模型可以幫助你成為了解係統的專家。係統模型與概念圖一樣強大的原因：保持整個團隊對可以看到地係統的共同理解。隨著係統的改變，團隊成員可以使用標記對其更新。係統圖表可以包含內容或行為，它們可以映射現有係統或者記錄要構建的係統。
Battle.net UI by @StoneLibrande
係統模型的危險在於一旦你了解了係統，你就會忘記它是多麼的混亂和複雜，這時候就需要心智模型。
心智
心智模型是用戶最終如何看待複雜係統的一種模型。用戶將忽略係統中複雜的不相關部分，並專注於所關心的部分。繪製心智模型可以幫助團隊了解潛在用戶是如何看待係統。例子：
Map of your Grocery Store https://pleated-jeans.com/2012/11/29/a-map-of-your-grocery-store/
Indi Young采用心智模型，將最終用戶的使用作為最初原則，使用訪談應用研究的方式，提出了一種方法來映射產品（或競爭對手）。
概念模型是你想其它人如何思考係統的一種模型，不希望係統模型包含任何的細節，但也希望避免用戶像在心智模型一樣編造事物，概念模型首先是一個信息。
概念模型使用的幾種方式：
1 告訴最終用戶如何思考係統或係統的價值。
https://www.todayteam.co.uk/how-our-service-works/
2 ·繪製概念模型來解釋世界，世界是一個混亂的複雜係統。
https://www.danroam.com/visual-lessons-from-our-election/
3 使用概念模型來解釋流程
可以在公司內部使用概念模型，與團隊成員溝通如何將設計的係統可視化。下圖是使用網站地圖向團隊解釋我的設計。網站地圖本質上是係統圖，但網站很大並且很難在圖中顯示。
https://www.bbc.co.uk/blogs/bbcinternet/2011/11/bbc_weather_design_refresh.html
大多數設計師從製作係統模型轉移到製作概念模型，以傳達關鍵的組織原則。
https://architecture.31bio.org/information-architecture-concept-model/
Stone LibrandeOne Page Designs是遊戲設計決策的概念模型。
@ StoneLibrandeOne Page Designs可知，有一個簡單的模板：
1
2約定每件事。
3在圖表中留白。
4說明能幫助引起注意，並作為一個焦點。
5
6
7自己的標注也可能需要說明，添加注釋以澄清重要的概念。
8
注意事物的重要性，越重要所畫的區域越大，包括字體的大小和說明。
概念模型可以很時髦：
https://www.poetpainter.com/thoughts/?utm_source=twitterfeed&utm_medium=twitter
也可以是白板上的簡單繪畫：
Bill Verplank’s Model of Interaction Design
a model for making concept models
導圖...
還有其它的模型和地圖，以及交互式模型——畫布。本文介紹的五個模型隻是可視化工具中的小部分。
由Alex Osterwalder創作的畫布
現在年輕的設計師是從以下幾條開始：
- 心智導圖收集想法
- 概念圖來組織理解
-
導圖來映射係統
- 心智模型來理解和溝通用戶的理解
-
這種新方式來思考一個複雜的係統
去畫吧，讓這個古怪的世界更有意義！
建議閱讀下列文章：
Models, Maps and Canvases by Dave Gray
Five Models for Making Sense of Complex SystemsChristina Wodtke
原文
最後更新：2017-07-12 22:10:21