灰質——設計過程中的思維導圖是什麼?

已發表: 2022-03-11

在產品設計過程中集思廣益一個新產品概念或評估一個新功能創意時,記筆記有時會失控——最終可能會變成一頁頁的塗鴉,這些塗鴉往往更令人困惑而不是有用。 思維導圖是一種更有效地組織思想的好方法。

什麼是思維導圖?

思維導圖也被稱為噴霧圖和蜘蛛圖(或蜘蛛圖,簡稱),因為它們的外觀。 這種方法和“思維導圖”一詞於 1974 年由英國心理學家、作家和教育顧問托尼·布贊在 BBC 電視連續劇《使用你的頭腦》中開始流行起來。 然而,在此之前很久就已經使用圖表來直觀地映射信息。

因為思維導圖在結構上是二維的,它們向我們展示了主題的形狀、每個點的相對重要性以及事實之間的關係。 能夠在一個地方看到所有這些有助於我們有效地查看信息,更好地記住它,並提高創造性的問題解決能力。

思維導圖之所以有效,是因為它們利用了我們思維的自然傾向,以視覺方式思考並通過建立關聯來理解一個主題。 即使是最抽象的思想家也比任何其他類型的信息更能記住圖像。 思維導圖本質上也非常靈活。 它們可用於傳達不同類型的信息——一系列步驟、信息層次結構或圍繞特定主題的隨機想法。

思維導圖的剖析

思維導圖總是從一個中心點開始,這是主要主題,然後分支成子組件。 這是一個簡單的思維導圖示例:

什麼是思維導圖?思維導圖示例
思維導圖示例(來自 Coggle)。

除了層次線(主要分支),思維導圖也可以有關係線。 這些可以顯示為虛線,表示存在於不同分支上的元素之間的關係。

儘管在上面的示例中沒有顯示,思維導圖節點也可以包含圖像或圖標。 這樣的地圖沒有嚴格的結構。 這就是讓他們偉大的原因。 它們應該像一個人的思維過程一樣自由流動。

何時在產品設計過程中使用思維導圖?

在嘗試理解一個主題時,可以在產品設計過程的研究階段隨時使用思維導圖。 在設計思維過程中,思維導圖是前三個階段的有用練習:移情、定義和構思。

當設計師開始一個新項目時,產品團隊中的每個人都可能對這個項目應該是什麼有一個模糊的概念。 繪製系統圖將幫助每個人清楚地了解,例如,當需要對應用程序進行線框設計時,團隊可以清楚地了解他們需要構建的系統——應用程序的主要部分是什麼,它需要哪些功能有,這些功能如何與系統的其餘部分交互,等等。

通常,思維導圖練習會幫助團隊發現很多沒有經過適當考慮或需要做出決定的事情。 這也是設計師思考要解決的問題,以及正在設計的系統是否解決了問題的好時機。 直接跳到線框圖和原型設計經常會導致團隊迷失在細節中,玩弄 UI 元素和文本,試圖在他們進行時弄清楚系統架構。

思維導圖技術可應用於項目管理
思維導圖技術也可以應用於項目管理(來源)。

一個實用的思維導圖示例

讓我們想像以下場景。 一位初創公司創始人想要為寵物主人和看護人開發一款移動應用程序,寵物主人可以在其中發布遛狗、帶寵物去看獸醫或在主人度假時照顧毛茸茸的朋友的工作。 最初的客戶簡介包括對應用程序需要做什麼的描述、幾個競爭對手的示例以及有關目標市場的一些詳細信息。

經過一番研究,產品團隊清楚地了解了問題所在、用戶角色和公司的競爭優勢。 現在,是時候弄清楚應用程序需要做什麼以及如何去做了。

該系統將需要兩種類型的帳戶:寵物主人和看護人。 讓我們看看照顧者的一面。 他們在應用程序中需要什麼? 很可能是以下情況:

  • 空缺職位
  • 輪廓
  • 設置
  • 放置次要項目的地方(條款和條件、對應用程序進行評分的鏈接、客戶支持等)

思維導圖技術

接下來,讓我們分解每個部分。 喬布斯由什麼組成? 很可能是以下情況:

  • 空缺職位
  • 過濾器和排序功能
  • “最喜歡”的工作列表
  • 他們申請的工作的歷史
  • 他們正在進行的工作清單

思維導圖過程

讓我們再做一個分支:工作頁面需要包含什麼? 例如:

  • 職位描述
  • 寵物接送地點
  • 所有者簡介
  • 寵物資料
  • 提供薪酬
  • 應用按鈕
  • 保存/標記為收藏的按鈕

思維導圖示例

這個思維導圖過程一直持續到整個系統被繪製出來。 在這種情況下,因為有兩種類型的帳戶相互交互,所以在同一個畫布上會有兩個思維導圖,用虛線表示相互交互的不同元素之間的關係。

當產品團隊做這個練習時,他們經常會發現很多問題出現了——例如,工資是固定的,還是有某種競價系統? 獲得工作後,該應用程序是處理寵物主人和看護人之間的溝通,還是只是顯示主人個人資料中的聯繫信息?

在與創業公司創始人會面時,會回答此類和類似的問題。 在某些方面,這一步類似於設計衝刺中的“專家訪談”練習,除了輸出不僅僅是問題陳述的列表。

思維導圖過程中的設計師
思維導圖是在設計過程中組織思想的好方法。

思維導圖應用

那裡有大量的思維導圖應用程序可供探索,但為了方便起見,這裡有三個建議:Coggle、Miro 和 Whimsical。

Coggle 擁有最多的繪製思維導圖的功能,價格便宜,並且可以將地圖保存到 Google Drive。 Free Forever 計劃非常適合測試和輕度使用。 個人使用的付費計劃為 5 美元/月,團隊為 8 美元/用戶/月。

Miro 是一個偉大的多面手,可以做的不僅僅是思維導圖。 它可用於用戶故事地圖、客戶旅程地圖、流程圖、看板、線框圖等。 免費計劃最多允許三個項目。 付費計劃起價為顧問每月 12 美元和至少 5 名成員的團隊每月 40 美元。 Miro 還有適用於台式機和移動設備的應用程序。

Whimsical 是另一個很棒的工具,除了思維導圖,還可以製作流程圖、便箋和線框圖。 免費計劃包括四個板。 個人付費計劃為 10 美元/月,團隊為 12 美元/用戶/月。

Whimsical - 一種有助於思維導圖技術的思維導圖工具
異想天開,思維導圖工具。

思維導圖技巧提示

不要讓它太整潔。 抵制讓地圖過於整潔的衝動,讓一切都完美排列。 這項練習旨在快速而骯髒。 它不應該像站點地圖那樣乾淨。

將多個地圖帶到同一個畫布上。 對於同一畫布上可以存在多少張地圖沒有規定。 對於復雜的系統,可以有多個地圖用於不同的用戶角色、屬於同一生態系統的不同應用程序,或者一個應用程序的舊版本和新版本。

在地圖上指示層次結構。 儘管思維導圖本質上是分層的,但一些看起來相同的分支往往比其他分支更重要。 在繪製地圖時,考慮特定節點最重要的分支是什麼,並使用顏色、圖標或文本大小突出顯示它們。 回到上面的例子,“工作”部分最重要的部分是“正在進行的工作”列表。 在思維導圖上記下這些東西將使線框圖更容易。

腦殘,然後細化。 避免對思維導圖的第一次迭代過於珍貴。 讓想法自由流動並將它們放在地圖上。 有些想法沒有意義,或者需要轉移到其他分支。 沒關係。 在完成思維導圖過程時,在第二遍進行編輯和改進。

• • •

進一步閱讀 Toptal 設計博客:

  • 選擇字體時的提示和注意事項(帶有信息圖)
  • 不要聽客戶的——為什麼用戶研究很重要
  • 保持冷靜:如何戰略性地獲取設計反饋
  • 用戶體驗研究方法的完整指南
  • 品牌已死,客戶體驗設計為王