[供應信息]主題:王普达 發佈者:上海王普達有限公司 林恩
09/02/2012
Visit:9 ,Today:1
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