畫圖:我最喜歡的工作方法(沒有之一)
編輯導語:作為一名產品經理,良好的工作習慣能夠使得自己成長有跡可循,并且約束自我。作者分享了其中一個自己喜愛的工作方法——畫圖,將其應用于日常工作中,本文剖析了畫圖的價值點與本質,并總結了其中的一些方法。
一、價值:畫圖是學習成長的關鍵手段
我做產品經理,一直有一個習慣,自覺是一個非常好的工作方法,也一直向團隊和其他同學安利這個工作方法。
就是畫圖。
- 把一個復雜的事情關系或冗長的文字,用圖形化的方式表達出來;
- 把自己學到的一些知識,事后整理成一個圖形存檔;
- 給別人講解一個事情時候,喜歡白板畫圖來表達;
- 階段性梳理下產品架構圖;
- 將一些做的事情的流程和框架畫出來,分享給團隊;
- ……
以下是我日常工作中畫的部分圖:
之前一直覺得這個方法很好,自己也很受用,但為啥好用,也沒有非常體系的理論支撐。
就覺得這樣的方式,對自己有個二次學習的過程能加深理解,另外傳達給自己或別人閱讀時能很清晰。
直到前一段時間,我看到一本書《費曼學習法》,才發現這個畫圖的方式其實是一個很有效的學習方法。
這本書,整體就講一個核心的理論:學習的目的是輸出,學習與應用是互為一體的,無法對外輸出的學習就不能成為學習。
作者將整體學習的閉環,分為了以下5個核心步驟:
第一,確立你要學習的目標。找到和列出自己想要了解的知識,可以是一本書,也可以是一門技術,甚至是你能想象到的任何領域和事物。
第二,理解你要學習的對象。針對這個目標,準備好和篩選相關的資料,選擇可靠和多個角度的信息來源,把這些內容系統化地歸納整理出來。
第三,以教代學,用輸出代替輸入。模擬一個傳授的場景,用自己的語言把這些知識講給別人,用以檢查自己是否已經掌握了這些知識。
第四,進行回顧和反思。對其中遇到阻礙、模糊不清和有疑義的知識重新學習、回顧和反思。如有必要,可以重整旗鼓,進行再一次輸出。
第五,實現知識的簡化和吸收。最后,通過針對性的簡化和整合,實現這些知識的內化和有效的應用。
讀完之后,我發現畫圖這個形式,真的是一個能將5個關鍵點完美結合起來的手段。
既然畫圖這么有效,那么也肯定會有它work的一些原理。接下來,我們就嘗試去剖析一下,這個方式的內在邏輯。
二、本質:一次高質量做功,多次低成本調用
我們的大腦,在接受外部信息時候,有如下特征:它會嘗試對輸入的信息進行歸類、歸納主體,并且偏愛有序有邏輯的東西,并且每次接受的信息數量最好是5-7個左右。
這樣,大腦在理解接受信息時候就會變得輕松,并且還利于產生深刻的記憶。
而畫圖,其實就是將一堆無序信息重組為有序信息的過程。最后,利于圖示化的效果,讓大腦在提取信息時候,變得簡單,能耗小。
畫圖的整個過程,其實分別2個環節:一個是畫圖出來,另一個是看圖或講圖的過程。
畫圖其實是比較需要耗費腦力的,你會需要很多信息分析、確認、結構化重組,創造價值本身就是要做功的。但是一次高質量做功之后,就能一勞永逸,后邊每一次讀取調用都是變得成本很低。
這個符合我自己的人生觀,一切都是遵循能量守恒定律的,價值與正向做功成正比。
也符合我自己的中臺理念,一次抽象沉淀,多次復用。
三、技能:畫圖的元素、邏輯與原則
以上講的篇幅更多闡述了畫圖的價值。
接下來,我們就拆解下如何畫圖,畫圖的基本元素和原則。
我先將畫圖做個定義:畫圖是將不同元素內容按照一定邏輯關系組合,并最終圖形化的過程。
接下來,我們分別講下這3個關鍵詞。
1)元素內容
元素內容,氛圍元素實體和元素屬性:
① 元素實體:常見有圖形、線條、文字、圖標等元素;
② 元素屬性:主要是形狀、顏色、大小/粗細/虛實/長短、方向等。
幾乎所有的圖,基本都可以由以上元素實體和屬性組合而成。
2)邏輯關系
有了元素之后,就是需要體現它們之間的關系,這樣大腦才能夠產生有意義的理解。
我將常見的邏輯關系,歸納為3大類:
① 包含關系。即2個或多個子對象,是平級關系,且都歸屬于同一個父對象。其實就是金字塔原理中講的結構化思維,思維導圖是這個關系的表達方式;
② 順序關系。即2個或多個動作在同一個事件流中,有先后次序或關聯依賴關系的;最常見的表達工具就是流程圖。
③ 對比關系。即2個或多個對象在同緯度的對比信息,例如大小、方位、顏色、高低、趨勢等等。用來表達這種關系的工具有很多,axure、ppt、ps等。
按照自己的經驗,這3種關系,分別應用都能解決一定的問題。但按照自己實踐,更多我用到的畫圖,都是涉及到2種或3種關系組合應用的。
3)圖形化原則
有了元素和關聯關系之后,事情就完成了60分,及格線。剩余的40分,我認為才更加重要。
因為畫圖最終對調用看圖的人來說,獲取信息的難易程度,恰恰就是信息的展示效果。
產出一個結構分明的圖,我認為有幾個圖形化原則,是必須要掌握的。
① 信息分區:善用線框、色塊、分割線、編號,將更多信息變為更少數量(顆粒度粗)的視覺分區。
② 信息分層:善用文字大小、顏色深淺等凸顯信息的重要程度,將信息分層。
③ 信息布局:信息的排版輪廓,整體上應該要體現出視覺整齊度,例如橫向、縱向、同心圓等。
④ 信息關聯:同類型、同緯度相關信息,理論上要用同樣/相近填充顏色、字體大小、條線類型、區塊形狀等,提升視覺尋找的關聯度。
接下來解構幾個我日常畫的幾個圖,對應以上的原則做下對照(因為部分信息需要脫敏,可能會故意將圖片虛化)。
案例1:
案例2:
案例3:
案例4:
案例5:
大家根據以上的原則,日常需要大量的練習,這樣慢慢就能找到感覺。
后續慢慢就不需要刻意思考以上原則,自然畫出來就會符合這些原則。
四、應用:畫圖需要有多用戶的角度
通過以上畫圖技巧的解讀和案例解析,大家不難看出來,畫圖從調用的角度來看,其實是對用戶是非常友好的,這本質上其實就是同理心的體現。
你希望讓看你圖的用戶更容易理解,信息傳達更到位,你就要站在他的角度去考慮。
那大家都知道,作為產品經理,我們面對的用戶有很多種,除了自己、還有業務、研發、老板。一個事情的闡述,對于不同用戶,你也絕對不可能用同樣的語言。
同理,畫圖時候也一樣,你也要考慮看你圖的這個用戶,他關心什么信息,那么你就應該按照他的視圖來輸出。
所以,有時候,同樣的信息,可能會有多張圖來向不同用戶展示與講解,只不過角度和顆粒度不同罷了。
以上,就是我對畫圖這個事情的理解,希望對大家有所啟發。
作者:減形簡遠,微信公眾號:產品雜談(life_pm)
本文由@減形簡遠 原創發布于人人都是產品經理,未經作者許可,禁止轉載。
題圖來自Unsplash,基于CC0協議。
膩害,整理思緒的好方法,其實自己也知道,但是把握不到要點,畫不出讓自己滿意的圖
您畫圖用的什么工具方便分享么
axure
畫圖確實很有趣而且看起來比大片的文字直觀鮮明。