建案銷售系統

背景介紹

據客戶的資料和我們的調查得知,在台灣,用於建案的銷售系統幾乎被某家資訊公司給壟斷,全台八成以上的相關公司都使用該家的系統,但該系統直至今日仍為單機作業軟體,雖會因應客戶不同的需求,提供不同的客製化功能,但單機軟體的限制已無法滿足本次專案客戶的商業行為,因此委由我們設計一網頁版的銷售系統。

客戶想要什麼?

這次專案主要是設計出一個建構在網頁上的銷售系統,最主要功能是讓建商的第一線業務和管理階層可以隨時監控並更新銷售狀況,在專案的前期,光是資料搜集和分析就花了很多時間,中間不停的去採訪客戶公司內的資深銷售人員,目的就是在設計前先徹底了解此行業的商業邏輯和工作流程,下面是一些早在設計開始之前,我們搜集到客戶對於此次專案的重點想法。
1. 為了讓所有人員隨時可以上線瀏覽及更新資料,需要可連網的網頁版系統。
2. 由於會有許多不同的角色同時存在於系統中,因此權限管理也很重要。
3. 操作人員大多對新科技不容易上手,因此希望流程可以盡量簡化。
・權限設定頁面,最高管理者可以進入管理所有使用者的權限

專案角色和流程

UX:和客戶討論及釐清需求,確認產品邏輯。
UI:設計介面。

設計挑戰

1. 產業知識的不足:在整個專案的流程裡面,花最多心力的反而是在了解產業知識,由於網路上和生活周遭可以獲取的知識很有限,所幸客戶很有耐心的和我們講解各種產業流程和經驗,讓我們得以盡可能地做出好的產品。
2. 數據的即時性:建案的銷售流程會碰到許多數據整理和計算,如同上述提到,客戶希望可以簡化流程,讓操作人員降低學習成本,更快地上手,因此在設計時,我們在數據資料的欄位都做了即時運算功能,比如說坪數的加總或是拆分的計算等。
小計會隨著上方的欄位做即時計算
3. 網頁的框架限制:由於客戶預算的考量,這次專案僅提供網頁版本,且沒有RWD,因此使用者們僅能用筆電或是桌機使用這個系統,又因為網頁有它自己的限制,像是隨時可以點選上一頁、使用者會自己修改瀏覽器設定或是有登入時效等問題。

UI重點

我們在專案初期便定好了基本的元件,隨著功能的增加,我們也陸續新增了其他元件,由於這個專案是一個銷售系統,因此一大設計重點會放在資訊的呈現上,我們希望清楚羅列所有的資訊,讓使用這個系統的各個角色都可以在該畫面快速獲得需要的資訊內容。在整個系統裡面,對操作人員和管理階層來說,最重要的功能是銷售控制頁面,它主要是用來反映目前整個建案的銷售狀況,整個畫面是以格狀來示意單一房屋和車位,一格有可能是代表一戶公寓也可能是代表一棟別墅,在停車場部分則是代表了一格停車位。由於考量到進入這個畫面時的情境,通常需要讓使用者即時獲取最新狀況,我們用不同的顏色表示不同的銷售狀態,像是付訂和交屋等,當然若是需要更細節的資料,也有統計資料在畫面下方,同時也在格子中放置icon表示房屋是否有附車位,或是該房屋的銷售是否為使用者自己。還有一個重點是關於多語系的部分,由於客戶的多國語系中包含越語,但越語的文長和金額都比中英文長出很多,且因為此銷售系統提列了大量的金額資訊,因此這部分也花了我們一些時間在調整畫面的排版。
・不同銷售狀態和附註的格子

總結

透過這個專案,我學習到了很多,像是建商的知識和很多不同以往的設計經驗,由於系統裡面需要很多特殊的元件和複雜的計算邏輯,在整個專案進行期間,我們和開發部門幾乎每天都密切的開會討論,中間也遇過因為客戶對設計的不了解或是我們對客戶產業的不了解等等問題,像是碰到客戶直覺認為在他們產業裡面算是非常的基本的常識,因此從未想過需要主動告知,但由於我們所有的專案人員沒人知道,而造成漏做細節的問題,類似的情況發生了大概三四次,最後也只能修改需求和補上漏洞,雖然最後還是順利解決並做完產品,但下次我們已經知道對於這種完全一竅不通的產業,前期需要花更多的時間搜集資料和分析才可以減少後期的問題。