電商遊戲頁面改版

將原本分散的點擊區域進行邏輯整合,不僅提升了系統運行效率,也讓後台配置更具彈性。

專案類型

自主發起優化

專案類型

自主發起優化

平台

Web( 含 RWD 設計)

執行時間

2020

負責內容

確認行銷需求,推動介面優化,並與 RD 協作落地

專案背景

原先活動的九宮格設計,讓行銷操做及設計改版的成本較高,同時機制上的運算也較為複雜,若使用者在網路不佳的狀態下進行跑圖、運算,可能造成遊戲體驗不佳。因此發起遊戲介面的優化,讓使用者體驗及遊戲設置的兩個面向都能變得更加流暢,同時增加遊戲變化性和對使用者的吸引力。


設計流程

1. 確認需求:確認 PM、RD、MK 對遊戲的建議及需求
2. UI 介面調整:收整需求規劃調整介面
3. 確認可行性:與 PM 核對開發細節
4. 遊戲視覺設計:視覺製作及動態引導規劃
5. 交付開發 


設計目標​


使用者面

1.  簡化點擊範圍、操作更加直覺,降低複雜度
2. 減少機制運算,避免跑圖或運算可能導致體驗不佳
3. 增加遊戲變化性,保持使用者的新鮮度


遊戲設置面

1.  遊戲任務的設定需要至少 9 種或其倍數,希望可以更靈活運用
2. 簡少出圖的數量,同時降低機制運算的部分
3. 遊戲變化增加,可發展多種視覺來搭配各種節慶氛圍吸引消費者遊玩 如:抽籤、抽紅包、開寶箱 .... 等


介面調整

優化後的第一版設定為扭蛋機,搭配 CSS 動畫讓按鈕旋轉,增加遊戲趣味度。在獎項抽出的 POPUP 也設定為無圖片純文字設定的方式,降低因為獎品名稱過長而出現的跑版問題。


PROTOTYPE

Create a free website with Framer, the website builder loved by startups, designers and agencies.