墙饰产品移动端游戏化之界面设计

黄晓彬 广东海洋大学寸金学院

引言：随着时代的发展，智能手机端移动游戏已经是用户追捧的主流方式，众多用户通过游戏进行交互性的物品买卖交易，而游戏界面则是动态交互的重要媒介，良好的游戏界面具有趣味性，更容易促进用户产生强烈的购买欲。

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 手绘风格。《墙饰猎人》可以在IOS终端上运行，背景以厚重斑驳金属材质，衬托出木丝板的华丽，结合3D立体的处理，既经典又时尚。

3.3 布局。设计师还要考虑到移动手机的物理尺寸，而就iphone各个版本综合而言，假设屏幕使用九宫格覆盖的话，单手使用时最舒服的拇指可触摸区域，基本上位于九宫格的中下路，这种规律屏幕越大越突出。而《墙饰猎人》的游戏播放区处于九宫格的上路、中心（即屏幕中心）以上，播放区在九宫格的中上路（即拇指触及不到的位置），以确保用户伸缩手指不会影响游戏进程的观察。