最近發現了一個不錯的軟體叫 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 的文章介紹及使用教學,如果有興趣,可以瞧瞧:
※ 本篇「非」廣告文章,純個人使用心得感想。
過去的同一天,我還發表了...
- 洗腦神曲~ - 2022
- 老闆的作息 !? - 2013
- 我是你兒子耶! - 2012
- 鶯歌行 - 2011
- [摘錄] 移老樹先斷樹根 中和市長右腳筋同時斷 - 2009
台灣最強網站製作人寫的介紹文, 靠這篇就可以凹他送你一套了!!
然後再寫一篇使用心得, 請他付你廣告費 😀
這軟體的價格對獨立搞工作室的人來說, 真是貴死了…
如果可以少一個零我會買正版
凹東西,或拿廣告費,我就沒資格寫這篇文章了。
看到這句”用Dreamweaver畫有幾個缺點..而且一做就會沉迷,會開始加上顏色、插入圖片”,我是抱著肚子狂笑(狂點頭中),搞到最後會連photoshop也開出來做圖,等企劃書寫好,網設也順便做好了,就差Codeing(maybe再走火入魔點,連程設都自己來)
早先用visio畫wireframe畫的半死,偶然看見MindManager,真是驚為天人,如今又看到這個Axure,還真想找機會試試~
推薦你看這一篇「37Signal 談 UI 開發」
http://ithelp.ithome.com.tw/question/10004281
我們公司不是做網站的公司,而是做軟體的公司,
但是是Web base的公司,以往我們都是用視覺設計做的登入畫面跟系統內頁去跟客戶溝通,
其餘的Spec…就任Sa或PM使用他們習慣的Visio或Word….
現在,我被指派要去Survey要找出做網頁雛型的工具跟方法規劃,
發現Axure還真的蠻適合使用。
我到這裡,又看到您可以跟Axure產品負責的人見面,看到Demo..感覺很羨慕ㄟ。
我也想找他們來Demo…但又不確定最後會不會採用他們的產品。(實在是因為有點小貴!!)
唉呦!可以有什麼方式阿?!可以聯絡他們來[行銷]一下嗎?
Hi May,
我已將您的 Email 轉給 Richard (蔡先生),
相信他會儘快與您聯絡的 🙂