10 适应平台

手机游戏用户体验基础之:10 适应平台。主要介绍适应ios平台,毕竟所有的产品都会运行在平台上,适应平台会让产品操作起来得心应手。

1、与UI常用元素表意不冲突

1)用户已经在平台上有了经验,延续用户的经验会让表意容易理解。
2)不要用系统的图标代表其他含义。
3)创建自定义的行为或图标,要确保用户可以理解。

例:下图中, 设置、邮件、帮助等和系统的图标表意不冲突。
20131023_iospingtai_jiaohuyuansu

2、游戏方向不是设备默认方向时

1)只在自己定义的方向运行。
2)不要显示任何屏幕调转提示。
3)支持180度反转。

20131023_iospingtai_fangxiang

3、不要求用户保存

给用户信心,他们的操作总是被保留,除非他们明确取消或者删除。
20131023_iospingtai_bubaocun

09 术语和措辞

手机游戏用户体验基础之:09 术语和措辞,粗略的点了一下要注意哪些要点。

以用户为中心的术语和措辞

20131023_shuyuhecuoci1)使用的术语,确保用户可以理解
2)使用非正式和友好的基调,但是别太随便。
3)表达简洁易懂,可轻松看懂。(不要让你的用户觉得自己像报社的编辑,阅读冗余而不必要的文字)
4)日期描述准确。北京是白天,在纽约却是黑夜,如果使用明天、傍晚等含糊的时间词汇,就会造成时间理解的偏差。

08 图标和图形

手机游戏用户体验基础之:08 图标和图形 。图标是品牌的重要组成部分,在做产品时必须要一起足够的重视,本篇文章分为图标和图形两部分。

1、图标

1)图标作为游戏品牌的重要组成部分,是一个展示游戏的机会。
2)图标是独特的,整洁的,耐看,和令人难忘的。
3)确保在不同的背景下很好看。
4)对图标做点击率和转化率的用户测试。

例:通常用户会装很多游戏,确保我们的图标是独特耐看的;我们也不确定用户是使用什么样的背景,只能尽量在各种背景下确保清晰可辨。
20131023_tubiaohetuxing_tubiao

2、图形

1)支持视网膜显示屏
2)以原始宽高比显示图片
3)不要使用别人有产权保护的图形图片。

例:确保图片在默认情况下就是最清晰的原始大小,避免用户放大或缩小去看。
20131023_tubiaohetuxing_tuxing

3、形象化的创意用户更喜欢

20131023_tubiaohetuxing_xingxiang
更具有真实感的外观和行为,更具有身临其境的场景感,用户更愿意花费时间去互动。

例:模拟老虎机的样子,营造身临其境的感觉。

 

 

 

 

 

 

07 颜色和字体

手机游戏用户体验基础之:07 颜色和字体。本篇分为颜色、字体两部分;尤其要注意交互元素和非交互元素的颜色使用。

1、选择一种颜色来表达交互和状态

1)考虑选择一种颜色来表达交互和状态。
2)交互元素和非交互元素避免使用同一种颜色。
3)不要让颜色分散用户的注意力,通常让颜色起到微妙增强的作用。
例:看下面两张图的对比
20131023_yanseheziti_yansejiaohu
[左图]互动元素的颜色超过4种,界面上的操作重点不明显,整体感觉混乱。
[右图]基本用红色来表达互动颜色,主要操作重点突出。

2、关注色盲

20131023_yanseheziti_semang

关注色盲,在同一个界面中不要使用红色和绿色来区分同一个元素的状态。

3、注意不同环境下的颜色对比

注意不同环境下的颜色对比,尤其注意在室外较强时,所用颜色能很好的区分清楚。
例:下图为在强光下的效果,有些设计不好的图标已经分辨不出了。
20131023_yanseheziti_huanjing

4、研究不同国家如何使用颜色 

花时间研究不同国家如何使用颜色,不要违拗当地文化。

5、同种内容保持字体样式的统一

20131023_yanseheziti_zitiyizhi
[左图]为字体一致性的正确用法;[右图]为错误用法。

6、字体始终清晰可辨

20131023_yanseheziti_zitiqingxi
1)文本不小于22PX。
2)标题和正文使用相同的字体样式,标题应加粗以示区别。
3)在同一种内容的表现上,保持文本样式的一致性。
4)考虑用户设置字体大小时,是否随之调整界面布局。

例:图示中,标题和正文区分明显。

 

 

 

 

06 动画

手机游戏用户体验基础之:06 动画。动画作为沟通方式有其得天独厚的优势,表达更生动、有趣。但是动画滥用会造成效率降低和情感浪费。

1、动画的优势

20131023_donghua_youshi
动画的优势:

1)有趣
2)反馈更生动
3)操纵感更强

常用于:
1)沟通状态
2)提供有用的反馈
3)增强可被操作的意识
4)可视化体现行为的结果。

例:左图提示操作的动画,非常生动、易懂。

.

.

2、保证动画的流畅性

谨慎添加动画,尤其是在游戏技术效率不高的时候。主要集中在一些重要的效果上。

动画滥用:
1)阻碍游戏的流畅性
2)降低性能
3)分散用户的注意力

例:[下图]技能的发动就是一个非常重要的效果。
20131023_donghua_liuchang

3、要比系统的动画漂亮

确保您设计的动画比ios系统动画更漂亮。
(如果有已经占据市场的竞品,应该比竞品更漂亮)

4、动画的一致性原则

1)避免和ios系统的动画表意相冲突
2)在按类型定义动画之后,以后对应的地方要贯彻动画的一致性。

例:[下图]显示技能名称的形式这里就很一致。(注意:不同技能效果肯定越有差别越好,这里是技能名称显示的动画方式一致。)
20131023_donghua_yizhixing

5、避免过多的沟通和反馈

20131023_daohang_guoduogoutong
过多无意义的动画会阻碍游戏的“流”,影响游戏性,使用户不胜其扰。

例:图中小熊的动画负面影响了主要内容的阅读,还好这里的动画幅度很小。
.
.
.
.
.
.
.
.
.
.
.