在競爭激烈的台灣房地產仲介市場,如何運用網路吸引目標族群的注意,提升網路服務品質與互動性,已成為房仲業者不得不重視的一環。

台灣房仲業的領導品牌信義房屋,在 2007 年進行網站改版專案,以採用先進的網站企劃軟體-Axure RP 進行網站企劃及網站原型設計,來加強網站的流暢性以及易用度。

以Axure RP進行網站企劃,於專案初期快速確認網站介面與動線設計

透過 Axure RP 設計出來的網站原型,協助專案團隊加速網站介面與功能規格的確認,在有限專案時間內開發完成網站,最後更以整體互動性、便利性榮獲 2007 年 Click! Awards 金手指獎的年度大獎-「最佳網站」。

為了讓網站使用者經驗可以兼顧友善與創新,信義房屋以「iSearch」為核心概念,採用 Web 2.0 網站風格及 AJAX 技術,將房屋物件資訊結合電子地圖,推出混搭式地圖(Mash up)搜尋功能,讓網站訪客透過直覺式的電子地圖,更有效率地瀏覽各種房屋資訊,享受更輕鬆方便的找屋看屋網路經驗。

Web 2.0風格網站挑戰傳統企劃方式

將AJAX技術應用於網站介面上,對網站使用者來說是便利的,但對網站企劃人員及技術開發人員則是一項挑戰。傳統的網站企劃方式與工具,不管採用 Word / PowerPoint 或 Visio,都會遭遇介面精緻度呈現不足,無法驗證互動設計流暢度的問題,往往要等到網站開發完成之後,才能發掘問題,進行大幅的修改與調整。

在有限的專案時程裡,為了避免浪費人力與時間在網站的修改調整,並確保展現優質的使用者經驗設計,因此信義房屋網站專案團隊採用了Axure RP,進行本次網站改版專案的網站架構/動線/介面設計與規劃。

以Axure RP設計各種創新搜尋介面

房屋仲介網站提供給訪客最重要的資訊,除了房屋物件搜尋以及條列查詢結果外,訪客也很在意房屋相關地理資訊與週遭環境。因此,信義房屋網站同時混搭「地圖搜尋」,結合 AJAX 技術,使網站使用者輕鬆操作各種創新搜尋介面。

包括「Flash 捷運搜尋」、「AJAX 篩選搜尋」、「電子地圖整合搜尋」,網頁呈現上充分利用電子地圖介面,讓房屋方位、環境或屋況影像等多媒體資訊,都能在地圖上完整揭露,細部資訊通通一覽無疑。

Axure RP Prototype 易於模擬 AJAX 效果

以「AJAX 篩選搜尋」為例,下圖左側是採用 Axure RP 繪製的網頁線框圖(wireframe),下圖右側則是實際開發出來的網頁介面。

Axure RP 能自動將設計完成的線框圖(wireframe)輸出為 HTML Prototype,操作滑鼠就可以在 Prototype 上點出各項房屋篩選條件的選單,不需要設計許多個頁面來呈現多種篩選條件。換句話說,想要表現網站的互動特性,只要靠著 Axure RP Prototype 一頁就可以抵上 Powerpoint / Visio的 10 幾頁了。

藉著檢視網站原型,在專案初期找出設計問題

再以「電子地圖整合搜尋」為例,下圖左側是採用Axure RP繪製的網頁線框圖(wireframe),下圖右側則是實際開發出來的網頁畫面。

Axure RP 可以將物件查詢結果與電子地圖整合的設計方式,輸出成 Prototype,放在瀏覽器上,來體驗未來完成後的操作經驗與動線,以及結合地圖之後的互動方式。

以此例,經過 Prototype 設計後,發現物件列表頁的長度可能會造成使用者在觀看地圖與物件文字資料時的不便,最後將列表物件數量調整到配合電腦螢幕及地圖的高度。 這個問題如果僅透過 Powerpoint/Visio 所設計的 wireframe,恐怕要到開發完成放到瀏覽器上才會發現,到時候再修改就得耗費更多時間人力了。

Axure RP的Prototype畫面
實際網頁畫面
Axure RP的Prototype畫面
實際網頁畫面

Axure RP 帶來專案實質效益,提升網站使用者經驗

信義「iSearch」所提供的五大創新功能,兼顧人性及 Web2.0 概念,不僅是買賣房屋者最便利的搜尋工具,也能夠大大降低線上看屋障礙,提升看屋親和力與娛樂性,讓線上看屋更普及,房仲業的服務更有效率。

創造出這麼棒的網站經驗設計,還獲得金手指獎的肯定,其背後是整個跨領域專業團隊的努力,而Axure RP則在團隊與工作流程中扮演網站介面設計,定義需求,確認規格,提早檢視使用者經驗的角色。

在網站應用與設計日益受重視的現在,相信 Axure RP 將持續協助網站企劃人員或專案經理,為了創造更美好的網站使用者經驗而做出貢獻。