Trubuzz 使用者定位為中港澳的高資產人士,產品功能分為股票交易和財富管理,UI 在舊版上無區分 iOS 和 Android。而在加入這個產品專案後,了解主要問題在於不順暢的流程操作和不一致的介面設計,削弱產品的整體感。
以舊版的註冊登入為例,會先行歸納問題,大致分為:
針對流程改善,產出對應的 flowchart 和 初略的 ui flow, 確認後逐步進行 mockup 設計, 並製作說明文件。
針對產品的視覺設計,以原先色彩方案為基礎,一一整理 UI 元件,如: Text field、Buttons、Tabs、Grid 和 Dialog 等。另外產品原先即有兩種色系版本,故一併整理不同版本的顏色規範。
定義完善的樣式文件,能讓後續新增介面時,UI 和開發端有可共同遵循的規範,並讓產品開發更有效率,此外,加強產品辨識,增進整體感。