top of page

給點活動設計

Sass系統

點數活動index.png

​專案簡介

產品痛點

消費給點有助於商店業提升,但目前產品點數功能無法滿足品牌所需

​擔任角色

需求釐清、Wireframe、UI/UX設計、易用性測試

​專案目標

追趕競品功能,提供品牌客戶多元的點數活動機制,進而吸引會員回購,增加業績動能

預期成果

透過本次開發新的點數活動功能,預期提升 15% 點數帶來的業績

​透過需求訪談定義功能

透過公司業務了解主要品牌的需求,統整出下列 6 大功能與14 種維度設定,並列出與「消費型給點」的對照,讓品牌客戶可於公司的Saas系統後台進行設定,吸引會員回購,增加業績動能。

六大維度.png
點數比較_edited.jpg

設計流程

設計流程.png

​設計前期

專案開始前,設計師會先針對專案與Product Owner與公司業務單位進行需求對焦。接著,便開始進行一場設計風暴,介面流程規劃其中包含:Wireframe、UI Flow以及UI設計,進入開發前,會先與相關單位以及設計師們一同討論專案設計內容。

開發階段

進入Sprint即開始進入團隊程式開發階段,此時隨開發遇到的狀況隨時調整設計,並進行UI畫面測試。在產品上線前,會安排一場易用性測試,廣邀公司同仁使用產品並給予回饋。最後會將易用性測試結果依照優先序,在上線前抓緊最後時間進行微調優化,確保上線的品質。

功能地圖 Functional Map

將「品牌客戶」以及「消費者」這兩個角色,使用使用者故事的方式,歸納出各自的功能地圖 (Functional Map),不僅可看見產品功能的全貌,也很適合跟開發團隊確認功能。

點數活動funtional map功能地圖.png

後台設計展示

提供品牌客戶可於91APP後台使用給點活動相關功能,以下展示主要功能的重點頁面

後台 (1).png

不同會員等級​可設定不同給點條件

品牌客戶可依照不同會員等級設定其消費後回饋的點數百分比(%)以及給點上限

​可設定不同的給點效期

依據品牌客戶的需求,提供四種不同的給點效期方式設定,本次因應客戶需求,消費者於參與點數活動後,能快速使用掉點數

截圖 2021-09-11 下午6.31.21.png
截圖 2021-09-11 下午6.31.35.png

前台設計展示

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

點數UI FLOW.png
給點活動規則.png
點數活動頁放大.png
點數活動_購物車UI放大.png
測試照片.png

透過易用性測試,確保產品上線品質

​前期準備

  1. 首先設計任務卡,定義 2 種角色:消費者&品牌客戶,接著列出角色是誰? 當下情境為何?任務是什麼?

  2. 由於開發裝置包含:APP(iOS &Android)、Web、Mobile Web,功能又分為前台官網/APP以及後台,因此分成多組人馬進行測試,於易用性測試當天,會由團隊人員分別擔任測試者以及紀錄者(2人一組),一次只專注於一個裝置&一個任務上。(備註:我於Medium有撰寫一篇「身為設計師的你,不妨使用易用性測試讓產品上線不NG(上)」的文章)

後台-使用性測試任務卡.png
前台-使用性測試任務卡.png

易用性測試搭配放聲思考法

當受測者聆聽任務後,便開始進行介面操作,過程中會請受測者大聲說出正在操作什麼? 以及內心的想法是什麼?另一名團隊同仁將會協助紀錄。

測試結果

易用性測試結束當天,我與團隊快速將問題收集後,開始討論與篩選優化項目,接著我與PO一起討論優化項目的優先序,接著請工程師評估開發時間,最終排序「高」的項目均於專案上線前就修改完畢,而排序在「中&低」則列入產品待辦清單(Product Backlog),於未來若有迭代功能時,可拿出來優化。

截圖 2021-09-11 下午6.08.02.png

​快速列出需優化的排序項目(如上圖)

收穫與學習

推出MVP產品要懂得掌握核心功能
每次專案想做的功能都非常多,覺得所有都是對用戶有幫助,然而開發時間總是有限,透過與公司的客戶窗口討論,哪些功能是Must to Have,而哪些又是Nice To Have,是重要的課題!

符合用戶需求的功能才是好功能
釐清用戶需求是在設計產品最重要的一環,而當著手進入UX/UX設計時,又會將產品看得更加深入,當某些功能自己也不清楚客戶是不是需要的時候,「問」就是一個非常好的解法,本次專案有許多功能都透過公司業務單位了解客戶,從而得知哪些功能能貼合客戶需求,達到產品真正的作用!

若有工作機會或設計專案想聊聊,歡迎與我聯繫

linkin logo
medium logo

Hsieh Tsai-Ying 2024 Copyright. All Rights Reserved.

bottom of page