【用户体验】面向儿童的游戏化交互设计经验总结

前言

这篇文章的着眼点集中在【儿童用户】【交互设计】【游戏化】三个方面,而这三个方面深挖下去,又可以延展出【发展心理学】【游戏理论】【用户研究】【用户体验设计】【交互设计】……等话题。笔者将结合自己2年的相关产品经验,谈谈自己在这些方面的实例以及浅尝辄止的思考总结。记录,是为了下一次的复盘。

我们的用户

儿童区别于成人的一个特点在于:快速而阶段化的身心发展。
比如说,为成人用户设计一款APP。那么当面对20岁、23岁、25岁的用户时,年龄带来的差异(其实是年龄带来的生理变化)事实上并没有那么大,更大的用户差异可能体现在社会因素上,比如性别(当我们在谈论用户性别时,其实更偏重社会化的性别角色)、学历、职业、文化背景等等。
而儿童用户恰恰相反,他们还未分化出如此多加诸于成人身上的社会差别,甚至性别角色的分化也尚不明显,年龄(精确到月)带来的阶段化身心发展特征才是划分儿童用户的靠谱依据。
儿童需要在出生后的前12年里从一个【很弱的无意识体】成长为【合格的社会化动物】,他们要在这12年里快速点满【客体感知】【自我感知】……等等技能,真可谓:每一个平凡的日常都是连续发生的奇迹,连续几个日常就形成了不可逾越的鸿沟。
目前普遍公认的儿童发展阶段研究,当推瑞士心理学家皮亚杰的【认知发展理论】。资料非常容易搜到,为篇幅计,此处不再赘述。
除此以外,笔者在具体的工作中发现,儿童的【色彩认知】、【图形知觉】和【精细动作能力】也同样具有阶段化特征,这些阶段化特征和产品设计具有紧密联系,因此也需纳入考量范围。


0~12岁儿童各能力发展阶段简表

交互设计

1、适用于自查的通用设计准则
  • 无滚动设计
    尽量只提供适合在800x600分辨率下浏览的页面信息。因为当内容超出时,就需要控制滚动条来浏览了。对于9岁以下的儿童来说,使用鼠标或触控板拖动、滚动和单击小对象是很困难的,这些手势需要相对较高的精细运动技能。在实际的用户操作中也能发现,儿童很少会想到去滚动页面,主要是与页面上方可见的信息互动。

  • 简单的手势操作
    9岁以下的儿童用户大多使用简单的直观手势,如点击和滚动,而不太擅长复杂的动作,如滑动或双击,在设计互动操作时应该时刻记住这一点。对于那些使用触摸屏的儿童用户,我们尽量只提供两种操作选择:①将目标拖到目的地;②直接点击目的地使目标落入。
    此外还要注意,5岁以下儿童不适用于复杂的运动协调操作,例如:①需要两只手同时操作;②需要根据视觉刺激的快速做出响应的操作。这类设计在一些小游戏中很常见,但对于运动协调能力尚未发展成熟的儿童用户而言,超出了他们的技能范围,游玩过程可能是令人沮丧的。

  • 提供明确的方向
    儿童用户通常一次只能专注于一个对象,也没有耐心去记住多次操作的可能性,因此任何带有复杂操作路径的设计都是不适用的。应该直接在屏幕上告诉用户该做什么。

  • 即时直接的成功体验
    由于12岁以下的孩子分析性思维尚未发展,因此需要直观地向儿童用户展示:他们从每一个行动中能得到什么好处,并且让他们在第一次尝试时就很容易获得他们想要的东西。

  • 避免多层结构
    即尽量不要出现导航条、菜单、分页等设计,这会带来多步操作,而多步操作的成功完成建立在用户具备抽象思考能力的基础上。如果实在无法避免层次结构,则必须将其呈现为一个循序渐进的机制,其中每一步都提供了一个独立而简单的选择,并有一个容易返回的机会。

  • 用户行为预判
    成人用户倾向于遵循既定的界面规则,而儿童用户更可能出现的行为则是在界面上到处点击,因此应该提供多点触控并提前考虑有限的选项。
    允许多点触控是因为,有时儿童会用一只手握住屏幕,同时尝试点击某物,但这时什么也没有发生;也有时儿童可能会同时使用多个手指与某个元素交互。

2、视觉呈现
  • 配色明亮欢快为主
    对成人用户来说,丰富多彩的配色方案不会干扰他们的主要活动目标,但对于儿童来说,情况正好相反——配色方案是他们大部分活动的主要视觉指南,吸引注意力,创造情绪等等。因此,颜色应该是明亮、多彩和欢快的。

  • 适合儿童色彩感知的图形样式
    年龄在 2 到 3 岁之间的儿童通常更喜欢醒目的原色和图形布局中的高对比度,以激发探索和发现。可以通过设置丰富多彩的背景插图来为孩子们创造了一种身临其境的探索体验。

  • 视觉层次和交互元素
    我们需要简化页面的逻辑层次,但是可以保持视觉层次结构并强调交互元素。可以通过使可点击或可点击的元素变大、添加微妙的阴影或轮廓线等来实现这一点。此外,在儿童操作界面中,音频和动画提示通常伴随这种视觉强调,提示用户采取行动。

  • 尽量避免出现文字
    很多孩子在上小学前并没有学习过文字的阅读和书写,所以应该尽量避免在面向儿童用户的界面中出现文字。在实际工作,我们只会出现类似“OK”按钮的文字,并且做好测试后再上线。

  • 使用对视觉友好的字体和图标设计
    在必须使用文字时,屏幕上的文字字体至少要达到14磅,同时要确保字体/图标颜色和背景颜色有一定的对比度(例如不能出现白色字体在淡黄色背景上),这一点对于4岁以下的儿童(尚无法精细辨识各种色调的明度和饱和度)来说尤为重要。

  • 避免过度使用装饰和动效
    在文字和图标上使用动画或其他特殊效果会容易导致出现问题,例如太慢或太快,或者与文字连接、重叠造成辨认困难。

  • 较大的图标
    为触摸屏设计大而醒目的按钮,以适用于儿童有限的精细运动技能。建议面对儿童用户至少使用 2cm × 2cm 的触摸目标(比成人用户推荐的1cm x 1cm 目标尺寸大 4 倍)。

  • 以用户熟悉的方式使用图标和符号
    对于12岁以下的儿童来说,由于其抽象思维尚未开发,因此“具象而非抽象的图形”是理解其含义的唯一途径。应该尽可能将图标的设计与它们在现实世界中的意义相匹配,例如使用图片和现实生活中的图像。

  • 可操作性提示
    又称可供性,即让可以交互的元素看上去就像是可交互的。主要通过为这些元素添加可点击的视觉提示来完成,设计时要明确可点击和不可点击项目之间的区别。

  • 善用动效来引导注意力
    动画对儿童来说是非常有趣和愉悦的,如果界面上的元素会根据用户的操作动起来,是吸引和保持孩子注意的好方法,可以将用户的注意力集中在屏幕上的重要元素上。

3、内容
  • 设计孩子们能认同的角色和剧情
    策划如果不熟悉各阶段儿童的身心发展状况,就容易设计出:用成年人思维和口吻说话的儿童角色、一波三折具有复杂逻辑链条的情节……等等。这些很容易让儿童用户感到无法代入,继而产生困惑。参考针对各年龄段的绘本是一个好方法,通常也能从中获得灵感。

  • 允许用户控制或与角色互动
    儿童用户乐于扮演小故事或小游戏中的角色,并会寻找各种与角色互动的方式。用户与角色的互动越多,他们的参与度就越高。即使在互动非常少的情况下,控制角色的动作也能极大地增强用户体验。

游戏化设计(待续)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,874评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,102评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,676评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,911评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,937评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,935评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,860评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,660评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,113评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,363评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,506评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,238评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,861评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,486评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,674评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,513评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,426评论 2 352

推荐阅读更多精彩内容