扫描二维码
关注Loops Design公众号
确定
如何把更好的设计给孩子
故事
2017-12-11

不久前,好未来集团(即学而思教育)找到 Loops,希望与我们进行一次全新的合作。好未来秉持用科技推动教育进步的使命,致力于让每个人都能享有理想的教育。而这次合作,是希望 Loops 为其新款 App 产品 ABC Time 进行全新的交互和视觉设计。ABC Time 是一款针对学龄前儿童的图书阅读 iPad 端 App,所以此次设计的重点我们放在了“如何为儿童设计”中。


1.png


Loops 在平时的工作中,持续产出了许多优秀的设计,但大部分都是大众人群使用的产品。相对于儿童产品来说,我们在这方面去进行了更多的探索与思考。


2.png


随着移动互联网的发展,儿童接触电子设备已经屡见不鲜,幼儿园的孩子可能都在抱着 Pad 点来点去,虽然没有明确目的,但不可否认的是,移动设备已经进入现代孩子们的生活中并影响其成长。


3.png


一些网站、产品都为孩子们做出了专门的“儿童专区”,但纵观来看,这些所谓的“儿童产品”其实就是在常规设计上做的卡通一点,整体放大一点,总体的交互和体验都还是原来的东西。我们认为,儿童设计不是简单的放大、变卡通,而且需要站在孩子们的角度上,以全新的逻辑去进行设计。


4.png


儿童处于低龄学习阶段,对世界充满了好奇心,大部分行为都受外界影响。我们的设计首先就是要在视觉上去引导孩子们的审美。

我国儿童产业的审美相信大家也都有所了解…


5.png


我们希望现在孩子们的童年可以有更多更好的设计去培养他们对美的理解。审美在我国教育中可能比较陌生,大家都不太重视这方面。孩子们的家长知道语数外、钢琴、书法的重要性,却对审美的了解少之又少。

美是从孩子一出生就存在并持续影响他的,婴儿时期的玩具、小学的课本、路边的建筑、家居的设计、电视电影等等都是成长中必不可少的东西,然而这些东西却都是设计,都是美学。这些设计在潜移默化地影响着孩子们,决定了他们未来的审美。那作为一款 App 产品,我们能在视觉设计方面给孩子什么样的感觉,是我们要思考的问题。并且在交互层面,我们也应该去探索儿童和成人之间有什么区别,儿童在使用产品时,真实的想法到底是什么?这些就是我们对 ACB Time 设计之初的思考。


在设计之前我们先提出了一些问题。


儿童有什么样的特质呢?

1、低龄化,在设计中要规避“成人认知”;

2、处于学习阶段,对世界充满了好奇心与探索的热情;

3、活泼好动,注意力容易分散;

4、对色彩的辨别能力还不完善,喜欢明亮活跃的颜色;


儿童的这些特质可以引导我们在设计产品的时候,需要去注意哪些,经过我们的反复探讨与尝试,在设计中我们总结了一些观点。


1、清晰的内容结构。

我们在梳理产品框架的时候,就一直在进行化繁为简,因为孩子们的注意力容易分散,繁冗的信息架构和层级容易使他们迷惑。


6.png

2、尽可能简单直观的交互操作

孩子们在使用电子设备的时候,一般只会进行点击的操作,长按、拖拽、双击等操作,对他们来说会过于复杂,所以我们在设计中也避免了这种手势。


7.png


3、更多的图片、更少的文字、更大的字号

儿童对文字敏感度远低于图片,好看的图片对他们来说十分具有吸引力,更大的字号也是为了照顾他们还未发育完全的视力。


8.png


4、去除所谓的“卡通化”

所谓的“卡通化”是什么样的?


9.png


这些设计看起来貌似是儿童的产品,卡通活跃,但在设计上始终摆脱不了“低龄”的特点,儿童虽然属于低龄人群,但其使用的产品应该在保留童趣的同时也追求设计的美感,我们认为这才是正确的“儿童产品”。


5、趣味性设计

明亮活跃的色彩,更吸引孩子们,而且符合儿童产品的定位。我们在设计中也使用了一些动画,使整个产品摆脱枯燥感,增添趣味性。

10.png



6、与现实世界的互动

成人经过一定时间的学习,可以理解现代移动设备 UI 中的逻辑,哪里可以点击,哪里可以滑动。但儿童由于年龄小,理解能力有限,所以他们只是遵循自己的直观感受去进行操作。一个按钮,如何告诉他们是可以点击的?那就做成真的按钮,也就是我们常说的“拟物化”,这样可以与现实世界连接起来,孩子们看到以后不会陌生,自然会觉得是可以点击的,在设计中我们使用了大量的拟物设计去加强与现实世界的联系。


11.png


12.png

13.png


7、沉浸的场景体验

减少结构是解决儿童注意力容易分散的办法之一,接下来我们就让其更沉浸地去进行使用,不会被外界所影响。我们的设计均做了一些场景化的东西,让孩子们仿佛置身于一个游戏世界,从而更加高效的去进行使用。


14.png


8、游戏化的奖励机制

突出的奖励设计,可以激励孩子们继续使用产品,增加对产品的粘性,同时也激发孩子们天生的“游戏心理”,让原本的一个学习软件变身成为自己的游戏挑战。


15.png


总体来说,为儿童设计产品,更像是做一款游戏,而且是凭直觉操作的游戏。 


Loops 是一家设计公司,但有时候也要跳出这个身份,变身成为孩子们的玩伴,走进他们的世界,探索他们的心理,为他们的成长付出我们的一点努力。



查看全部
加入我们
泛文化娱乐背后的挖掘者


不久前,好未来集团(即学而思教育)找到 Loops,希望与我们进行一次全新的合作。好未来秉持用科技推动教育进步的使命,致力于让每个人都能享有理想的教育。而这次合作,是希望 Loops 为其新款 App 产品 ABC Time 进行全新的交互和视觉设计。ABC Time 是一款针对学龄前儿童的图书阅读 iPad 端 App,所以此次设计的重点我们放在了“如何为儿童设计”中。


1.png


Loops 在平时的工作中,持续产出了许多优秀的设计,但大部分都是大众人群使用的产品。相对于儿童产品来说,我们在这方面去进行了更多的探索与思考。


2.png


随着移动互联网的发展,儿童接触电子设备已经屡见不鲜,幼儿园的孩子可能都在抱着 Pad 点来点去,虽然没有明确目的,但不可否认的是,移动设备已经进入现代孩子们的生活中并影响其成长。


3.png


一些网站、产品都为孩子们做出了专门的“儿童专区”,但纵观来看,这些所谓的“儿童产品”其实就是在常规设计上做的卡通一点,整体放大一点,总体的交互和体验都还是原来的东西。我们认为,儿童设计不是简单的放大、变卡通,而且需要站在孩子们的角度上,以全新的逻辑去进行设计。


4.png


儿童处于低龄学习阶段,对世界充满了好奇心,大部分行为都受外界影响。我们的设计首先就是要在视觉上去引导孩子们的审美。

我国儿童产业的审美相信大家也都有所了解…


5.png


我们希望现在孩子们的童年可以有更多更好的设计去培养他们对美的理解。审美在我国教育中可能比较陌生,大家都不太重视这方面。孩子们的家长知道语数外、钢琴、书法的重要性,却对审美的了解少之又少。

美是从孩子一出生就存在并持续影响他的,婴儿时期的玩具、小学的课本、路边的建筑、家居的设计、电视电影等等都是成长中必不可少的东西,然而这些东西却都是设计,都是美学。这些设计在潜移默化地影响着孩子们,决定了他们未来的审美。那作为一款 App 产品,我们能在视觉设计方面给孩子什么样的感觉,是我们要思考的问题。并且在交互层面,我们也应该去探索儿童和成人之间有什么区别,儿童在使用产品时,真实的想法到底是什么?这些就是我们对 ACB Time 设计之初的思考。


在设计之前我们先提出了一些问题。


儿童有什么样的特质呢?

1、低龄化,在设计中要规避“成人认知”;

2、处于学习阶段,对世界充满了好奇心与探索的热情;

3、活泼好动,注意力容易分散;

4、对色彩的辨别能力还不完善,喜欢明亮活跃的颜色;


儿童的这些特质可以引导我们在设计产品的时候,需要去注意哪些,经过我们的反复探讨与尝试,在设计中我们总结了一些观点。


1、清晰的内容结构。

我们在梳理产品框架的时候,就一直在进行化繁为简,因为孩子们的注意力容易分散,繁冗的信息架构和层级容易使他们迷惑。


6.png

2、尽可能简单直观的交互操作

孩子们在使用电子设备的时候,一般只会进行点击的操作,长按、拖拽、双击等操作,对他们来说会过于复杂,所以我们在设计中也避免了这种手势。


7.png


3、更多的图片、更少的文字、更大的字号

儿童对文字敏感度远低于图片,好看的图片对他们来说十分具有吸引力,更大的字号也是为了照顾他们还未发育完全的视力。


8.png


4、去除所谓的“卡通化”

所谓的“卡通化”是什么样的?


9.png


这些设计看起来貌似是儿童的产品,卡通活跃,但在设计上始终摆脱不了“低龄”的特点,儿童虽然属于低龄人群,但其使用的产品应该在保留童趣的同时也追求设计的美感,我们认为这才是正确的“儿童产品”。


5、趣味性设计

明亮活跃的色彩,更吸引孩子们,而且符合儿童产品的定位。我们在设计中也使用了一些动画,使整个产品摆脱枯燥感,增添趣味性。

10.png



6、与现实世界的互动

成人经过一定时间的学习,可以理解现代移动设备 UI 中的逻辑,哪里可以点击,哪里可以滑动。但儿童由于年龄小,理解能力有限,所以他们只是遵循自己的直观感受去进行操作。一个按钮,如何告诉他们是可以点击的?那就做成真的按钮,也就是我们常说的“拟物化”,这样可以与现实世界连接起来,孩子们看到以后不会陌生,自然会觉得是可以点击的,在设计中我们使用了大量的拟物设计去加强与现实世界的联系。


11.png


12.png

13.png14.png


7、沉浸的场景体验

减少结构是解决儿童注意力容易分散的办法之一,接下来我们就让其更沉浸地去进行使用,不会被外界所影响。我们的设计均做了一些场景化的东西,让孩子们仿佛置身于一个游戏世界,从而更加高效的去进行使用。


15.png


8、游戏化的奖励机制

突出的奖励设计,可以激励孩子们继续使用产品,增加对产品的粘性,同时也激发孩子们天生的“游戏心理”,让原本的一个学习软件变身成为自己的游戏挑战。


16.png


总体来说,为儿童设计产品,更像是做一款游戏,而且是凭直觉操作的游戏。 


Loops 是一家设计公司,但有时候也要跳出这个身份,变身成为孩子们的玩伴,走进他们的世界,探索他们的心理,为他们的成长付出我们的一点努力。


查看全部
保存或扫描二维码
关注Loops Design公众号
确定