今日又接到項目，手繪整個流程圖後，想把關鍵部分在RTX上發給老大看看，於是不得不使用 Office Visio 流程圖工具解決。其實我不爽這個軟件很久了，但又沒有什麼合適的替代品，所以每當畫web流程圖時，都十分無奈。先貼出剛出爐的部分流程：
其中關鍵部分由於涉及商業機密，這裏用簡單英文替代了。不爽的原因如下：
1、Visio流程圖的默認漢字字符爲8pt，而默認頁面顯示寬度爲75%，這就意味着，除非每次都調整設置一下，不然在進程框中輸入的漢字基本是看不清的…囧。當然，通過“工具-選項”的高級設置，默認值是可以修改的，但相信90%以上的人都沒有想到，或不知道在哪。實際上，漢字大小需要調整到12pt才能看清（你能看清上圖中的漢字麼？）；
2、頁面和字體小就算了，流程圖的背景還是可惡的小方格，小方格就算了，流程框的背景顏色還是灰色。我不能確定這樣的設計是否符合 W3C 標準，但我認爲這種顏色的設計可用性並不好，如果誰有興趣，可以用對比度分析器來檢測一下。如果Visio只是一個很平凡的軟件，或許我不會如此吹毛求疵，但很可惜，它是微軟設計的（Visio 2007中，這SB的小方格設計終於被拋棄了）；
3、Visio默認的背景紙太小了，或許可以理解爲只有一張A4紙大小。在我繪製複雜產品的流程圖時，這種問題就更加凸顯，我不得不將一個完整的流程分割成若干分項流程，除非我放棄使用Visio。實際遇到這種情況時，我也的確是這麼做的；
4、版權問題。隨着微軟打擊盜版的力度加大，很多企業已經卸載了Office產品，轉而使用金山的WPS，如果使用正版，你需要付出不菲的代價；
當然，我並是不是說用 Visio 畫流程圖是一無是處的，畢竟它主要的作用就是如此。同時，相對於其他亂七八糟的流程圖設計工具而言，很多功能細節處理都是非常到位的。所以，如果有數據能證明用 Visio 畫流程圖的人佔絕大多數時，我一點也不會驚訝（不考慮版權因素）。比如 Visio 在流程模塊拖放時的參考線處理、連接線的自動對齊處理、以及將 Visio 流程圖導入到 Word 中是如此方便，甚至可以在 Word 中直接對流程圖進行修改和完善，這一點是其他流程圖軟件不可比擬的。
如何使用 Visio 畫 Web 流程圖呢？網上有很多這方面的資料，我推薦千鳥的一個 Visio 流程圖基礎性總結。當然，除了 Visio，還有很多工具能夠畫好流程圖，這些工具在不同情況下有着不同的作用，也都有自己的侷限性。在這裏給大家推薦幾個我經常用的：
1、紙和筆
沒有比靈光一閃再珍貴的創意，沒有比揮灑自如更好用的工具；所以紙和筆是思考產品結構、框架、流程最好的夥伴。剛入道時，我也十分迷信美觀、工整、專業的流程圖，但實際上，使用軟件的效率還沒有紙筆的十分之一。畢竟在流程構思的最初階段，我們需要的是“如何設計”，而非“如何展現”。最初階段，好的創意和設計是需要大膽塗抹和隨心修改的，所以紙和筆是這個階段最好的工具。缺點是保真度不高，難以表述複雜流程細節；
2、Axure RP
Axure 是在 Web 產品經理中使用率最高的軟件之一，主要作用是幫助網站需求設計者，快捷而簡便的創建基於網站構架圖的帶註釋頁面示意圖、操作流程圖、以及交互設計，並可自動生成用於演示的網頁文件和規格文件，以提供演示與開發。Axure 的流程圖模塊非常簡單，但卻十分高效。結合產品原型DEMO展示時，有着非常好的效果。不足之處就是對中文的支持不夠良好，並且流程框之間的連線沒有 Visio 智能。但畢竟 Axure 並非是專門爲流程圖而設計，這裏推薦一整套Axure原創教程，第六篇詳細介紹了流程圖模塊，我曾經就是看着這套教程學習的，感謝作者 hawking。同時，UCDChina有一個專題，介紹和分析 Axure 相關，是很好的參考資料；
3、Photoshop
Photoshop 是專業的圖像處理軟件，拿來畫流程圖自然是小菜一碟。她能夠處理十分複雜的流程圖，而不受流程圖設計軟件規則的約束；當然，Photoshop 還能設計出非常美觀甚至華麗的流程圖。但問題的關鍵在於，流程圖的價值在於爲了簡單清晰地表示一個流程。雖然Visio的流程圖很醜陋，但不可否認，它足夠簡單。實際上，在畫流程圖上浪費過多的時間是沒有必要的。當然，如果你的 Photoshop 功底還不錯，或者說非常習慣並依賴 Photoshop，那麼在處理複雜流程時還是可以用的，特別是將流程模塊整合進畫筆後，PS是十分強大的。但我總覺得有一點大炮打蚊子的感覺，所以處理流程時我只用過一次；
4、其它工具
PPT、Word、Dreamweave、CorelDraw…這些東西，其實都可以拿來用，但畢竟不那麼專業。當然，主要還是習慣問題。一個專業的需求設計者或者UI基本是不會用這些工具來處理流程圖的；
最後，我想說說 OmniGraffle。在看到 Felix Ding 的這篇被轉貼無數的“畫Web流程圖的一點心得”之前，我甚至還不知道這個蘋果主機上的軟件，瞭解後才發現，這不就是我夢寐以求的流程圖設計工具麼？！Felix Ding 給 OmniGraffle 的評價是：最好的原型和流程圖繪製工具。可惜我用的還是PC機，如果MAC兼容性在好一點，說不定我也去買個蘋果小白了……怨念啊……
用 Visio 畫 web 流程圖雖然是無奈之選，但畢竟大家都在用，並且也沒有什麼更合適的軟件了。雖然沒用過 office Visio 2007，但我更更期待有個能與 Visio 媲美的，與 OmniGraffle 一樣強大的PC機流程圖軟件出現，最好不用擔心版權問題，有這樣的軟件麼？
