最近發現了一個不錯的軟體叫 Axure，可以幫助網站製作人（網站企劃、Producer、產品經理）畫 prototype，並產出 wireframe, spec 文件。
之所以會知道這個軟體，是有人在 wowTree 的部落格留言，我 google 了一下，才知道這個軟體在大陸還滿多人在討論的，淘寶、當當的 UED 部門都有在使用。
原來，留言的 Richard 是該軟體的台灣代理。很熱情的約我和工程師見個面、聊聊天，順便介紹 Axure RP Pro 這個軟體的操作。雖然，我在赴約之前，就已經上網去做了一些功課，瞭解這個軟體的用途/用法，但 Richard 進行 Demo 操作時，我還是邊看邊心裡暗幹：「 x 的，早點用這個就好了...」。
之前，在Yahoo!奇摩規劃服務，主管教我用 Word 畫 wireframe，但我怎麼畫就是不順手。還好，當時會用 Dreamweaver，於是自作主張用 html 來做 wireframe，不但可以充份表達，而且還能做互動連結，頁面的下方可以寫入 spec，工程師就可以看了頁面之後，直接參考底下的 spec，以便進行程式規劃。
不過，用 Dreamweaver 畫有幾個缺點，並非每個人都能上手，而且一做就會沉迷，會開始加上顏色、插入圖片。不僅花費的時間變多，而且還被視覺設計抗議：「我做得太多，限制他們的發揮空間...」。
後來，公司進行文件規格化，要求 wireframe, spec 之類的文件資料，必須放在公司內部網路，以便其他人參考使用，而且不怕哪天有人「不見了」，資料也跟著隨風而逝。
但是，這個文件規格化的要求，讓我自己吃足了苦頭。雖然公司內部網站的平台可以進行共同撰寫、共同編輯，但卻將 wireframe, spec 分離開來。我得東寫寫、西看看，把資料兜在一起。工程師得左看看、右瞧瞧，見樹不見林。
原本文件化的目的，是為了讓開發工作更順暢、文件可以留底，供日後改版參考。但真正實行之後，反而成了開發最大的絆腳石，後續的改版參考？屁啦！
最近一年，跟工程師合作開發自己想做的新服務—挖趣 wowTree。由於是要用 css + html 的作法，所以我改用 fireworks 這個影像處理工具「畫」wireframe，最後連 mockup 都自己搞定，省錢啊~
但是 wireframe 做成圖，唯一的缺點就是互動性不佳，不能點連結 (雖然可以寫 map area 的語法)，也無法看互動的效果，在頁面溝通上有些卡卡的，只好依賴面對面的溝通講解 (強調一下，無論用什麼方式，都是需要溝通，只是花的時間多和少而已)。
「哎~ 如果能早一點發現這個 Axure，咱們 Producer 生文件就可以輕鬆一些...」我在安裝、試用了之後，對自己這樣說。
Axure 可以畫流程圖、畫線框，就像你在用 word、visio 一樣，而且還可以加入連結、表單的效果，就像你用 Dreamweaver 一樣，還有互動操作的效果，你根本不必學 AJAX 也可以做出一樣的效果，還能輸出成 HTML 直接進行 Demo，真是太~棒~了！
差點忘了提，Axure 還可以把註解在頁面的功能 spec，直接輸出成 Word 格式，PRD 文件都一次搞定，啊~啊~啊~我以前在做什麼啊~ (我還是想罵髒話)。
Axure 和 MindManager 並不會讓我變得更聰明，但它們絕對是幫助我提升工作效率的好軟體。把時間省下來，去做更有價值的事情。
代理 Axure 的 Richard 很風趣，他說：我和工程師是在做「真的網站」，而他是專門做「做假的網站，以假亂真的網站 Prototype」。好的假網站，可以讓真網站的開發變得更順！
唯一的缺點，也是最大的缺點，它的價位太高了 (我又想罵髒話了)。
以下是我整理有關 Axure 的文章介紹及使用教學，如果有興趣，可以瞧瞧：
※ 本篇「非」廣告文章，純個人使用心得感想。
網友留言