最近微博流傳一張圖,產(chǎn)品經(jīng)理的能力框架圖. 其中現(xiàn)在國內(nèi)主要把Axure用作原型制作工具. 但我覺得Axure還是有一些局限性.這里我強烈建議Flashbuilder作為原型工具.  

 

之前國外的一個設(shè)計師寫的 拋棄線框圖 http://www./bbs/read.php?tid=237 里面可以看到國外喜歡使用的Balsamiq, OmniGraffle, 為什么產(chǎn)品經(jīng)理需要用這些新的工具,為什么我推薦Flashbuilder.

產(chǎn)品經(jīng)理作為制定需求的同時最重要的就是在需求傳遞過程中不會被他人錯誤理解或歪曲,文字表訴不能直接達到實際真實的情況,這也是為什么要拋棄線框圖. 直接進入需求原型設(shè)計.

實際上最好的產(chǎn)品經(jīng)理應(yīng)該能把設(shè)計師或前端工程師工作完成,通過psd或HTML js 直接把最終的產(chǎn)品原型設(shè)計出來. 但由于一方面能力問題,和時間成本問題.產(chǎn)品經(jīng)理沒辦法做成實際的效果. 自從有了原型工具,例如axure,這種接近實際產(chǎn)品原型就能更好的加速工作和方便理解.

但axure做出來的還是很實際產(chǎn)品有很大差距, 很多隱藏的功能還是只能通過文字描述,就例如 拋棄線框圖 這篇文章提到的 很多人直接看原型,那些描述的角標文字很容易就被人忽略了.

另一方面產(chǎn)品的交互越來越復雜,因為技術(shù)的歷史原因,現(xiàn)在web還是類似php單一過程運行的模式, 這也是之前為什么線框圖流行的原因,但隨著ajax出現(xiàn), web應(yīng)用為什么要做成一個一個頁面的形式, 請看新版的twiiter界面,http://www./bbs/read.php?tid=252, web應(yīng)用發(fā)展方向就是應(yīng)用App的一個大頁面下的局部交互. 隨著nodejs的發(fā)展,前后端結(jié)合更緊密.  舉個簡單的例子 登錄框,在錯誤的情況下,登錄框的顏色,形狀,提示信息都會相應(yīng)改變.就是說一個小功能就會有很多狀態(tài).

axure的左邊的頁面結(jié)構(gòu) 隨著交互的復雜已經(jīng)不再適用, 就像ipad上的很多App沒有太多頁面,一般3個頁面就差不多了.更多都是局部的交互改變. 實際上axure的動態(tài)面板功能可以解決這個問題,但動態(tài)面板不容易管理和重復使用.

為什么使用Flashbuilder作為原型開發(fā).

1 Flashbuilder是一款開發(fā)工具,理論上沒有做的不到的功能

2 效率上時間成本上也容易操作和使用, flashbuilder的flex mx和spark的2套界面框架和Hero4.5 可以通過簡單推拽控件就能快速描述原型,而且控件的美觀度和功能遠遠大于axure, 例如axure的下拉框不可能有輸入自動完成功能, 而flex里面的combobox控件自帶自動完成功能. textinput 輸入框控件在錯誤時的顏色變化都是自帶的功能. 用戶體驗比axure的控件用戶體驗高很多.

3 state功能相當于axure的動態(tài)面板, 通過類似html的mxml簡單代碼 就可以定制一個局部界面的很多狀態(tài).  axure根本無法設(shè)計復雜的交互切換狀態(tài)功能

4 動畫過渡效果. 移動應(yīng)用設(shè)計 這些都是axure沒有的, 現(xiàn)在的web還是用戶點擊,然后用戶等待,然后頁面刷新,用戶根本不知道是否已經(jīng)點擊到了網(wǎng)頁鏈接,不知道什么時候出現(xiàn)新的頁面. 好一點的做法是點擊后出現(xiàn)loading的字樣或動畫gif圖標提示. 但從蘋果ios系統(tǒng)和win7系統(tǒng)中,當用戶點擊了一個東西后要有一個動畫過渡效果, 例如淡入淡出,用戶很容易知道確實點擊到了鏈接,動畫開始發(fā)生動畫結(jié)束出現(xiàn)下一個頁面.用戶能明確知道每一個狀態(tài)而不是不停的亂點重試. flex的動畫效果是目前js都無法做到的,想要給用戶帶來好的用戶體驗必須使用先進的工具否則連想法都沒有怎么才能做出來呢.

當然 axure還有一點就是注釋和輸出文檔功能比較方便, 但現(xiàn)在word或excel做文檔是無法替代的, excel也是產(chǎn)品經(jīng)理分析數(shù)據(jù)的必備工具.excel2010的smart art 做流程圖也很方便, 所以產(chǎn)品經(jīng)理最應(yīng)該掌握的兩個工具就是excel和flashbuider.   近2年mindo這種思維導圖工具很流行,做一些大方向框架圖非常直觀,忽悠老板和大眾的必備工具 也勉強算一個吧. 至于做ppt,我看到的做的比較好的范例是html5的演示,http://slides./ 但做這個ppt需要一定編程能力.也許以后html5能解決做ppt的交互問題.