HTML + jQuery + CSS3 + AI 工具
本案以手機直式操作情境為核心,針對遊戲平台入口頁進行 UX Wireframe 規劃。介面上方集中呈現會員資訊、點數餘額、返回/首頁/設定等高頻功能,讓使用者在進入遊戲列表前即可快速掌握帳戶狀態與主要操作入口,降低搜尋成本並提升使用效率。
在內容瀏覽上,採用雙欄式遊戲卡片排列,讓玩家能在有限的手機螢幕中一次瀏覽更多遊戲項目;同時保留品牌 Logo、遊戲分類與訊號狀態等資訊層級,使畫面在資訊密度與可讀性之間取得平衡。
底部功能列設計為主要操作區,將「分類篩選」、「免費玩/賺錢」、「畫面橫向對應」與「設定」等功能固定於使用者拇指容易觸及的位置,符合行動裝置單手操作習慣。當後台未開啟特定功能時,底部選單會自動精簡,避免無效入口造成使用者困惑。
篩選功能以側邊展開面板呈現,讓使用者可在不離開目前頁面的情況下快速切換遊戲分類。分類項目採用清楚的大面積按鈕設計,並加入展開/收合狀態,讓多層級分類如「其它遊戲」能在有限空間中有序呈現,同時保留後續擴充彈性。
整體操作邏輯以「快速進入、快速篩選、快速切換」為設計核心,透過固定導航、分類面板與狀態回饋,降低玩家在手機端的操作負擔。此 Wireframe 不僅作為 UI 視覺製作前的架構依據,也能幫助企劃與前端工程師提前理解頁面 Flow、功能條件與互動行為,提升後續開發溝通效率。