从“英语流利说”来看看儿童APP应该怎么做
2020-11-27 10:19:27 阅读(261) 评论(0)
流利说®流利地说儿童英语®为3-8岁儿童定制的英语启蒙产品邀请UI设计师Kelly从视觉设计和输出的角度详细介绍产品游戏问题的设计过程。流利说®儿童英语的目标是帮助这个年龄段的用户建立发音信心,并对英语学习产生持续的兴趣。基于孩子们顽皮的天性,我们自然会想到使用游戏设计来使枯燥的英语学习过程更加有趣。△收集糖果△ 警察抓小偷△ 切水果△ 以消灭细菌视觉设计游戏为辅,以教育为主。对于视觉设计来说,游戏问题设计主要有以下两个难点:把握问题兴趣与教学目标之间的平衡;为教学内容找到最合适的游戏展示形式。接下来,我将从视觉表达、视觉层次和反馈三个方面分享我的一些思考和经验。1.在开始设计之前,我们研究了3-8岁儿童的清晰视觉表达,发现大多数这个年龄段的用户都有以下特点:不识字,不能进行复杂的逻辑操作;容易被色彩鲜艳、动态的对象吸引,并主动点击;只能理解你在生活中接触过的东西(如玩具、食物、游乐园等);兴趣是调动他们不断学习的重要动力。基于以上几点,我们总结了以下设计方法。以拼图题为例,视觉形式是题型玩法。这个问题的目标是测试孩子拼写单词的能力。假如只挖空单词再让用户选择,那么孩子就会觉得这个问题既不会玩,也不会玩。但如果在视觉表现上使用孩子熟悉的拼图,可以方便孩子更好地理解问题的意思,进而引导孩子操作。场景故事应具有视觉连贯性「游戏」(此处的「游戏」指游戏题型)结束后,有一个与故事设置相关的结束画面,承担前面的操作,让整个「游戏」这个过程可以呈现出相对完整的体验,从而增强孩子的体验「游戏」沉浸在这个过程中。△ 游戏操作:切水果△ 游戏结尾:切水果榨汁2。由于儿童缺乏成人视觉筛选能力,清晰的视觉层次往往难以区分界面中的重要元素和次要元素。尤其是3-5岁的孩子,他们会习惯性地点击界面上所有吸引他们的东西。因此,我们需要对不同层次的元素进行强烈的视觉区分,清楚地告诉他们哪些元素可以点击,哪些元素需要关注,哪些元素不能互动。提高教学内容易识别的游戏问题的设计方法通常是以游戏的形式包装传统的教学问题,让孩子们觉得他们在玩游戏,而不是做问题。因此,我们需要设计合适的游戏容器来承载教学内容,这样既能识别教学内容又不会影响教学内容「游戏」体验。在这里,我们试图打开游戏元素和教学内容之间的视觉差距──把教学内容放在图片的视觉焦点上,游戏元素只作为背景或容器来衬托教学内容,并尝试选择与教学内容冲突的形式。另外,为了兼顾游戏画面的丰富性和多样性,容器的设计需要一定的适应性。△ 适配文字△ 适配图片△ 对于阅读文本和图片的问题类型,游戏容器的主要目标是衬托文本。在这种情况下,游戏容器的视觉设计侧重于描绘外观,简化内部细节,从而将儿童的视觉侧重于文本,而不是容器本身。此外,为了平衡不同字段带来的显示差异,我们还适应了文本的大小。△ 1-12个字符──文字大小88△ 13-25个字符──文字大小76△ 26-45个字符──游戏题型中有许多故事性强、空间连续性高的设置,文字大小62背景画面的层次感。为了增强画面的运动感和空间感,在视觉输出中,我们增加了额外的前景层,利用前景图片创造视差效果,增强整个背景的层次感。设置前景图片也可以解决背景区域显示差异带来的视觉问题,适应不同屏幕尺寸。在纵向运动的情况下,如果两侧的图形设置在背景中,则不能在适应短屏幕时显示。单独设置为前景图,可灵活适应不同屏幕比例的型号。当我们克制地使用过于明亮的颜色时,我们发现孩子们很容易被引人注目的颜色所吸引,但如果一个页面过度使用明亮的颜色,它将大大分散孩子们的注意力,颜色过载导致的视觉信息的复杂性将增加孩子们使用的难度。3.合理反馈包括及时反馈和适当的正负反馈,符合交互逻辑。在游戏设计中,大多数设计师会通过酷的动态效果进行重要的点击反馈,以增加游戏的酷感。这一规则也适用于儿童世界。在产品的反馈设计中,我们及时添加一些有趣的微动画,为孩子们制作一些小彩蛋。这些小惊喜不仅能及时吸引孩子们的注意力,给他们带来乐趣,还能鼓励他们。例如,当用户点击拼图选项时,IP相关的卡通元素不仅可以增强兴趣,还可以增强用户对品牌的认知。适当的正负反馈从4岁左右开始,孩子就会有输赢的概念,会因为赢而快乐,会因为输而焦虑。──数字时代儿童设计的积极反馈主要是欢呼和赞美动画。整个画面氛围可以处理得更加活泼,这对孩子们来说是一个很好的刺激点,可以让孩子们有继续玩的欲望。△正向反馈1:高兴地跳出IP形象△ 正向反馈2:高兴地跳出IP形象 打分星星△ 正向反馈3:IP图像鼓掌考虑到孩子们会因为失败而感到焦虑,所以在处理负面反馈时,需要考虑他们目前的心态,动态设计应该打开和积极反馈的区别,而不是太消极,消极反馈很容易打击孩子的热情,产生挫折感,鼓励反馈是合适的。△ 负面反馈:IP图像与鼓励声音的姿势反馈动画设置也需要考虑用户的可接受性,谨慎使用具有攻击性的动态效果。△ 负面反馈:IP图像与鼓励声音的姿势反馈动画设置也需要考虑用户的可接受性,并仔细使用具有攻击性的动态效果。如下图所示,IP图像在错误反馈时会受到攻击和感冒,发现孩子们害怕这种反馈。以上IP动画流利®儿童英语设计团队倾情制作。不会写代码的视觉输出设计也很容易开发。如果视觉手稿不能很好地实现,无论设计手稿有多好,它都只能是一个概念,而不是一个有效的解决方案。在如何更好地控制视觉实现的程度上,我们也走了很多弯路,经过几轮探索和开发,最终形成了适合我们团队的输出模式。在整个开发过程中,设计师主要承担动画开发工作的一部分。在与开发对接的过程中,我们主要使用的软件是:CocosCreator:包含动画编辑器的游戏开发软件。SourceTree:将动画代码提交给开发。△ CocosCreator△ Sourcetreee开发构建框架后,设计在Cocoscreator上,完成部分元素的动画,然后用Sourcetreee向开发提交动画代码。最后,通过代码将每个动画串联起来,形成一个完整的动画。△ cocoscreator动画编辑器界面截图题型动画连贯,细节多,单靠视频demo无法帮助开发精准实现设计效果。为了解决这个问题,我们建立了指导设计实施的文档──适用于标注文档和动画标注文档。1.调查结果显示,使用0.462、16:9、4:这三种屏幕的用户比例最大。为了保证不同屏幕比例的显示效果,我们根据以上三个主流尺寸分别输出780×360,640×360,480×设计稿360,规定780×360是适应另外两个尺寸的设计基准。标记内容是三个主屏幕尺寸下的缩放比例、尺寸位置、特定动画的起点或终点位置,便于开发在适应时准确恢复设计草案的布局。2.动画标记文档本文档主要是对动画和音效的详细说明。每个问题类型的动画将被拆分,以最小可拆分动画为标记对象,方便开发和最大限度地恢复demo的设计效果,如标记时间、具体动画效果和运动曲线值。详细的标注文档不仅方便了开发,而且降低了后续测试和视觉检查的沟通成本。总结游戏题型的设计,需要从用户的角度思考和权衡游戏与教学的平衡。对儿童产品而言,设计服务于教育,愉悦多变的体验是设计的方向,教学是最基本的设计目标。
推荐阅读
- java开发是做什么的
JAVA主要是用来干什么的?百战程序员IT问题专业解答 java是一种面向对象的编程语言 现在我们日常使用的很多软件都是java语言开发的。 比如安卓上的各种app,界面都是使用java语言写的。 当然java最强大的地方还不是写a…查看详情
- 用什么软件去做市场?市场管理软件排名
对于市场管理软件来说,是一个十分庞大的数据,所做的行业不同所需要的数据就不一样,比如说销售,在销售中,产品的库存销各种数据,还有每日经营数据对比,及时发现商品数据波动等等,那我们今天就盘点一下市场管理软件都有哪些把。1、企管宝CRM企管宝C…查看详情
- 拼车软件哪个好用又便宜 哪个拼车平台比较靠谱
现在人们的出行方式都越来越多样化了,拼车算是人们常用的一种出行方式,市面上的拼车软件也是有很多的,下面万商云集小编给大家来详细介绍一下拼车软件哪个好用又便宜 哪个拼车平台比较靠谱方面的内容,希望能帮助到大家解决出行问题。 1.滴滴出行 …查看详情
- 营销|没客户电话也能短信联系,这是什么黑科技?
每到618、双十一和双十二你的手机是不是也会经常收到促销短信呢? 短信群发较于传统的推广方式而言算是一种成本低、速度快、阅读量大而且比较“接地气”的宣传方式之一但许多中小企业却…从未接触过活动的内容编辑重要吗?短信的内容决定用户是否会点击活…查看详情
- 杀毒软件排名,这些可以放心用
现在的工作和生活中都会使用电脑,其中的信息也是比较多的,除了公司内部的信息之外,还有个人的一些隐私,如果不小心受到病毒的感染,那么危害不可小视,甚至还会导致信息泄露影响严重,所以杀毒软件的选择很重要,下面就针对于杀毒软件的排名进…查看详情
- 质量管理软件如何选择?这几款值得尝试
产品的质量是一个企业的生存命脉与基础,本所以说企业对于产品的质量,往往是要求比较严格的,而通过使用质量管理软件,则可以很好的进行质量方面的管理和规范的实施,能够让操作变得更为规范,也是针对于产品的设计人员,还有制造的人员等等,所…查看详情
- 已失效的专利可不可以转让?
依据我国相关法律的规定,向专利管理部门申请专利后,经专利管理部门批准,申请人获得专利权,而专利权是可以依法转让的,那么已失效的专利可不可以转让?下面万商云集小编就给大家来介绍一下这方面的详细内容,希望能帮助到大家解决这一块的问题。 …查看详情
- msf是什么文件
1、什么是MSF文件?2、什么是NLB文件?3、什么是LST文件?MSF是流媒体功能的内容格式为.msf,兼容avi等格式是通过专用工具制作内容分为头文件和动画文件用专门的软件打开如新版的暴风影音NLB是Oracle7数据文件LST是列表文…查看详情
- 新媒体运营怎么自学 怎么学好新媒体运营
现在新媒体一运营算是比较热门的一个职业,很多人都转行做新媒体,下面万商云集小编给大家来详细介绍下新媒体运营怎么自学 怎么学好新媒体运营这方面的内容。 01内容的价值性 不管是做文章还是做视频,内容最重要的一点就是带有价值含量,说得简…查看详情
- 盘点好用的微信分销系统,适合创业新手
目前做微信分销系统的很多,商家到底应该如何选择一款适合自己的微分销系统呢?市面上主流的分销系统特别多,主流的微信分销系统哪个好大致包括HiShop销客多等等,企业或者创业新手往往不知道如何挑选。 1、微巴人人店分销系统 人人…查看详情
- 微信小程序定制开发都需要经过哪些流程
微信庞大的流量资源对于做线上营销的人有着巨大的吸引力,各类小程序层出不穷只为能获得一部分资源。想要在数量众多的微信小程序中占据有利的竞争优势,那进行微信小程序定制开发就是很好的选择。如果你对这一领域还不太清楚,不妨跟小万一起来看看都有哪些流…查看详情
- 客户端是什么意思啊
客户端是计算机网络中的一个术语,通常指的是连接到网络的设备或软件,用于与服务器进行通信和交互。客户端一般用于请求服务器上的资源或服务,例如发送电子邮件、下载文件或访问网站等。在互联网上,客户端是与浏览器或移动应用程序等一起使用的。 在…查看详情
- 如何强制删除文件夹
在计算机使用过程中,经常会遇到一些无法删除的文件夹,这些文件夹可能由于权限问题、病毒感染、损坏等原因导致不能删除。本文将详细介绍如何强制删除文件夹。 一、使用命令行删除文件夹 命令行是Windows操作系统中一个十分强大的工具,可以…查看详情
- 网站怎样做流量分析
流量对于网站来说非常重要,网站运营的首要目的就是获得流量,但是流量不同价值也不同,我们需要对流量进行分析,通过流量的分析更好的运营我们的网站,流量的分析主要是流量的来源以及流量在网站上的流向两个方面的分析。通常流量的来源主要有三个途径:搜索…查看详情
- 飞鱼CRM是什么东西?高效低成本的客户管理系统
让用户接触到广告不难,但想要留住客户,产生最大的投放收益却一直是一项难题,飞鱼CRM系统作为一款优秀的客户管理系统,究竟有哪些作用?下面小万就来详细为大家介绍一下究竟飞鱼CRM是什么东西。 飞鱼CRM是什么东西? 飞鱼CRM系统是巨量引擎推…查看详情
猜你喜欢
最新文章
扫码二维码
立即领取《千元实战营销秘籍》
还可免费试用营销管理系统
*如有疑问,请随时拨打免费咨询热线:400-0033-166
服务时间:8:30-18:00
软件企业
认定号:川RQ-2018-0216
高新技术企业
认定号:GR201951001121
关注微信公众号
和10万中小企业共同成长
扫码下载APP
享全方位服务一触即达
Copyright © 2004-2022 万商云集(成都)科技股份有限公司 版权所有 蜀ICP备12001963号-2 川公网安备 51010402000322号
快速找产品
找一找哪款产品适合您?
咨询热线:400-0033-166
免费查找信息保护中请放心填写-
-
电话沟通
在线咨询
获取方案
下载APP
官方微信
扫码下载APP
全方位服务一触即达
关注万商云集
和10万中小企共成长
TOP
企业首选的数字选用平台