[好物推薦] 畫 prototype 的好工具 — Axure RP Pro

最近發現了一個不錯的軟體叫 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 文件都一次搞定,啊~啊~啊~我以前在做什麼啊~ (我還是想罵髒話)。

AxureMindManager 並不會讓我變得更聰明,但它們絕對是幫助我提升工作效率的好軟體。把時間省下來,去做更有價值的事情。

代理 Axure 的 Richard 很風趣,他說:我和工程師是在做「真的網站」,而他是專門做「做假的網站,以假亂真的網站 Prototype」。好的假網站,可以讓真網站的開發變得更順!

唯一的缺點,也是最大的缺點,它的價位太高了 (我又想罵髒話了)。

以下是我整理有關 Axure 的文章介紹及使用教學,如果有興趣,可以瞧瞧:

※ 本篇「非」廣告文章,純個人使用心得感想。

你在哪裡?

上週日晚上,去五股參加一個喜宴。

那天天氣不好,只好叫計程車去赴宴。喜宴結束後,雖然是夜晚,但天已經放晴。

我們一家三口在路口攔車,或許有點晚,或許路段冷僻,等了十分鐘,都沒看到計程車的影子。

「爸爸~ 我打電話給計程車,好不好?」小小柯問我
「好啊~ 給你打...」我邊笑邊回答

就看小小柯伸出右手,用大拇指和小拇指做出手機的樣子,打起電話...

「喂~ 計程車,快來載我...」小小柯煞有其事說著
「你要跟計程車說,你在哪裡。」我說道

「喂~ 計程車,你在哪裡?」小小柯學著講
「不對、不對,你要跟計程車說,你現在在哪裡...」我又氣又好笑

「喂~ 計程車,我在哪裡?」小小柯換了方式講
「哎喲~,你要跟計程車說,你現在在什麼地方,它才知道要過來載你...」我被打敗

「喂~ 計程車,我不知道我在哪裡...」小小柯尷尬地笑著

這猴崽子...

當機……

昨天下午,去工程師家開會。晚上回到家,已經是九點。

晚上十點半,坐在客廳休息,開了電視,開了電腦,想要邊工作邊看電視。

但,不論我怎麼開機,電腦就是停在進入 windows xp 後的桌面,滑鼠還能動,但點什麼都沒用,硬碟燈也沒閃。

我前前後後重開了好幾次,安全模式也試過,覺得會卡住的軟體也解除安裝,但還是一樣的狀況。

我嘆了一口氣,再次重開機,然後按下「Acces IBM」那個按鈕,準備將電腦 (c:) 重新格式化,恢復成最原始的狀態。

回到書房,邊看漫畫 (鄰家女孩) 邊重裝電腦,防無聊。

啊~ 昨天 3 點睡。
啊~ 今天 2 點睡。

好愛睏...

一個人大便

今天晚上,回蔡頭娘家吃飯。

一進門,我帶小小柯去廁所洗手,眼尖的我,發現靠近洗手台的地板,有一隻油亮油亮的蟑螂在爬行。

我立即把小小柯抱了出來,深怕蟑螂一時興起,飛了起來,讓小小柯在 3 歲 5 個月又 10 天時,種下一生揮之不去的陰霾。

我家是很少有蟑螂的,主要歸功於蔡頭的愛乾淨。一旦發現蟑螂,都是用最「衛生」的方式殺死牠~ 淋酒精 (說真的,叫我用拖鞋打蟑螂,內臟四濺,有點噁...)。

蔡頭娘家沒酒精,我叫蔡頭拿熱水給我,但蔡頭娘家沒有熱水瓶或開飲機,沒有熱水。丈母娘叫我用抹布捕捉蟑螂,身為女婿的我,本該表現得勇敢有氣魄。但面對蟑螂,我不得不表現出我的脆弱,我不敢~。

後來,是丈母娘陪著小小柯進廁所洗手,順便查看是不是真的有蟑螂在裡面,或許蟑螂通人性,沒有出現。

小小柯吃飯吃到一半,說他想大便,便自行脫掉褲子,蔡頭帶著小小柯進去廁所、坐上馬桶後,便溜了出來...

「媽媽~ 為什麼讓我一個人大便?」小小柯在空盪的廁所嚷嚷著
「媽媽怕蟑螂...」蔡頭比我還害怕蟑螂 100 倍

「我不要~ 進來保護我~」小小柯哀求
「你大完便之後,再叫媽媽來幫你擦屁股...」蔡頭皺著眉頭說

就這樣,蔡頭忍痛拋下愛子一個人在廁所大便。不過,還好蟑螂識相地沒有出現...

■ 延伸閱讀

* 殺蟑劑.殺蟑記…

[代貼] 0524 慈善跳蚤市場活動通知

響應大陸四川賑災,邀請街坊鄰居共同參與本週六 (5/24) 慈善跳蚤市場活動,您的家裡有任何物品皆可捐出來進行義賣,所得我們將全數捐給紅十字(指名四川賑災),未賣出之物品則轉送給育幼院。

* 時間:5/24(六) 早上11點~下午2點
* 地點: 和平東路一段230號 (九品牛羅鍋門口,彰化銀行對面)
* 義賣商品:請大家捐出家裡的物品(新品/二手皆可),請於本週五(5/23)晚上 8點以前送到九品牛羅鍋。
* 義賣所得:將全數捐給紅十字(指名四川賑災),未賣出之物品則轉送給育幼院。

有錢出錢,有力出力~