最佳工程實踐—思維利器OmniGraffle

OmniGraffle是由The Omni Group製作的一款繪圖軟件,它曾獲得蘋果設計獎。

      OmniGraffle可以支持流程圖、邏輯圖或者網頁產品模型設計等,功能非常強大。與Graffle對應的是在Windows平臺廣泛應用的MS Visio(Graffle這個詞據說就是爲了和Visio區分而硬造出來的),關於這兩個產品的用戶體驗對比,本文會稍有涉及。

      關於它的使用細節——術的方面,建議讀者直接參考幫助文檔或平臺上其他作者的教程。本文重點想探討的,是在工程實踐中的一些方法論——跟“道”有關的一些個人體會。

(一)思維可視化

         一般人的大部分思考過程都是雜亂無序的,沒有邏輯的,最後也沒法形成有效的沉澱,更無法找到清晰的結論。不是所有的人都是天生就有很好的邏輯的,但是邏輯是可以訓練的,只要你懂的把自己的思維進行可視化的展示、分析和整理。

常見的思維可視化模型

1. 放射狀規整(思維導圖、魚骨圖)--以後專門討論(例如MindManager等)

2. 層次化規則(架構圖、組織結構圖)

3. 線性化規整(路徑圖、時間線)

4. 矩陣式規則(SWOT 分析、商業模式畫布)


(二)數據流

概要數據流,可以快速梳理出數據流向,順手還能體現數據模型的結構關係。

當然有人要說了,用PowerDesign甚至Excel也可以啊?  Re:是的。但你不覺得這樣的圖簡約明瞭,用着很爽嘛?還可以直接貼到PPT呢,生活如此乏味,能讓工作更有趣,也是保持和提高生產力啊!


數據流示


(三)業務流


第一步:確定邊界、關鍵里程碑,畫出全局流程圖。

        開始可能不太明瞭,或者中途有新的變更,但是不要緊,只要搞清楚起點和終點,解決從哪裏來,到哪裏去的終極問題,人生就簡單了!

 所謂綱舉目張,確定框架以後就可以集中精力各個擊破了。


概要總圖

第二步:針對不同子流程各個擊破



子流程1



子流程2

第三步:不僅僅是幾個框

      完成第二步之後,傳統語境下的流程圖就完成了。但是,作爲一個有追求的演員,似乎還可以嘗試點什麼。

     突然,一道靈光撞擊出來新的想法。事不宜遲,馬上記下來。拖幾個元素,插入表格、貼上截圖,簡單的概要原型頁就出來了。

    借用IOS風格的搜索欄,把個網頁原型整得頗有大寫意風格,真是神來之筆!哈哈


概要原型圖


(四)文檔歸集

     在工程實踐中,項目或產品文檔的管理從來都是一個難題。

     從初識階段開始,產品、設計、開發、測試、運營團隊在組織架構上可能是分離的,大家本能地按自己的風格習慣寫文檔,即使是最重要的幾個文檔,也常常是Visio、PowerDesign、Word、PPT等各種格式混雜,每種文檔可能還有軟件版本的兼容性差異。

      再加上積年累月的人員更迭、團隊重組,各種混亂交接,有時查一個簡單的問題,都可能要打開電腦上所有的辦公軟件、十幾個窗口。這是要瘋掉的節奏,非常非常低效!

      基於OmniGraffle良好的兼容特性,完全可以將關鍵文檔整合到一個Graffle文件,不但可以爲當前進行的工作中保持迭代、保護成果,還能持續收攏、歸納、索引關鍵信息,爲後續的改進優化打下好的基礎。


文檔樹



開局索引

跳轉特性支持的動作

切換版面、顯示/隱藏圖層、高亮、運行腳本、打開文件等等


添加動作

多類型分發:支持導出Pdf/PNG/HTML/Graffle模版等等

導出的Pdf文件也是可以跳來跳去的哦!


(五)構建自己風格的組件庫

Graffle和Visio一樣,提供了擴展資源庫的支持,想要什麼組件,搜一搜就有了。


檢索擴展資源庫

然而很多時候,我們面臨問題不是缺少資源,而是資源太多,無法快速作出選擇。

       正如製造工廠裏的模具,碼農的代碼庫,有逼格的人一定受不了拖個按鈕都得搜索、調色半天。Graffle自帶的資源、以前設計的組件、蒐羅來的圖片/PPT/Visio資源,日常工作中新發明的兵器,最好分門別類放到一個專門的版面。

從最原始各種大小字體、點、線條、箭頭開始,逐漸積累起組件,甚至樣板頁,不斷吸收、調整、優化,愈積愈厚,直至形成自己的風格,是不是有點像逍遙派的北冥神功?

當然,不排除牛人們是從一開始就可以開發出好幾套不同Style的套裝。

Anyway,殊途同歸,我們這種智商低的就用努力彌補吧,哈哈!


develop Own Style


(六)技術資產保護


從Visio遷移

可以直接打開MS Visio文件,並在此基礎上繼續編輯。這個特性對於準備從Windows平臺遷移過來的用戶來說至關重要。


打開Visio文件

從其它工具遷移(Axure/Image/截圖)


從Axure遷移


(七)自動佈局


坑爹的自動佈局!

OmniGraffle新建文件的初始設置默認是自動佈局的。

每當你增加一個元素,調整一下位置,command+S , 我去!!剛纔的努力白費了,它會按照一套匪夷所思的對齊規則重新佈局! 除了非常簡單的圖形,是在想不出實際工作中有什麼東西是按照經典原型排列的。

好吧,我承認,因爲這個坑爹的原因。我大概幾個月的時間不知道怎麼用這玩意,差點放棄!!


坑爹的自動佈局,一定要拉到最下面啊

適用場景

雖然開始在自動佈局上踩了坑,但是這招在某些情況下還是非常有用的,例如下面這個,不是美術系的怎麼可能畫這麼圓?  還是那句話,特性很多,都有適用範圍,合適就好。



文/RiboseYim(簡書作者)
原文鏈接:http://www.jianshu.com/p/ccc8d64c7202
著作權歸作者所有,轉載請聯繫作者獲得授權,並標註“簡書作者”。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章