1. 程式人生 > >讓思路更清晰——我是怎樣使用思維導圖的

讓思路更清晰——我是怎樣使用思維導圖的

思維導圖無處不在

使用思維導圖的場景無處不在,無論是做產品還是做設計,我們都需要清晰的思路,明確自己需要做些什麼,最後需要達到什麼效果,這時候,如果有一張清晰的思維導圖,就能很快的理清自己的思路。作為網際網路公司自稱是產品型設計師(也就是既需要幫助老闆整理需求梳理產品,也要設計漂亮的介面)的我更是如此。

下面我從產品、設計等方面談談我是如何運用思維導圖整理我的工作的。

1、 需求分析——完善最初的想法

一般老闆只會告訴我們大概需要一個什麼東西,具體的細節還需要我們去整理。這時候,我會把大概涉及到的基本點寫在紙上,想到一條寫一條,特別是一些需要注意的地方。

這是很早之前設計冒泡話題列出來的一些關鍵點,我先把我想到的點列出來之後再去整理。

圖片

在紙上列得差不多了,再新建一個 XMind 文件,把之前列的一些點一一轉到電腦上,然後整理分類。

下面這個圖片是當時在梳理碼市需求時畫的,這個圖其實是不全面的,只是把重要的一些點列出來,為之後梳理產品的功能結構做準備。
圖片

還有,更重要的是在梳理需求時,我們也就得出一個網站或者 APP 整體有哪些大功能組成部分,也就是在寫產品需求文件時需要的功能邏輯圖。從這個圖你可以看到整個專案的主要功能點。
圖片

2、產品設計——梳理產品功能結構

大概的需求點及需要注意的地方出來之後,並不著急畫原型,我一定會先把整個產品的功能結構完整的列出來,包括頁面上所有需要展示的內容,甚至基本的互動流程等。因為如果不這樣做,很容易遺漏一些重要的點。

有了這個功能結構圖,畫原型的時候就可以一一對照了。當然這個圖也是會實時更新的,我會一邊畫原型一邊更新功能結構,畫原型的時候會很具體的知道每個元素每個互動的過程,在思維導圖裡面有些地方並不合理,這時候就需要我們來及時調整思路了。梳理功能結構和畫原型是產品設計過程中相互迭代的過程。

下面這個圖是碼市功能結構中的釋出懸賞功能部分:
圖片

然後得到下面的原型:
圖片

3、設計——尋找靈感

我在設計一個東西一開始基本上是腦子短路,毫無想法,這個時候我會把一些可能的設計點列出來,然後一個個去搜索相關的設計,從其他設計中尋找靈感。因為對我來說設計根本不存在毫無根據的靈光一現,我必須立足一個個點慢慢發散,然後在中間找到一些靠譜的點去實現。

這是我在之前《如何設計一個“高大上”的 logo》部落格中的例子,從猴子這個點出髮根據具體的要求發散,得到現在的logo。

圖片

圖片

不僅 logo 設計,網站或者 APP 設計同樣需要這樣的靈感,特別是那些需要設計感比較強的首頁、專題或者引導頁面等。把能夠表現這個主題的元素或基本點列出來,然後去網路上瀏覽相關的設計圖會找到一些靠譜的靈感。

下面是去年中秋送月餅的一個專題活動,我列出“猴子撈月”“中秋”“月餅”等一系列關鍵詞找了很多可參考的圖片尋找靈感。
圖片

然後自己手繪出基本的草圖,整理修改得到了下面這個專題頁面。
圖片

還有,在做互動比較複雜的設計並且沒有人來畫原型時,把上面第二點說到的功能結構列出來就顯得非常重要了。

當然,有時候我們並需要完整的思維導圖,也許幾個擴充套件的關鍵詞就足夠你設計一個好看的東西了,這是幫朋友設計的他們同學聚會的 T恤。

圖片

圖片

4、其他——思維導圖讓工作、生活更有條理

除了產品和設計上的事情,其實只要我遇到比較雜的事情都會用思維導圖的形式來進行梳理。

比如讀書筆記,把自己認為重要的部分記錄下來,並標註重點。
圖片

比如做旅行用品清單,這是準備自駕去雲南的時候列出來的,本來是想直接寫在備忘錄裡面,寫了幾條後發現東西實在太多了,必須要分類好,在網上翻看了別人列出來的大張需要物品的清單,瞬間暈菜了,用思維導圖分類整理一下是不是很清楚了?而且可以用圖示標註一下當前的狀態,並把重要的事情標星。
圖片

再比如,寫這篇文章,我會把我想到的一些點先列出來,慢慢整理調整,這是寫的過程中的一張圖:
圖片

慢慢的變成了最後的這張圖:
圖片

思維導圖繪製形式

最後再說說思維導圖的形式,其實思維導圖並不一定就是一張網狀的圖,也可以是一個個清晰的列表、簡單的關鍵詞。可以寫在紙上,或開啟電腦新建一個 XMind 文件,又或者突然想到什麼的時候開啟手機的備忘錄,一條條的列出來,都可以。

關於紙筆

拿出紙筆,把自己的一些思路圈圈畫畫是很有意思的事情。現在的很多人都忘記了寫字,把自己想到的東西寫下來確實可以很直觀的梳理腦海中的想法。

我最近在練字,大家也看到上面我手寫的那些字確實是很潦草,我現在也相信字如其人,希望自己以後能夠手繪出更加漂亮的思維導圖。能把字寫漂亮也是一件很厲害的事情吧。

關於工具

上面的大部分思維導圖我都是用 XMind 畫的,大家也可以嘗試其他的思維導圖工具。不過今天我還想推薦大家用 Markdown 來寫東西,簡單的#、##..來標識標題層級,直接用 [TOC] 標出目錄,簡直不能更好用了,我一般就用 Coding 檔案裡面自帶的 MD 編輯器。

手機自帶的備忘錄也是很好的記錄想法的工具。

最後再說一句,思維導圖並不是什麼稀奇的東西,其實只需要我們能夠隨時把自己的想法記錄下來,不管什麼工具都可以。

相關推薦

思路清晰——是怎樣使用思維

思維導圖無處不在 使用思維導圖的場景無處不在,無論是做產品還是做設計,我們都需要清晰的思路,明確自己需要做些什麼,最後需要達到什麼效果,這時候,如果有一張清晰的思維導圖,就能很快的理清自己的思路。作為網際網路公司自稱是產品型設計師(也就是既需要幫助老闆整理需求梳理產品,也要設計漂亮的介面)的我更是如此。

Spring思維spring不再難懂(一)

RoCE dbd streaming 常用模塊 導圖 lease bbc 創建 log Spring是一個開源框架,是為了解決企業應用程序開發復雜性而創建的。框架的主要優勢之一就是其分層架構,分層架構允許您選擇使用哪一個組件,同時為 J2EE 應用程序開發提供集成的框架。

思維加上css,你輕鬆掌握css佈局

在很多朋友學習css過程中,總是覺得標籤記不住、屬性記不住和屬性值記不住等問題,不過沒關係,我們可以利用博贊發明的思維導圖來記憶,下面本人來舉例說明。 比如我們學習CSS樣式,css樣式分為背景、文字、字型、連結、列表、表格和輪廊7種樣式。按照這樣的方式,學習css的其它內容就變得輕而易舉

Spring之思維Spring不再難懂

轉載地址:https://mp.weixin.qq.com/s/5ru2vE_mpJRtcKcG-47uTA 關於Spring Spring是一個開源框架,是為了解決企業應用程式開發複雜性而建立的。框架的主要優勢之一就是其分層架構,分層架構允許您選擇使用哪一個元件,同時為 J2EE 應用程式

JWT 思維 JWT 不再難懂

一般情況下,web專案都是通過session進行認證,每次請求資料時,都會把jsessionid放在cookie中,以便與服務端保持會話。   前後端分離專案中,通過token進行認證(登入時,生成唯一的token憑證),每次請求資料時,都會把token放在header中,服務端解

lucene 思維搜尋引擎不再難懂

   (公眾號回覆“lucene”獲取源導圖) 今天,我們來講講lucene,同學們搬好板凳坐好啦。 (lucene幹嘛的呀?) 首先我們來看張思維導圖: 以上是我們java常用的全文搜尋引擎框架,很多專案的搜尋功能都是基於以上4個框架完成的。 所

jwt思維jwt不再難懂

一般情況下,web專案都是通過session進行認證,每次請求資料時,都會把jsessionid放在cookie中,以便與服務端保持會話。 前後端分離專案中,通過token進行認證(登入時,生成唯一的token憑證),每次請求資料時,都會把token放在header中,服務端解析token,並確

python多程序共享記憶體,喜歡解除安裝思維裡面,現在還沒有寫全,python得ctype,還沒有特別得熟悉

多程序與多執行緒頭大啊 1.C++ 將程序執行在指定的CPU上 1.1.https://blog.csdn.net/w2014qian/article/details/51941549 2.多程序 2.1.管道通訊 2.1.1.程序start啟動程序 join阻

MyBatis 思維 MyBatis 不再難懂(一)

寫在前面 與 Hibernate 相比,我無疑更喜歡 Mybatis,就因為我覺得它真的好用,哈哈: 1、它簡單上手和掌握; 2、sql語句和程式碼分開,方便統一管理和優化; 3、當然缺點也有:sql工作量很大,尤其是欄位多、關聯表多時,更是如此。 而且 SQL 依

mybatis 思維 mybatis 不再難懂(二)

上一篇文章寫了mybatis的基本原理和配置檔案的基本使用,這一篇寫mybatis的使用,主要包括與sping整合、動態sql、還有mapper的xml檔案一下複雜配置等。值得注意的是,導圖17和18中講解resultMap子元素的時候可能講得不是很清楚,應該需要大量的程式碼

Spring思維Spring不再難懂(mvc篇)

主要註解 spring mvc註解.png ContextLoaderListener 在講ContextLoaderListener之前,首先來了解一下web.xml的作用。 一個web中可以沒有web.xml檔案,也就是說,web.xml檔案並不是web工程必須的。web.xm

如何使用思維高效的設計測試用例?

有時候專案很緊,我們沒有時間來把用例都設計好並寫到用例管理系統中,使用思維導圖是一種比較好的方式,而且越來越受到人們的追捧。但是在實施過程中,可能會有一些問題,比如A同學設計的用例只有他能看明白,B同學就很難看懂,這也不難理解,因為它就像人的大腦,他的思維是獨一無二的,腦

Spring思維Spring不再難懂(ioc篇)

寫在前面 寫過java的都知道:所有的物件都必須建立;或者說:使用物件之前必須先建立。而使用ioc之後,你就可以不再手動建立物件,而是從ioc容器中直接獲取物件。 就好像我們無需考慮物件的銷燬回收一樣,因為java垃圾回收機制幫助我們實現了這個過程;而ioc則是讓我們無

思維學習 | 第二篇:java學習基礎,java不再難懂【中篇】

配套Ximnd學習導圖下載地址 寫在最後 歡迎關注、喜歡、和點贊後續將推出更多的思維導圖學習文章,敬請期待。 歡迎關注我的微信公眾號獲取更多更全的學

30張java基礎思維,梳理知識點和思路

https://baijiahao.baidu.com/s?id=1578604113948829614&wfr=spider&for=pc http://blog.csdn.net/jackfrued/article/details/42617523

Spring思維Spring不再難懂(cache篇)

關於快取 快取是實際工作中非常常用的一種提高效能的方法。而在java中,所謂快取,就是將程式或系統經常要呼叫的物件存在記憶體中,再次呼叫時可以快速從記憶體中獲取物件,不必再去建立新的重複的例項。這樣做可以減少系統開銷,提高系統效率。 在增刪改查中,資料庫查詢佔據了資料庫

java基礎思維java不再難懂

思維導圖的好處 最近看了一些文章的思維導圖,發現思維導圖真是個強大的工具。瞭解了思維導圖的作用之後,覺得把它運用到java上應該是個不錯的想法,這樣回顧知識點的時候一目瞭然,快速知道自己的短板。 思維導圖不僅僅只有簡單明瞭這個好處,它還能加深人對主題

Spring 思維 Spring 不再難懂(ioc 篇)

寫過java的都知道:所有的物件都必須建立;或者說:使用物件之前必須先建立。而使用ioc之後,你就可以不再手動建立物件,而是從ioc容器中直接獲取物件。 就好像我們無需考慮物件的銷燬回收一樣,因為java垃圾回收機制幫助我們實現了這個過程;而ioc則是讓我們無需考慮物

分享在工作生活中好地運用思維使用攻略

思維導圖可以輔助我們思考問題,特別是對於邏輯性不是特別強的人來說,通過繪製思維導圖,可以對問題進行全面的分析,對相關問題進行發散思維,從而使得對問題的研究更加的透徹。接下來分享六個日常工作生活中常用到的思維導圖模板供大家參考。 1、閱讀書籍 在閱讀的時候,我們也可以藉助

rpc思維rpc不再難懂

解析RPC(Remote Procedure Call),遠端過程呼叫,它是一種通過網路從遠端計算機程式上請求服務,而不需要了解底層網路技術的協議。在OSI網路通訊模型中,RPC跨越了傳輸層和應用層。RPC使得開發包括網路分散式多程式在內的應用程式更加容易。為什麼要用RPC可以做到分散式,現代化的微服務部署靈