论文部分内容阅读
摘要：随着科技的发展，移动技术不仅改变了我们的生活方式，也改变了我们玩游戏的方式。本文针对移动端游戏的用户体验难题，提出能够显著提升用户体验的移动端游戏界面交互设计的要点与策略，以实现移动平台游戏界面的信息交互，提升游戏的易玩性和可玩性。
关键词：移动端游戏 界面设计 用户体验
中图分类号：TB47 文献标识码：A
文章编号：1003-0069（2018）04-0118-02
引言
随着时代的发展，以打电话为主要功能的普通手机已经跟不上时代了，以智能手机为载体的移动游戏逐渐成为玩家追捧的主流娱乐方式之一。交互性是游戏区别于其他数字艺术产品的根本特征，而游戏界面则是人机交互的重要媒介。好的游戏界面会让玩家产生强烈的代入感，以及拥有丰富的趣味性。如何从用户体验的角度出发，结合平台特点和用户操作习惯，设计出合理的交互方式使玩家获得满足，是我们面临的新问题。
一、移动端游残界面设计的要点
移动设备的屏幕尺寸越大，用户吸收的视觉内容就越多，游戏玩家获得的游戏体验也越好，但同时对手机操作方式优化的需求也就更为强烈。游戏从PC端和游戏主机平台移植到移动智能终端，在硬件方面会受到显示屏幕、内存、计算能力等诸多方面的限制，从游戏平台之间的显著区别入手，移动端游戏界面设计的重要因素有以下三点：
（一）屏幕大小。智能手机一般具有便携性，与电脑游戏和主机游戏相比较，智能手机体积更小、质量更轻，其屏幕显示范围更有限，并且市面上的手机、平板终端尺寸存在多样性，比如IPhoneX的屏幕对角线为5.8英寸，三星Galaxy Note 8的尺寸为6.3英寸，而平板手机的屏幕尺寸通常可达5到6.9英寸（127到180毫米）。关注智能手机显示屏幕的大小，是设计手机游戏时的重要因素。
（二）人机工程学。移动端游戏用户在玩游戏时，既要实实在在地用手握着游戏设备，还要按照游戏操控规则点击游戏控制器，可能是双手操作也可能是单手点击。这使得设计出符合人机工程学的用户界面变得难上加难。
（三）触摸屏控制。智能手机的人机交互方式以触屏操作为主，相比PC游戏键盘输入方式和主机游戏手柄操控方式，触摸屏没有键盘显示、鼠标、各种模式识别设备等的支持，也就无法依靠可输入、输出的外部设备来完成交互及反馈，只能依靠手指触摸屏幕进行交互。与PC游戏键盘、鼠标的操作相比，触控区域由点变成了面，而且在于玩家手指头面积的大小，考虑到玩家手指大小和操作习惯存在个体差异，对于按钮等响应触控区域的设计就有一定的要求。
二、移动游残产品界面设计策略
针对移动游戏这样的交互特性趋势，移动游戏产品的界面设计策略有如下几点。
（一）优化游戏性能。为了带给玩家流畅的游戏体验，受限于智能手机在显示屏幕、内存、计算能力等硬件方面的限制，在设计移动端游戏时必须将游戏性能摆在第一位，并以性能优先的思维方式去考虑所有设计中的细节问题，包括游戏模型、贴图、特效、动画、程序等。要求设计师在满足游戏流畅运行的前提下，再去提高游戏的美术设计精美程度。在技术方面，对于画面中的重复元素，也要充分考虑资源共用的制作策略，使游戏运行流畅。
（二）简化界面，突出重点。移动终端体积小、屏幕小，在设计时可以通过规划版面布局，扩大游戏操作范围与表现空间，如隐藏设计，可对不常用到的功能进行尽可能多的隐藏设计，有需求的时候出现图标，无需求时隐藏。以此来突出重点，也便于玩家操作。
同时，为了让游戏在不同终端上都能够以正确的比例显示，需要为不同的终端发布不同的游戏版本。
（三）根据手持操作习惯设计界面布局。在移动端游戏与PC游戏和主机游戏不同。在游戏体验设计时，需要考虑这三大游戏平台之间所存在的巨大区别。那么在设计的时候就要充分考虑用户操作的习惯，将操作区域放在人们能够触及到的屏幕区域，并且一定要把最重要的按钮放到屏幕中心。这样玩家可以方便、轻松地单手操作，也可以舒服地以一只手握住游戏设备，另一只手指在屏幕上点击进行操作。
三、移动端休闲游戏《百变推币机》设计与开发实践
（一）游戏策划。《百变推币机》是笔者参与设计开发的一款休闲小游戏，这款移动游戏从“街机”造型中获得灵感，玩家可以通过简单的推币游戏，实现等级提升和丰富多样的功能道具解锁，获得的道具还可以通过提交订单而获得回报。
（二）界面尺寸与色彩设计。《百变推币机》可以在IOS或安卓系统终端上运行，并根据常见手机、平板等移动终端设备的尺寸为游戏设计多个版本供不同设备的玩家下载，以解决游戏界面与屏幕尺寸适应的问题。该游戏的街机风格还体现在界面的美术风格和配色上，游戏的模型和贴图统一体现一种厚重、斑驳的金属质感，结合强大的机械臂、风扇等功能，既经典又时尚（如图1、2）。
（三）界面交互设计。考虑到触摸屏控制的局限性，《百变推币机》的玩法趋向单机体验，跟传统的街机推币游戏相比，《百变推币机》将游戏玩法简化，玩家只需要点触屏幕中金币工厂的区域，金币就能源源不断地生产出来。在操作中做减法是为了减轻玩家负担，但要在简单的操作中给玩家带来快感，就需要增加玩法带来的多变性。比如可以通过选择风扇把金币吹下操作台，最好能刚好落入左右匀速滑动的目标框从而获得双倍积分；也可以选择机械手，直接拾取台面上的钻石道具等（如图3）。
（四）界面布局设计。游戏界面的设计必须考虑到移动设备的物理尺寸，以及应思考用户手握设备的方式。Steven Hoober通过观察分析1333例智能手机使用情况，得出49%的用户使用单手拿手机并使用拇指执行各项操作的结论，并进一步指出：36%的用户使用“握”的姿势拿手机，同时拇指或另外一根手指放在屏幕上，15%的用户使用双手拿手机，其中的90%会竖着拿，只有10%横握，并提出了“拇指区”的概念，即单手使用时最舒服的可触摸区域。以Iphone5 to 5S为例，（如图4、5、6）是拇指区热度图，这幅图大体概括出了使用者拿智能手机以及查看手够不到的区域时的方式。
根据大部分人的操作习惯，《百变推币机》的界面设计首先结合左、右手拇指能触及的区域，将游戏主界面设定为左右对称的视图，然后把最重要的操控按钮放到屏幕中心，并将大部分的功能键、交互按钮放在拇指可以触及的范围内，以确保玩家适度伸展就可以够到，所有交互按钮都远离拇指无法触及的区域（如图7）。
（五）手指触控设计。移动端设备以触屏操作为主，因此游戏界面中按钮的点击反馈互动就需要适合手指触控体验，制作时结合屏幕的物理尺寸来设计图标的像素大小以提升用户触控体验。通常PC游戏（端游、页游）按钮与icon通常在30像素左右，但考虑到触摸屏游戏手指触控与PC游戏鼠标触控的区别，手机游戏的按钮与icon通常要比较大。以苹果iphone5S为例，其屏幕分辨率为1136×640，游戏界面中的按钮与icon通常要设定在80像素以上（如图8）。
（六）界面隐藏菜单设计。完善功能UI、菜单与简洁的操作界面总是一种矛盾。一个游戏里面，玩家几乎要参与所有功能和模块，而移动设备的屏幕空间又是极为有限的，必须尽可能地针对小屏幕进行多层收纳设计，以达到巧妙使用的目的，从而给予用户更多、更友好的体验。《百变推币机》就设置了可隐藏的主菜单：游戏功能界面以居于界面中心的“点击生產”的功能为主，庞大的生产车间、订单管理及游戏等级都隐藏在简单的主界面中，机械手臂、风扇、挡板，一切都是可折叠隐藏的，点击相关按钮，才会展开（如图9）；对于一些其他功能，还可就其无效隐藏方式进行简化，即有需求的时候出现图标，无需求时隐藏。主要操作区域的左边隐藏了游戏的分享设置，玩家可以通过微博，微信等社交工具向好友分享他的生产成就！对称的右边隐藏了游戏的功能设置。这种尽可能隐藏的设计，不仅有效简化了屏幕元素，又给玩家带来了重重惊喜。
结语
移动设备的产品特性决定了运行于移动终端平台上的游戏产品必然受到的一些约束和限制。这些约束和限制决定了设计者需要采用一些特定的设计方法和设计策略，以满足移动游戏界面的设计需求，提升游戏产品的可玩性和交互性，满足用户的游戏体验需求。
关键词：移动端游戏 界面设计 用户体验
中图分类号：TB47 文献标识码：A
文章编号：1003-0069（2018）04-0118-02
引言
随着时代的发展，以打电话为主要功能的普通手机已经跟不上时代了，以智能手机为载体的移动游戏逐渐成为玩家追捧的主流娱乐方式之一。交互性是游戏区别于其他数字艺术产品的根本特征，而游戏界面则是人机交互的重要媒介。好的游戏界面会让玩家产生强烈的代入感，以及拥有丰富的趣味性。如何从用户体验的角度出发，结合平台特点和用户操作习惯，设计出合理的交互方式使玩家获得满足，是我们面临的新问题。
一、移动端游残界面设计的要点
移动设备的屏幕尺寸越大，用户吸收的视觉内容就越多，游戏玩家获得的游戏体验也越好，但同时对手机操作方式优化的需求也就更为强烈。游戏从PC端和游戏主机平台移植到移动智能终端，在硬件方面会受到显示屏幕、内存、计算能力等诸多方面的限制，从游戏平台之间的显著区别入手，移动端游戏界面设计的重要因素有以下三点：
（一）屏幕大小。智能手机一般具有便携性，与电脑游戏和主机游戏相比较，智能手机体积更小、质量更轻，其屏幕显示范围更有限，并且市面上的手机、平板终端尺寸存在多样性，比如IPhoneX的屏幕对角线为5.8英寸，三星Galaxy Note 8的尺寸为6.3英寸，而平板手机的屏幕尺寸通常可达5到6.9英寸（127到180毫米）。关注智能手机显示屏幕的大小，是设计手机游戏时的重要因素。
（二）人机工程学。移动端游戏用户在玩游戏时，既要实实在在地用手握着游戏设备，还要按照游戏操控规则点击游戏控制器，可能是双手操作也可能是单手点击。这使得设计出符合人机工程学的用户界面变得难上加难。
（三）触摸屏控制。智能手机的人机交互方式以触屏操作为主，相比PC游戏键盘输入方式和主机游戏手柄操控方式，触摸屏没有键盘显示、鼠标、各种模式识别设备等的支持，也就无法依靠可输入、输出的外部设备来完成交互及反馈，只能依靠手指触摸屏幕进行交互。与PC游戏键盘、鼠标的操作相比，触控区域由点变成了面，而且在于玩家手指头面积的大小，考虑到玩家手指大小和操作习惯存在个体差异，对于按钮等响应触控区域的设计就有一定的要求。
二、移动游残产品界面设计策略
针对移动游戏这样的交互特性趋势，移动游戏产品的界面设计策略有如下几点。
（一）优化游戏性能。为了带给玩家流畅的游戏体验，受限于智能手机在显示屏幕、内存、计算能力等硬件方面的限制，在设计移动端游戏时必须将游戏性能摆在第一位，并以性能优先的思维方式去考虑所有设计中的细节问题，包括游戏模型、贴图、特效、动画、程序等。要求设计师在满足游戏流畅运行的前提下，再去提高游戏的美术设计精美程度。在技术方面，对于画面中的重复元素，也要充分考虑资源共用的制作策略，使游戏运行流畅。
（二）简化界面，突出重点。移动终端体积小、屏幕小，在设计时可以通过规划版面布局，扩大游戏操作范围与表现空间，如隐藏设计，可对不常用到的功能进行尽可能多的隐藏设计，有需求的时候出现图标，无需求时隐藏。以此来突出重点，也便于玩家操作。
同时，为了让游戏在不同终端上都能够以正确的比例显示，需要为不同的终端发布不同的游戏版本。
（三）根据手持操作习惯设计界面布局。在移动端游戏与PC游戏和主机游戏不同。在游戏体验设计时，需要考虑这三大游戏平台之间所存在的巨大区别。那么在设计的时候就要充分考虑用户操作的习惯，将操作区域放在人们能够触及到的屏幕区域，并且一定要把最重要的按钮放到屏幕中心。这样玩家可以方便、轻松地单手操作，也可以舒服地以一只手握住游戏设备，另一只手指在屏幕上点击进行操作。
三、移动端休闲游戏《百变推币机》设计与开发实践
（一）游戏策划。《百变推币机》是笔者参与设计开发的一款休闲小游戏，这款移动游戏从“街机”造型中获得灵感，玩家可以通过简单的推币游戏，实现等级提升和丰富多样的功能道具解锁，获得的道具还可以通过提交订单而获得回报。
（二）界面尺寸与色彩设计。《百变推币机》可以在IOS或安卓系统终端上运行，并根据常见手机、平板等移动终端设备的尺寸为游戏设计多个版本供不同设备的玩家下载，以解决游戏界面与屏幕尺寸适应的问题。该游戏的街机风格还体现在界面的美术风格和配色上，游戏的模型和贴图统一体现一种厚重、斑驳的金属质感，结合强大的机械臂、风扇等功能，既经典又时尚（如图1、2）。
（三）界面交互设计。考虑到触摸屏控制的局限性，《百变推币机》的玩法趋向单机体验，跟传统的街机推币游戏相比，《百变推币机》将游戏玩法简化，玩家只需要点触屏幕中金币工厂的区域，金币就能源源不断地生产出来。在操作中做减法是为了减轻玩家负担，但要在简单的操作中给玩家带来快感，就需要增加玩法带来的多变性。比如可以通过选择风扇把金币吹下操作台，最好能刚好落入左右匀速滑动的目标框从而获得双倍积分；也可以选择机械手，直接拾取台面上的钻石道具等（如图3）。
（四）界面布局设计。游戏界面的设计必须考虑到移动设备的物理尺寸，以及应思考用户手握设备的方式。Steven Hoober通过观察分析1333例智能手机使用情况，得出49%的用户使用单手拿手机并使用拇指执行各项操作的结论，并进一步指出：36%的用户使用“握”的姿势拿手机，同时拇指或另外一根手指放在屏幕上，15%的用户使用双手拿手机，其中的90%会竖着拿，只有10%横握，并提出了“拇指区”的概念，即单手使用时最舒服的可触摸区域。以Iphone5 to 5S为例，（如图4、5、6）是拇指区热度图，这幅图大体概括出了使用者拿智能手机以及查看手够不到的区域时的方式。
根据大部分人的操作习惯，《百变推币机》的界面设计首先结合左、右手拇指能触及的区域，将游戏主界面设定为左右对称的视图，然后把最重要的操控按钮放到屏幕中心，并将大部分的功能键、交互按钮放在拇指可以触及的范围内，以确保玩家适度伸展就可以够到，所有交互按钮都远离拇指无法触及的区域（如图7）。
（五）手指触控设计。移动端设备以触屏操作为主，因此游戏界面中按钮的点击反馈互动就需要适合手指触控体验，制作时结合屏幕的物理尺寸来设计图标的像素大小以提升用户触控体验。通常PC游戏（端游、页游）按钮与icon通常在30像素左右，但考虑到触摸屏游戏手指触控与PC游戏鼠标触控的区别，手机游戏的按钮与icon通常要比较大。以苹果iphone5S为例，其屏幕分辨率为1136×640，游戏界面中的按钮与icon通常要设定在80像素以上（如图8）。
（六）界面隐藏菜单设计。完善功能UI、菜单与简洁的操作界面总是一种矛盾。一个游戏里面，玩家几乎要参与所有功能和模块，而移动设备的屏幕空间又是极为有限的，必须尽可能地针对小屏幕进行多层收纳设计，以达到巧妙使用的目的，从而给予用户更多、更友好的体验。《百变推币机》就设置了可隐藏的主菜单：游戏功能界面以居于界面中心的“点击生產”的功能为主，庞大的生产车间、订单管理及游戏等级都隐藏在简单的主界面中，机械手臂、风扇、挡板，一切都是可折叠隐藏的，点击相关按钮，才会展开（如图9）；对于一些其他功能，还可就其无效隐藏方式进行简化，即有需求的时候出现图标，无需求时隐藏。主要操作区域的左边隐藏了游戏的分享设置，玩家可以通过微博，微信等社交工具向好友分享他的生产成就！对称的右边隐藏了游戏的功能设置。这种尽可能隐藏的设计，不仅有效简化了屏幕元素，又给玩家带来了重重惊喜。
结语
移动设备的产品特性决定了运行于移动终端平台上的游戏产品必然受到的一些约束和限制。这些约束和限制决定了设计者需要采用一些特定的设计方法和设计策略，以满足移动游戏界面的设计需求，提升游戏产品的可玩性和交互性，满足用户的游戏体验需求。