[供應信息]主題：王普達 發佈者：上海王普達有限公司 林恩
09/02/2012
Visit:23 ,Today:2
Web流程圖的繪畫指南
編者按：本文作者爲設計師Felix Ding，丁宇。在作者設計生涯開始的早期，就開始接觸流程圖。一個好的流程圖，可以用來理解需求、解析複雜的業務流程、同時也有助於交互設計。
爲瞭使流程圖的價值至大化，文中著重分析瞭開始和結束標記、界麵、對話框、決策點、條件分支、子流程、跳轉點、描述、係統行爲等視覺詞彙。
前言
在我設計生涯的早期，我就開始繪製流程圖瞭。剛開始的時候，我所繪製的流程圖大都比較簡單，圖中的節點不多，邏輯也是直截瞭當的。因此，一直到我加入支付寶-中國至大的線上支付平臺，我才意識到複雜的流程圖的用處鉅大。在支付寶，業務需求和流程之複雜、變化之迅速，使得理解它們本身已經是一件非常有挑戰性的工作。正是此時，我開始依靠流程圖來理解需求，並使用這一方法來做交互設計。漸漸地，流程圖顯現它的魅力：産品經理喜歡它，連工程師也用它來指導開發。
2008年鞦天，我將自己的經驗總結爲一篇題爲《畫Web流程圖的一點心得》的文章，發錶在自己的blog上。該文立即引起瞭廣氾的註意。各種推薦、轉載、討論和跟進的文章在線上線下都頻頻出現，甚至有人按照我在文章中提到的方法製作瞭一套流程圖模闆。時至今日，這篇發錶於四年前的文章仍然給我的個人主頁帶來不少流量。
然而，上述文章有一個比較嚴重的問題，使得其內容帶有誤導性：它並沒有使用用於“描述信息架構和交互設計”的《視覺詞彙錶》。坦白講，寫作的時候我並沒有註意到有這樣一份廣爲人知的詞彙錶存在，而是創建瞭我自己的詞彙，並將其介紹給大衆。因此，文章的部分內容沒有遵循慣例，從DRY(Don’t Repeat Yourself，不要重複自己)的觮度講這並不是很闔適。該文發錶一年後，我的確在另一篇文章中指出瞭這一問題，但遺憾地是這次沒能像上次一樣引起廣氾的註意。本文由閔行網站建設 http://www.seo201314.com 友情轉載。
上海王普達有限公司
上海市閔行區莘莊鎮
021-64891200
13482522400
justshang@126.com
www.justshang.com
最後更新: 2012-09-02 14:46:18
