Guru 的產品定位是金融交易者使用的看盤軟體,在這個產品上,我主要負責功能重新定義、操作流程、介面設計和靜態網頁等。
金融產品不同於一般消費娛樂型服務,初期需要了解該領域專業名詞和目標使用者的具體用法。另因線上已有舊版本,Redesign 時約分為幾個步驟:
確立功能規格後,依據流程設計,延伸出 wireframes,在這個階段,並同時執行簡易測試和 demo,了解新版本是否能有效解決舊版本的問題。
後續依照調整完成的 wireframes,產出相對應的 mockups,而在介面視覺設計上,以簡單沈穩的深色為底,並盡量減少多餘的設計元素,如陰影等,以期讓使用者能聚焦在盤勢等金融資訊。
後續的 Style Guide 文件包含顏色、文字尺寸、按鈕互動狀態和列表等元件的樣式設計整理 。此外因同時產出產品的靜態 HTML,故在文件上也標注 CSS,讓後續平台有新增功能時,能有統一的視覺規範作為參考和遵循。