赞助商
立即赞助

如何给儿童做设计?腾讯这个实战案例太赞了!

产品经验3年前 (2021)发布 流光
2.3K 0 0

编者按:如何让活泼好动,注意力跳脱的孩子也能专学习?腾讯这实战案例,告诉你这些设计技巧!

把动趣的学习内,用一条穿越时空的径慢慢展出,腾讯的 ABCmouse 让孩子游玩的过程中学到英语知识,得到效的学习,让他们喜欢学习径的主角。

一、分析

1. 静止的场景

习路径是把课程的容在模拟的场景中按照循序渐进的方式呈现来。在梳原本的场景过程中,发现要是由场景、人物、课程点(路径)、导航个要素组成,在每个的路径点上都会承载这个 Level 的课程容,发现原本习路径存在3个困境:

  • 场:画面少,没有先顺序。在300节课程内容上,场重复使用。
  • 交互UI:课程点小,操作增了困难,课程点过多,习的过程中产生压。
  • 人:单一,场景中的扮演结合场景。

如何给儿童做设计?腾讯这个实战案例太赞了!

对在整个的场的分析,找出弊的突出点。在往的设计程中,对延续有的优点和改善突出弊端提供更的帮助。

利:

  • 场的写,接近
  • 容多,展示全
  • 颜色丰富多彩

弊:

  • 口,干扰主路径的学习操
  • 课程点的已和未的区分清晰
  • 人的学习活动气泡对课程点的叠加造操作扰
2. 路上的期望

家长在选择学习产品的时,首先是考虑对小孩是有效的。

我们在设计产时,更多需要考虑,小孩在实际的使中是有效的,仅对课程本身的考验,是对界面引导操作上的考验,小孩更容易得到习的容知识。

对原场景的使用分析,学习径场景重新设,对自身提出了问题:什么对孩子重的?场景设的目标什么?

孩子在使用品过程能到有效学习,语言能力到定进步和成长,疑是家长们最期望效。

如何给儿童做设计?腾讯这个实战案例太赞了!

3. 设计目标

对于3-8岁的孩子,太多的吸引点会分散他们的注意力,了孩子把注意力多停留课程的活动内,设需减法。把场景内的主次排序了优先级,提高径的清晰度,减少其他界面的入口,不被其他扰。

最终目是以学习路径课程为主,路径上能延续承载海量学习内容,让孩子在使用过程都关注在路径课程上,让孩子能够到有效学习成。

二、理念

1. 重新设定

构思

创需要打破原有的框架,重定义和规范。创意来源于中国的长卷轴画,在一条整体的画卷会有同的场景,打破了原有场景之间的独立性,习之路更具有连贯性,体验更自然。

如何给儿童做设计?腾讯这个实战案例太赞了!

元素

人物:在路径的升级中,角设计也符合场变化

时间:模拟生命进和历史发展

空间:根据不同的时间阶段展不同的时环境

如何给儿童做设计?腾讯这个实战案例太赞了!

脚本

根据构思设计了场景的脚本,管是生命起源、地形地貌还是乐园星球的概念,都围绕时间维和空间的维进行设计,保证在场景设计上符合需求适应未来场景的灵扩展。

如何给儿童做设计?腾讯这个实战案例太赞了!

风

为一款儿教育产品,主要的使用者是儿,因而设计风上更着重在趣味和品质上,满吸引儿玩乐的同时也提高儿的审美。在画面风上减少场元素的度复,元素设计更为扁平化,让画面更为清新和明亮,整的元素是圆润爱的。

如何给儿童做设计?腾讯这个实战案例太赞了!

时间+空间,故扩展从「生命的源」、「文明古国」、「特地貌」、「现代市首」、「科学博物」到「太空宇宙」。并且对场规范设计原则,也将帮助我们在期延展时证设计的统一,提高设计和开的效率,避免次磨合,而增加不必的无形成。

如何给儿童做设计?腾讯这个实战案例太赞了!

三、成果

1. 全新的世界

有了故事脚本、场景规范,落地插画才是我们在视觉设计上。我们设计了 Level 1-Level 6 场景,把儿童学习路渲染出个全新世界。150个课程装在30个不场景,从概念、路线、物、画风、动画上耳目新感觉,物也是跟随场景变化而换装,保持不场景物新鲜感,也加强了场景带入感。

一路学习一路成长,从生命的起源开始,领着去探索和受生命进化、代变迁的过程。深入充生机的海底和鱼儿珊瑚一起游玩,穿着恐外衣和恐一起奔跑在侏罗纪界,装扮成始人生活在猿人代。整个景的递进和课程别的提高也是相符的,界的发展、学习能力的提升让孩在学习中得真正的成长。

如何给儿童做设计?腾讯这个实战案例太赞了!

从细节可以儿童的穿着和景的变化是相呼应的。(埃及 / 中国 / 空月球)

如何给儿童做设计?腾讯这个实战案例太赞了!

2. 让场景活起来

景深:

每场景的固规范优先径的净清晰,净减少扰,清晰提高识别。这提下,把场景划分出景、中景、后景,主的径保持中景的中置,内的呈使用也集中的范围,剩下景后景则作画面移动或转场时加入视觉差的效果,让画面动,接近真实场景。

动画:

不同的场景让径风景精彩,动画则让场景「活」起的重环节。场景中将、中、后景的元素了主次的区分,义动画的轨迹。

景是路径主要内容,物动作需要配合路径上课程来做交互上动画,物在除了常规位移动作,设计了在物留时结合色闲暇动作,如沙漠,湖上钓鱼等,而在前景和后景动植物则是要场景,在动画设定是微动画规范,能在场景「活」起来,又不抢主路径上风头。

如何给儿童做设计?腾讯这个实战案例太赞了!

如何给儿童做设计?腾讯这个实战案例太赞了!

人物:

同场景孩子看到同的人物角色,这个在我们设计的过程中考虑到的融入感,同时根据场景的设定给孩子带上和场景题相符的配件,如:在空旷草原上挥着赶羊鞭的牧童;开启头灯进入洞穴探险的冒险;在平衡车上穿梭在现代科技实验室;背着喷气式背包飞行在天空中等等。这些设计都融入在题和人物身上,宝宝习的同时是开阔了视野。

如何给儿童做设计?腾讯这个实战案例太赞了!

把断进步的世界场景生有趣的方法铺一条引人入的路径,真正的边玩边,宝宝在自我习同时在手上就认识了这个多姿多彩的世界。

如何给儿童做设计?腾讯这个实战案例太赞了!

△ABCmouse 习路径,查看视频。

四、体会

不一样的路

每个人有不同的思逻辑,在设计的程中需要在不同的节中梳理不同的工步骤,让不同能力背的人共同参与完成一条新的学习路径,身就是一条艰巨的路程。

ABCmouse 是童类产,童是我们的户,是一种「可控制」的户,产使上需要考虑更多无逻辑的行为,更多可预见的情况。在习路径的需求上注定是一个寻的思路,它即要时刻地吸引孩子的注意,又像一个恳导师一样引导孩子自助习。

新的场景从需求始到实的过程中,每环节都需围绕孩子的角度去思考,这也设师需重新去学习儿童的行知识,把自己变回小时候,到图书馆去看儿童书,观察其他孩子的学习方法好趣。

如何给儿童做设计?腾讯这个实战案例太赞了!

 ABCmouse 的项目中,学习径让我们学会了不同层面的沟通,学会了把自己变回儿童时,学会了一又一的软件具,学会了塑造从 Level 到 Level6 的游学世界。

再此后,学习路径会继续扩展和迭代,我们也将会创作更多场景空,让宝宝在这学习世界限畅游。

如何给儿童做设计?腾讯这个实战案例太赞了!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

网易UEDC :「网易考拉」 不仅是网易倾注全力打造的电商产品,更是致力为中国用户提供更高品质生活的海购平台。本次品牌体验...
品牌升级
项目背景 曹操出行是由世界500强车企吉利集团布局「新能源汽车共享生态」的战略性业务,秉持「低碳致尚、服务至上」的核心价...
实战复盘
58UXD:在运营活动中,往往用数据说话,那么作为视觉设计师,应该如何利用数据分析,来体现设计在活动中的价值,从而进一步让...
58UXD
针对不同的受众我们会做不一样的设计,今天是针对儿童进行的产品设计思路的内容分享,面对儿童产品,我们需要从心理生理上的...
儿童产品
首先我们来思考下,什么是儿童。这听起来像是一个比较傻的问题,但人类社会从20世纪后半期才真正开始认真对待儿童。 在之...
KDC 儿童设计
项目复盘对设计师的成长来说是一个很重要的环节,不仅可以巩固自己的设计理论,同时还可以与小伙伴们分享自己的小心得。 本...
主题设计
编者按:定价页面中,具体的设计细节其实对于用户购买和销售的转化有着直接的影响,怎样设计才会更有有效?今天这篇来自Proof...
定价策略
腾讯文档是一款可多人协作的在线文档。支持 Word 和 Excel 类型,打开网页就能查看和编辑,云端实时保存;可多人实时编辑文档...
ISUX