東森購物會員中心App設計

專案簡介

東森購物有許多不同的折價券和折抵貨幣可供使用者消費使用，但依照現行會員中心的介面顯示，使用者不清楚自己擁有哪些折價券或折抵貨幣，也就降低了使用者使用的意願，更降低了使用者的黏著度。

我的角色

UI設計、UX設計

我在此專案做了

專案介紹

為了提高使用者使用折抵貨幣的機率，預計將使用者擁有的折價券及貨幣顯示在會員中心的第一個畫面，另一方面為了提高轉換率，在此處設置了新的區塊模組，推薦更多好物商品給使用者選購。

現有問題
1. 現行的會員中心為較舊的資訊架構呈現，使用者在瀏覽的過程，需要花費較多的步驟，才能查看擁有哪些折價券及折抵貨幣。
2. 因搭配行銷策略發行過許多優惠的折扣貨幣，隨著策略改變，部分已經停止發行，至今仍有許多過時的折扣貨幣在市面上尚未使用，但因部分貨幣等同於現金，無法轉換或直接回收，經過初步的調查，有一部分的原因是因為使用者不清楚自己擁有這些優惠折扣。
3. 會員中心現有的「功能」項目，不全是使用者會經常使用的，部分常用功能在第二或者第三步驟，讓使用者需要花較多時間前往。

相關研究及參考

研究國內外的競網，總共10間，包括了「1號會員店」、「天貓」、「京東」、「松果購物」、「蝦皮」、「Lazada」、「momo」、「PChome」、「Yahoo購物中心」，研究項目分成以下兩部分：

資訊架構
1. 除了基本功能外，競網電商還有「常用功能區塊」，每個電商的常用功能不盡相同，常見的有「瀏覽紀錄」、「商品收藏」、「折價券」，如：1號店、京東、天貓...等。
2. 部分電商會增加「優惠/折扣貨幣」、「會員好康」、「為您推薦/猜你會喜歡」等區塊，利用優惠或者好康來增加使用者購物的慾望，藉此提高轉換率，如：1號店、蘇寧易購、Yahoo購物中心...等。
1. 在會員中心加入遊戲化的區塊，可以提高使用者對產品的黏著度，讓使用者可以參與小遊戲，常常與產品App互動，常見的方式有打卡、分享、填寫詳細資料...等，如：松果購物、Lazada...等。...等。
介面設計
1. 以「卡片」方式呈現，區分不同目的性的功能區塊
2. 白底、淡灰色為背景，讓卡片內容凸顯，減少過多的元素干擾
3. 簡約的介面設計
1. 利用色塊來增加畫面的活潑感

結果

我們與需求單位和開發單位來回溝通，在開發資源允許的狀況下，產出了三方都有共識的資訊架構，包含內容有：

，並且依照該資訊架構的前提下，提供了3版的介面風格，最終產出了以下的設計畫面。

回列表