top of page
電商遊戲頁面改版
專案類型
自主發起優化
使用工具
Adobe xd / Photoshop
合作對象
PM / RD / MKT
專案背景
原先活動的九宮格設計，讓行銷操做及設計改版的成本較高，同時機制上的運算也較為複雜，若使用者在網路不佳的狀態下進行跑圖、運算，可能造成遊戲體驗不佳。因此發起遊戲介面的優化，讓使用者體驗及遊戲設置的兩個面向都能變得更加流暢，同時增加遊戲變化性和對使用者的吸引力。
設計流程
1. 確認需求 確認 PM、RD、MK 對遊戲的建議及需求
2. UI介面調整 收整需求規劃調整介面3. 確認可行性 與 PM 核對開發細節
4. 遊戲視覺設計 視覺製作及動態引導規劃
5. 交付開發
設計目標
使用者面
1. 簡化點擊範圍、操作更加直覺，降低複雜度
2. 減少機制運算，避免跑圖或運算可能導致體驗不佳
3. 增加遊戲變化性，保持使用者的新鮮度
遊戲設置面
1. 遊戲任務的設定需要至少 9 種或其倍數，希望可以更靈活運用
2. 簡少出圖的數量，同時降低機制運算的部分
3. 遊戲變化增加，可發展多種視覺來搭配各種節慶氛圍吸引消費者遊玩 如：抽籤、抽紅包、開寶箱 .... 等
介面調整
優化後的第一版設定為扭蛋機，搭配 CSS 動畫讓按鈕旋轉，增加遊戲趣味度。在獎項抽出的 POPUP 也設定為無圖片純文字設定的方式，降低因為獎品名稱過長而出現的跑版問題。
Prototype
bottom of page