儿童交互电子书视觉系统设计有效性研究
——以2~5岁儿童电子书设计为例
2019-07-13南京林业大学艺术设计学院210037
(南京林业大学艺术设计学院 210037)
随着近年来儿童电子书普及率的日益提高,设计师对其视觉系统设计的有效性等问题也在不断的进行探索与研究。一般视觉系统设计主要包括图形、文字和色彩设计三个部分,而大多数情况下有关儿童的设计都是高度图形化的,图形通常是指导儿童读者(用户)如何与应用程序交互的主要元素,因此,本文将着重探讨如何有效使用图形和图形所附加的色彩设计来支持儿童交互式电子书的用户体验。
一、适合儿童色彩感知的图形设计风格
尽管儿童电子书应用中的诸多内容和交互元素都会使用图形部件和鲜艳明亮的色彩组合,但应用中这些元素的不同组合方式既可能会带来很棒的用户体验,也可能会造成使用中的困惑性和挫败感。下文中将讨论在为2到5岁的孩子设计电子书应用程序时,图形和色彩的最佳使用方式。
许多关于儿童色彩喜好的调查表明,年龄在2到5岁左右的儿童通常喜欢附加红、黄、蓝三原色或红与绿、黄与紫、蓝与橙这类补色以及其它鲜明色彩对比的图形规划,这种设计容易引发小朋友的探索欲。广受欢迎的《好奇的乔治》(Curious George)儿童电子书设计就是一个非常成功的案例。
背景图形在这样的布局中常常绘制得丰富多彩,为孩子们创造了一种身临其境和探索的体验。然而更值得注意的是在设计时需维持图形视觉上的层次结构并重点强调交互的元素。孩子们可以通过点击或移动某些图形组件来实现交互,强调的组件可以添加粗壮的轮廓线或局部的阴影,又或者通过与背景图形的鲜明色彩对比来达到效果,这种视觉强调还经常附着音频和动画来促使用户采取互动。在《好奇的乔治》示例中,读者会要特别观察到有三种类型的导航系统,每种导航系统中图形元素的使用将它们彼此区分开来。园区内的导航图形具有与界面静态图形元素相同的外形和感觉,提供了统一的外观。在页面的底部,具选择特性的导航栏图标使用了更复杂的3D外观,用粗壮白色的轮廓线来唤起对页面特定区域的注意。最后家长或看护者的导航则使用页面右上角的简单文本链接,而低龄儿童读者很可能会忽略这些。
孩子们喜欢鲜艳的和强对比的色彩,这种喜好会持续到五岁左右。然而,近年来,由于孩子们在电影、电视节目、iPad和手机应用中对动画、3D图形等有着普遍的接触,因而对更广泛的调色板、更复杂的纹理和更高级深度层次的复杂图形的容忍度也增加了,这是当前一种新的儿童图形认知趋势。
二、基于移动设备的视觉设计方法
现在,越来越多的孩子喜欢在iPad和手机这样便携式的移动设备上阅读电子书,在面向儿童的电子书应用程序中,有许多表现图形和交互性的方法。以获过奥斯卡奖的MoonBot工作室为iPad制作的电子书应用《莫里斯·莱斯莫先生的神奇飞书》(The Fantastic Flying Books of Mr. Morris Lessmore)为例,书中展现了高度复杂的3D计算机动画图形,整个绘本既像电子书又像动画短片并且融入了许多有趣的互动体验,如拼图、弹钢琴及重力感应游戏等。在为iPad和iPhone设计的托卡机器人实验室(Toca Robot Lab)应用中,儿童可以基于真实世界的废弃金属、杂物及零碎的部件材料图形来组装创造属于自己的机器人,如废旧的电视可以充当机器人的脑袋,一个斑驳的扳手可以变成一只手。又或者如Tickle Tap这样的应用程序则在界面中提供简洁的矢量图形,易于为低幼儿童所识别。
一般来说,电子书应用程序的整体外观图形及色彩风格是由初始设计时设定的受众年龄、应用的主题和希望用户执行的操作类型所决定的。基于移动设备平台为儿童设计电子书应用时,可以考虑从以下三个方面来着手进行:
1.沉浸式体验设计
由于iPad和iPhone等移动设备具有高分辨率的图形处理和渲染能力,孩子、家长及看护们都学会了期待沉浸式的用户体验,包括高质量的图形和视频动画等,因而让读者在设计者营造的情境之中感到愉悦和满足显得尤为重要。此外,为了获得高效率的操作体验,使视觉丰富的应用程序即时生效执行也非常重要。尽管许多针对儿童移动平台的电子书应用外观都很漂亮且有趣,但它们可能需要一段时间才能加载下来,这会让渴望阅读电子书的儿童读者即刻就感到挫败和沮丧。
2.为小屏幕设计
移动设备的小屏幕空间有限,要求更强调主导航栏的图形、更简洁的布局和背景,以及不那么复杂的功能组合。大多数学步儿童和学龄前儿童都想快速探索应用程序并与之互动,但他们脑海中往往并没有特定的任务和目标,因此,整个设计应该是有趣的和探索性的,但同时需保持界面井然有序和孩子的专注力。在添加公司标志、设置和其他选项,菜单或辅助导航元素以及不属于当前任务的图形之前一定要三思而后行。
3.为自主使用而设计
一般除非另有说明,通常设计师会默认孩子将在没有成年人帮助的情况下使用相关的电子书应用,这时需要针对2-5岁年龄段的目标用户彻底测试电子书在移动设备上的可用性和宜用性,例如检查互动图形元素的大小是否适合学龄前儿童手指的点击、放大或缩小操作等,这样实际使用过程中会避免经常出现失误阻碍,从而使他们分心脱离当前的情境体验造成挫败感。
三、儿童电子书视觉系统中的图标设计
图标可以简单理解为具有指代性意义的图形标识,是交互界面中图形设计的重要组成部分。
学步儿童和学龄前儿童对电子书交互式应用中提供动作指令的图标理解非常直白,他们对单击或轻击这些图标会发生什么的预期也非常直接。例如,虽然小朋友能够将前后箭头符号这样简单的图标与导航系统联系起来,但却不太可能推断出主页按钮或软盘图标这类成人数字世界中很常见的图形标识含义。以《科学小子席德》(Sid the Science Kid)为例,查看主界面的顶部导航栏会发现其中视频图标是最清晰的,大多数孩子都能把屏幕和音符图形与视频联系起来,书和蜡笔的形象组合也是一个标准的图标设计。然而,印刷的图标则可能会引起混淆,如果孩子们还不会自己阅读或打印页面,这个图标可能会让他们误以为直接在屏幕界面上涂色即可进行交互,当发现涂色功能只对打印页面适用就会产生沮丧感。某些图标会导致模棱两可的解释,甚至可能会引起歧义。
一些儿童电子书界面在导航栏中组合了标签和图标,这可以适应不同发展阶段的儿童阅读需求。三岁及以下的幼儿基本对文本标签不感兴趣,他们几乎完全通过使用图标来浏览电子书。然而,当孩子们成长到五岁的时候,会变得对阅读和写作感兴趣了,并且会很高兴在阅读时将词语的意思与对应的图标匹配起来。如果需要使用文本标签的话,尽可能把标签概括缩减到只有一个描述性的单词这样比较符合低幼儿童的阅读偏好。
四、结语
在儿童交互电子书中有效地使用图形和色彩是视觉系统设计中最重要的方面之一,可以确保向儿童读者提供最佳的内容和令人难忘的用户阅读体验。本文提供了一些设计方法和注意事项,希望可以在为儿童(尤其是幼儿和学龄前儿童)开发电子书应用程序时起到借鉴作用。