墻飾產品移動端游戲化之界面設計

黃曉彬 廣東海洋大學寸金學院

引言：隨著時代的發展，智能手機端移動游戲已經是用戶追捧的主流方式，眾多用戶通過游戲進行交互性的物品買賣交易，而游戲界面則是動態交互的重要媒介，良好的游戲界面具有趣味性，更容易促進用戶產生強烈的購買欲。

1.移動端游戲界面設計的要點

移動端游戲界面設計的重要因素有以下三點：

1.1 屏幕大小

智能手機需要手握攜帶，其屏幕顯示范圍更有限，而尺寸存在多樣化，例如iphone的屏幕對角線樣式更多。

1.2 人體工學

移動端用戶既要手握著游戲設備，還要按照游戲操控規則點擊游戲ui控件，可能會單手點擊也可能會雙手交替點擊。

1.3 觸摸屏控制

與常規的鼠標控制比較，智能手機里頭點的觸發變成了面的觸發，而用戶手指大小不同，其面積不同則決定了按鈕之類的觸發區域的像素高低。

圖1

圖2

圖3

2.“墻飾獵人”界面構思策略

2.1 加強界面間的系列化。系列化的色調和造型可以最大化降低用戶的理解難度，減少操作成本為減少常識，視覺疲勞。應該降低色彩的整體純度與明度。首要問題是確定首頁主色調，考慮到用戶長時間操作的視覺疲勞問題，手游界面的顏色不適宜用太鮮亮的顏色，其他分屏頁面基本可采用相同的色調，保持整齊一致的感覺（如圖1）。

2.2 交互行為統一化。在游戲各個頁面銜接之處建立交互原型，不同類型的行為觸發后其交互行為需要整體一致。層級繼承關系的統一要給人似曾相識燕歸來的感覺，例如，用戶的任務界面設置了“確認”的按鈕（如圖2)，那么“首充禮包”界面這類的功能相似的界面的設置也要行為同一化，界面上要設置“購買”的交互按鈕（如圖3）。

2.3 統一化的操作位置。按鈕觸發事件的準確率，與按鈕位置的變化率成反比。如果一款游戲的按鈕不固定地頻繁更換位置，根本無法實現用戶操作簡便、容錯性高、方便記憶等效果，用戶會失去游戲興趣，過多的學習成本只會令用戶感到負擔。

在手的自然舒適度方面，Steven Hoober對“手”研究成果走在了前沿，并提出了“拇指區”的概念。除了單手雙手方式之外，將按鈕設置在兩拇指能夠觸及到的屏幕區域，并且一定要把最重要的按鈕放到屏幕中心或中宮（九宮格）。其目的有兩方面：一是方便用戶單手拇指操作，二是輕松地一手握手機，另一手的手指在屏幕點擊滑動（如圖4）。

圖4

2.4 目標反饋。適當的狀態提醒，有助于用戶更加專注，并且思考目的是否達到。例如提示“注冊成功”、“獲得元寶”等（如圖2、圖3）。

3. 移動端益智游戲《墻飾獵人》設計與開發實踐

3.1 策劃《。墻飾獵人》是為了提高木絲板墻飾的產品銷量而開發的，用戶通過墻面裝飾的游戲環節，得到積分提升，有了積分則輸入手機號兌換優惠券，并在第三方提交手機號而獲得墻飾品的實物獎勵。

3.2 手繪風格?！秹︼棲C人》可以在IOS終端上運行，背景以厚重斑駁金屬材質，襯托出木絲板的華麗，結合3D立體的處理，既經典又時尚。

3.3 布局。設計師還要考慮到移動手機的物理尺寸，而就iphone各個版本綜合而言，假設屏幕使用九宮格覆蓋的話，單手使用時最舒服的拇指可觸摸區域，基本上位于九宮格的中下路，這種規律屏幕越大越突出。而《墻飾獵人》的游戲播放區處于九宮格的上路、中心（即屏幕中心）以上，播放區在九宮格的中上路（即拇指觸及不到的位置），以確保用戶伸縮手指不會影響游戲進程的觀察。