编者按:如何让活泼好动,注意力跳脱的孩子也能专学习?腾讯这实战案例,告诉你这些设计技巧!
把动趣的学习内,用一条穿越时空的径慢慢展出,腾讯的 ABCmouse 让孩子游玩的过程中学到英语知识,得到效的学习,让他们喜欢学习径的主角。
一、分析
1. 静止的场景
习路径是把课程的容在模拟的场景中按照循序渐进的方式呈现来。在梳原本的场景过程中,发现要是由场景、人物、课程点(路径)、导航个要素组成,在每个的路径点上都会承载这个 Level 的课程容,发现原本习路径存在3个困境:
- 场:画面少,没有先顺序。在300节课程内容上,场重复使用。
- 交互UI:课程点小,操作增了困难,课程点过多,习的过程中产生压。
- 人:单一,场景中的扮演结合场景。
对在整个的场的分析,找出弊的突出点。在往的设计程中,对延续有的优点和改善突出弊端提供更的帮助。
利:
- 场的写,接近
- 容多,展示全
- 颜色丰富多彩
弊:
- 口,干扰主路径的学习操
- 课程点的已和未的区分清晰
- 人的学习活动气泡对课程点的叠加造操作扰
2. 路上的期望
家长在选择学习产品的时,首先是考虑对小孩是有效的。
我们在设计产时,更多需要考虑,小孩在实际的使中是有效的,仅对课程本身的考验,是对界面引导操作上的考验,小孩更容易得到习的容知识。
对原场景的使用分析,学习径场景重新设,对自身提出了问题:什么对孩子重的?场景设的目标什么?
孩子在使用品过程能到有效学习,语言能力到定进步和成长,疑是家长们最期望效。
3. 设计目标
对于3-8岁的孩子,太多的吸引点会分散他们的注意力,了孩子把注意力多停留课程的活动内,设需减法。把场景内的主次排序了优先级,提高径的清晰度,减少其他界面的入口,不被其他扰。
最终目是以学习路径课程为主,路径上能延续承载海量学习内容,让孩子在使用过程都关注在路径课程上,让孩子能够到有效学习成。
二、理念
1. 重新设定
构思
创需要打破原有的框架,重定义和规范。创意来源于中国的长卷轴画,在一条整体的画卷会有同的场景,打破了原有场景之间的独立性,习之路更具有连贯性,体验更自然。
元素
人物:在路径的升级中,角设计也符合场变化
时间:模拟生命进和历史发展
空间:根据不同的时间阶段展不同的时环境
脚本
根据构思设计了场景的脚本,管是生命起源、地形地貌还是乐园星球的概念,都围绕时间维和空间的维进行设计,保证在场景设计上符合需求适应未来场景的灵扩展。
风
为一款儿教育产品,主要的使用者是儿,因而设计风上更着重在趣味和品质上,满吸引儿玩乐的同时也提高儿的审美。在画面风上减少场元素的度复,元素设计更为扁平化,让画面更为清新和明亮,整的元素是圆润爱的。
时间+空间,故扩展从「生命的源」、「文明古国」、「特地貌」、「现代市首」、「科学博物」到「太空宇宙」。并且对场规范设计原则,也将帮助我们在期延展时证设计的统一,提高设计和开的效率,避免次磨合,而增加不必的无形成。
三、成果
1. 全新的世界
有了故事脚本、场景规范,落地插画才是我们在视觉设计上。我们设计了 Level 1-Level 6 场景,把儿童学习路渲染出个全新世界。150个课程装在30个不场景,从概念、路线、物、画风、动画上耳目新感觉,物也是跟随场景变化而换装,保持不场景物新鲜感,也加强了场景带入感。
一路学习一路成长,从生命的起源开始,领着去探索和受生命进化、代变迁的过程。深入充生机的海底和鱼儿珊瑚一起游玩,穿着恐外衣和恐一起奔跑在侏罗纪界,装扮成始人生活在猿人代。整个景的递进和课程别的提高也是相符的,界的发展、学习能力的提升让孩在学习中得真正的成长。
从细节可以儿童的穿着和景的变化是相呼应的。(埃及 / 中国 / 空月球)
2. 让场景活起来
景深:
每场景的固规范优先径的净清晰,净减少扰,清晰提高识别。这提下,把场景划分出景、中景、后景,主的径保持中景的中置,内的呈使用也集中的范围,剩下景后景则作画面移动或转场时加入视觉差的效果,让画面动,接近真实场景。
动画:
不同的场景让径风景精彩,动画则让场景「活」起的重环节。场景中将、中、后景的元素了主次的区分,义动画的轨迹。
景是路径主要内容,物动作需要配合路径上课程来做交互上动画,物在除了常规位移动作,设计了在物留时结合色闲暇动作,如沙漠,湖上钓鱼等,而在前景和后景动植物则是要场景,在动画设定是微动画规范,能在场景「活」起来,又不抢主路径上风头。
人物:
同场景孩子看到同的人物角色,这个在我们设计的过程中考虑到的融入感,同时根据场景的设定给孩子带上和场景题相符的配件,如:在空旷草原上挥着赶羊鞭的牧童;开启头灯进入洞穴探险的冒险;在平衡车上穿梭在现代科技实验室;背着喷气式背包飞行在天空中等等。这些设计都融入在题和人物身上,宝宝习的同时是开阔了视野。
把断进步的世界场景生有趣的方法铺一条引人入的路径,真正的边玩边,宝宝在自我习同时在手上就认识了这个多姿多彩的世界。
△ABCmouse 习路径,查看视频。
四、体会
不一样的路
每个人有不同的思逻辑,在设计的程中需要在不同的节中梳理不同的工步骤,让不同能力背的人共同参与完成一条新的学习路径,身就是一条艰巨的路程。
ABCmouse 是童类产,童是我们的户,是一种「可控制」的户,产使上需要考虑更多无逻辑的行为,更多可预见的情况。在习路径的需求上注定是一个寻的思路,它即要时刻地吸引孩子的注意,又像一个恳导师一样引导孩子自助习。
新的场景从需求始到实的过程中,每环节都需围绕孩子的角度去思考,这也设师需重新去学习儿童的行知识,把自己变回小时候,到图书馆去看儿童书,观察其他孩子的学习方法好趣。
ABCmouse 的项目中,学习径让我们学会了不同层面的沟通,学会了把自己变回儿童时,学会了一又一的软件具,学会了塑造从 Level 到 Level6 的游学世界。
再此后,学习路径会继续扩展和迭代,我们也将会创作更多场景空,让宝宝在这学习世界限畅游。