網站開發的最前線 - 視覺化的溝通 Axure RP

網站開發的過程中會有許多不同領域的專家投入共同作業，如果是同一個人身兼數職的情況則較不會有溝通方面的問題，因為本身即可將腦中的概念具體化並實作出來，最能夠製作出符合需求的網站。當網站是由幾位甚或分工更細的團隊執行製作時，隊員間的溝通協調就相當重要，尤其是創意概念要清楚地傳達給每一位隊員，團隊就能目標一致，也不會發生規劃人員所要的是一部四輪SUV，但執行製作的隊員以為是要做一部參加甩尾大賽的甩尾車，結果進行到一半才發現雞同鴨講的時候，要來做個大轉彎時可就費時費力了。

俗語說一圖勝千語，用文字溝通時，在每個人腦海中所浮現的影像會因為每個人過去的經驗而大大不同，這也是小說迷人之處，在閱讀的過程中每個人能依照書情節在腦海中自由發揮搭建出屬於自己的情節畫面，浸淫在天馬行空的虛幻國度裡，而看電影則已經被電影所呈現在畫面限定住，每個人所看到的不會有太大的差異；當網站在規劃時最好也能夠把概念、使用者介面設計圖像化，如此在進入實作階段能夠有效準確地與各有所長的隊員們溝通，減少誤解與錯誤。

Axure RP是專為網站規劃時所需的視覺溝通所設計的軟體，其強大的功能讓規劃人員非常清楚地將網站介面、功能、流程....等細節以貼近實際網站的視覺操作方式呈現，當完成規劃後可以直接輸出整個網站，而且可以實際操作整個流程，就跟真的網站一樣，差別只在於實際的內容及功能。而其使用方法跟一般辦公室軟體很接近，能夠輕易的上手使用，接下來我們就先看看Axure RP 的介面。

Axure RP的最上方與一般軟體相同，有功能表與功具列，而其工作區則包含網站規劃所需的功能。

1. Sitemap:這裡提供網站樹狀圖，可以很清楚明瞭地看出網站所有頁面的從屬關係，也能從這裡 新增頁面，亦可以由此直接輸出樹狀結構圖方便討論。
2. Widgets：預設有各種網站常會用到的元件，例如按鈕、選單、表格、文字輸入框.....等，能夠節省許多規劃的時間，而且還能載入別的Widgets資料庫方便進行不同風格或功能的規劃，例如 iPhone的相關元件，因此也能將Axure RP拿來規化iOS的App。
3. Masters: Axure能夠讓使用者客製出重覆使用的元件或功能，例如整個網站都會有的頁首與頁尾，所以使用者只需設計一次就能重覆在整個網站裡使用，節省時間與資料量，這就像實際設計網站時用CSS呼叫頁首與頁尾一樣。
4. 畫布：這裡就是實際設計網站外觀介面的地方，在這裡設計出業主想要的風格及加入實際可操作的功能來與業主或團隊溝通。
5. 在此寫入註解、設定頁面效果及頁面的格式
6. Widget Properties: 在這裡能夠設定元件的屬性、互動效果與格式，其中設定互動效果的功能相當重要，它可以讓元件產生實際使用網站的功能，例如：在新視窗中開啟頁面。
7. Dynamic Panel Manager：這個是Axure裡很重要的功能，它能夠產品現今許多動態網頁的效果，讓規劃完成的網站能極度類似真正網站的效果。 以下貼支影片來了解Axure所製作出來的規劃案是會長什麼樣子。