8 是我的第二間新創公司,產品是 B2B 的 SaaS 平台,主要幫助品牌客戶管理客服訊息,並逐步延伸至後續的行銷推廣、客戶數據整合等應用方式。在快速迭代的過程中欠下一些設計債(畢竟迭代方式通常選擇當下最合理或最快的解法,但可能不是最佳解法),陸陸續續蒐集到不少客戶的使用意見回饋,再加上我自己的一些觀察及想法,於營運一年多之後著手進行設計改版。下面是在這次改版任務中的重要優化事項,包含資訊架構更新、Nav 優化、各大功能操作體驗改善等等。
8 提供一站式 Chat Marketing 服務,串接品牌的 LINE@ + Messenger 導入顧客,統一管理客服訊息,同時搭配訊息機器人 + 客戶數據管理平台 + 行銷成長工具,協助品牌轉化流量,打造精準行銷。
先從前期資料蒐集著手,尋找各個角色平常使用 v1 產品時曾遇到的問題。資料來源大致上分為以下幾種:
接下來開始思考設計風格是不是也要跟著大改。與 PM 討論過後,都覺得現在這種圓潤、繽紛可愛的風格其實有吸引到蠻多品牌,我自己認為可能因為用戶多是客服 & 行銷,這兩個領域的從業人員女性比例 > 男性,所以第一眼的視覺風格是可愛的有其吸引力在。(印象深刻的事件:知名女裝電商的 CEO 一看到產品就說「從來沒看過這麼可愛的後台!」)
加上我自己本來就喜歡 + 擅長這路線的設計,也因此最後就決定延續這風格往下走囉~但是有做一些設計質感的提升,當時的設計流行趨勢是卡片、高陰影、高彩度漸層、不規則形色塊、2.5D 插畫,都有陸續使用在新版的介面設計上。
使用的設計參考資料:UX Pin Web Design Trends 2018 & 2019
我是在 Beta 版階段加入的,雖然產品功能眾多,還是把每個功能的 flow 跟 detail 都重做。這麼做的考量是,有些在我入職前就存在的功能,我還不是這麼了解需求的前因後果,全部重來可以幫助我對產品有更深入的了解。整個流程改下來,總共花了快半年的時間才把全部頁面翻完。
整體的設計改善重點包含以下三大方向:
Facebook 每次改版(不是大改版,只是部分功能小改而已)我總是會在動態消息上看到各路網友的抱怨:「救命!剛剛手殘點到新介面,用不習慣我要怎麼切回舊版!」接著往下看留言區,發現很多發生相同狀況的人。每逢新舊版本交替的時節,我認為一個較完善的體驗,除了新版本要做基本的操作說明教學,也一樣要留一條明顯好找的、切換回舊版的道路給用戶,讓人們有心理準備,轉換期即將來臨。
搭配新的 Branding,分別在 1.0 版跟 2.0 的 Navigation 裡面加上可以切換版本的按鈕。
隨著介面翻新,也一併重新整理設計元件庫。
新版 2.0 介面於 2021.01 上線後,品牌客戶感受到自己提出的建議被採納,團隊有實際的改善行動,對整體產品的使用滿意度提升,2021 續約業績成長 Q1 (+110.3%) 、Q2 (+97.0%)
與去年同期比較,2021 新客戶銷售業績成長 Q1 (+43.8%)、Q2 (+20.6%)