
給點活動設計
Sass系統

專案簡介
產品痛點
消費給點有助於商店業提升,但目前產品點數功能無法滿足品牌所需
擔任角色
需求釐清、Wireframe、UI/UX設計、易用性測試
專案目標
追趕競品功能,提供品牌客戶多元的點數活動機制,進而吸引會員回購,增加業績動能
預期成果
透過本次開發新的點數活動功能,預期提升 15% 點數帶來的業績
透過需求訪談定義功能
透過公司業務了解主要品牌的需求,統整出下列 6 大功能與14 種維度設定,並列出與「消費型給點」的對照,讓品牌客戶可於公司的Saas系統後台進行設定,吸引會員回購,增加業績動能。


設計流程

設計前期
專案開始前,設計師會先針對專案與Product Owner與公司業務單位進行需求對焦。接著,便開始進行一場設計風暴,介面流程規劃其中包含:Wireframe、UI Flow以及UI設計,進入開發前,會先與相關單位以及設計師們一同討論專案設計內容。
開發階段
進入Sprint即開始進入團隊程式開發階段,此時隨開發遇到的狀況隨時調整設計,並進行UI畫面測試。在產品上線前,會安排一場易用性測試,廣邀公司同仁使用產品並給予回饋。最後會將易用性測試結果依照優先序,在上線前抓緊最後時間進行微調優化,確保上線的品質。
功能地圖 Functional Map
將「品牌客戶」以及「消費者」這兩個角色,使用使用者故事的方式,歸納出各自的功能地圖 (Functional Map),不僅可看見產品功能的全貌,也很適合跟開發團隊確認功能。

後台設計展示
提供品牌客戶可於91APP後台使用給點活動相關功能,以下展示主要功能的重點頁面
.png)
不同會員等級可設定不同給點條件
品牌客戶可依照不同會員等級設定其消費後回饋的點數百分比(%)以及給點上限
可設定不同的給點效期
依據品牌客戶的需求,提供四種不同的給點效期方式設定,本次因應客戶需求,消費者於參與點數活動後,能快速使用掉點數


前台設計展示
以iOS APP示意消費者的UI Flow,消費者於品牌官網購買商品時,可透過給點活動展示頁挑選指定商品,消費滿額可獲得額外點數,當商品鑑賞期過後,即可獲得活動給予的點數,並可在會員點數中心查看,於下次消費即可消費進行點數折抵。





透過易用性測試,確保產品上線品質
前期準備
-
首先設計任務卡,定義 2 種角色:消費者&品牌客戶,接著列出角色是誰? 當下情境為何?任務是什麼?
-
由於開發裝置包含:APP(iOS &Android)、Web、Mobile Web,功能又分為前台官網/APP以及後台,因此分成多組人馬進行測試,於易用性測試當天,會由團隊人員分別擔任測試者以及紀錄者(2人一組),一次只專注於一個裝置&一個任務上。(備註:我於Medium有撰寫一篇「身為設計師的你,不妨使用易用性測試讓產品上線不NG(上)」的文章)


易用性測試搭配放聲思考法
當受測者聆聽任務後,便開始進行介面操作,過程中會請受測者大聲說出正在操作什麼? 以及內心的想法是什麼?另一名團隊同仁將會協助紀錄。
測試結果
易用性測試結束當天,我與團隊快速將問題收集後,開始討論與篩選優化項目,接著我與PO一起討論優化項目的優先序,接著請工程師評估開發時間,最終排序「高」的項目均於專案上線前就修改完畢,而排序在「中&低」則列入產品待辦清單(Product Backlog),於未來若有迭代功能時,可拿出來優化。
