基于信息传达的教育APP界面情感化设计

摘要：移动互联网迅速发展，互联网+教育的理念逐渐渗透到用户心中，各种教育APP应运而生。本文以唐纳德·A·诺曼的情感化设计为理论基础，以某教育APP界面设计为例，分别从本能层、行为层和反思层三个层面分析情感化设计的因素，目的在于为教育APP界面情感化设计提供有价值的参考，并在此基础上设计出符合用户认知、让用户体验较好的APP界面。

关键词：教育APP；界面设计；信息传达；情感化设计

中图分类号：G434 文献标识码：A 论文编号：1674-2117（2018）18-0074-04

在“互联网+”背景下，人们在沟通、娱乐、社交、学习等活动中更依赖于移动设备，于是，各类手机APP应运而生。被称为“数字土著”的一代儿童，拥有很强的接受能力和使用高科技产品的能力，同时教师和父母对“互联网+”教育理念的认可赞同，使得移动设备成为学生的重要的学习工具。易观数据2017年3月份的移动APP TOP100榜单显示，我国中小学教育类和儿童教育类产品发展势头强劲，教育APP数量众多，造成了APP市场竞争严峻的现状，需要提高APP质量来提升自己的竞争力。于是在实现基本功能的基础上，交互界面设计成为APP一大竞争点，一个好的产品往往在实现基本功能的基础上更关注用户的情感体验，界面的情感化设计终将成为一大发展趋势。[1]

● 情感化设计

情感是指人的喜、怒、哀、乐等心理活动，是人对客观事物的认识活动而产生的心理体验。所谓情感化设计是指通过各种形状、色彩、肌理等要素，将情感融入到设计作品中，在消费者欣赏、使用产品的过程中激发他们的联想，使其产生共鸣，获得精神上的愉悦和情感上的满足。[2]唐纳德·A·诺曼将情感化设计分为本能层、行为层、反思层三个层面。

● APP界面需求分析

某教育APP的主要使用对象是6～12岁的儿童，他们正处于从不随意性向随意性过渡的时期，在学习中注重记忆而不注重理解，以机械识记为主，他们情感活动丰富，缺乏耐心，稳定性较差，做事常常虎头蛇尾，很难能坚持到底。

某教育APP主要包括课程的在线学习以及课后的巩固练习两个模块。在前期需求分析中发现，有很大一部分学生在利用手机APP进行学习时，自制力较差，在学习过程中经常受到其他软件的影响，注意力分散。针对这个问题，推出了家长模块，让家长设置安全密码，学生使用时必须通过家长输入密码，才能退出软件。家长模块将学生当天学习的内容以及视频的观看和练习题完成情况推送给家长，让家长能及时了解学生的学习情况并给予评价。论坛功能让学生可以相互交流，同时会在家长区推送一些文章，分享经验。

● APP界面情感化设计因素分析

1.本能层情感化因素分析

本能层即视觉层面的体验，指用户直观地从APP界面看到的因素，包括色彩搭配、文本、布局和图形等因素。这些因素能够直接地影响用户体验，成为用户选择APP的重要原因之一。

（1）色彩

色彩最先闯入人们的视线，不同的色彩会产生不同的视觉效果，它能够直接影响使用者的情绪，甚至可能会对使用者的学习效率产生一定的影响。[3]

根据心理错觉对色彩的物理性分类，可将色彩分为冷色系和暖色系，波长短的蓝色光、绿色光和紫色光可以给人一种凉爽的感觉，有科学家发现，颜色可以影响脑电波，当人处在蓝色环境中时脉搏会减缓，情绪也较为沉静，脑电波对蓝色的反应是放松。某教育APP的主色采用中亮高饱的蓝色，给人一种随和、新鲜、活泼的感觉，这样的界面设计能够吸引小学生，让学生带着轻松愉快的心情学习，更有助于提高学习效率。

（2）文本

APP界面采用多图模式，虽然文本占据的比重不太大，却在传达信息中起着重要作用，能够让用户和APP更好地交流。APP中文字主要是指在正文、标题、图标下方起提示作用的字。文本字体的选择以及字间距、字体大小都能够影响用户的体验，在选择时不仅要清晰明了让用户能看清楚，整个界面的和谐统一也是吸引用户的重要因素。在某教育APP界面设计中，论坛是文字占据比例较大的一部分。如图1所示，在家长交流的模块中，标题部分采用了华康少女字体，风格比较卡通，而正文部分，如果同样采用华康少女字体就会显得太过于花哨，使人眼花缭乱，因此采用较为规矩的宋体，宋体字秀丽清晰，稳重方正，在正文这种篇幅较多的部分使用更为合适。

文本在传达信息的同时，还能起到表达情绪的作用。在巩固练习部分，会根据学生的答题情况弹出不同的对话框。当回答全部正确时，系统显示三颗满星，并且通过文字给予学生称赞；当学生答题有误时，会根据错题的多少给出两颗星或一颗星，同时通过文字告知学生完成了题目，并且鼓励学生下一次继续努力，希望有更好的表现。通过文字的不同表述，能够给学生传达不同的信息，有助于增强学生的学习动机。

（3）布局

随着平板电脑或智能手机的出现，大屏慢慢普及，但是相对于电脑屏幕来说，仍然较小，因此设计师需要在有限的空间中完成整体内容的排版，让用户有最舒适的体验。图2是巩固练习题部分，题目占据了整个页面的主体部分，界面干净整洁、清晰明了。页面的左侧放置了目录按钮，当需要选择课程时，用户可以点击该按钮，选择相应的课程题目，不需要时，题目自动隐藏。这样不仅节省屏幕空间，还可以方便学习者自主选择学习内容。在屏幕的下方放置了功能按钮，包括观看视频、草稿纸、提交按钮，将使用最多的提交按钮放在最右侧方便用户点击。

（4）圖形图像

某教育APP的使用对象是小学生，他们认识的汉字数量有限，因此图形图像主要起到传达信息的作用。APP主页中，“设置”和“附加”两个按钮以圆形作图标，圆形能够给人以端庄大方的感觉；“我”个人设置按钮用小名片作图标，学生看到图标就明白点击这个图标可以进行个性化设置；论坛是用户相互交流的区域，因此选择小对话框图标，学生能够直接看出图标所代表的功能。主要模块中使用圆角矩形作为背景，圆角能够给人一种柔和的感觉，让学习者浏览起来更加舒适；界面中的卡通人物做了安静的手势，暗示要进入学习状态，同时能够让整个页面不呆板，显得更加活泼有趣。同时，在线课堂模块中使用黑板背景（如图3），能够给学习者营造一种课堂氛围，增强学生的沉浸感。

图形图像能够在特定时候唤醒人们对某一特定的事物或者节日的记忆。某教育APP的签到界面，一般情况下用金币代表每天的签到，当遇到节假日时，就会选用与节日匹配的图标代替金币。例如，端午节期间，界面中采用端午节的特色食物——粽子作为签到的图标，签到累计一定的天数就会有一个小礼盒，会有相应的礼品赠送，用绿色和灰色区分是否签到。在签到面板的左上角有一只小蜜蜂，小蜜蜂是勤劳的象征，代表勤奋，在增强学生学习动机的同时让页面变得更加轻松活泼。

2.行为层情感化因素分析

（1）交互因素分析

用户在使用手机时主要采用单手操作、双手摇篮式、双手操作三种方式。有数据显示，手机用户单手操作的人数为49%，摇篮式为36%，双手操作为15%。这款软件的主要用户是小学生，因此采用双手操作的人数占大部分，符合小学生的生理特征及使用习惯，方便用户与APP交互。

（2）操作情感化体验

①功能性。在进行APP功能模块划分时，应将APP的主要功能突出，在此基础上适当地弱化它的辅助功能。在某教育APP主页中的主要功能有两个：在线课堂学习基础知识、巩固提高部分通过做题来提升学生的能力。在页面的左右下角各有一个图标，只有在用戶需要时，点击图标辅助功能它们才会出现。这个页面重点突出，辅助功能相对弱化而不是没有，这样更能给用户带来愉悦的情感体验。

②理解性。在APP界面中，应该清楚明确地通过图标及文字提示，让用户可以清晰地知道每一部分的作用。如图4所示，在用户第一次使用软件时，既要用清晰的图标表示按钮的功能，又要用文字和手势引导用户，告诉用户一些不常见的按钮的功能，方便用户理解和使用。

③使用性。在APP的登录和注册中，如果步骤太过繁琐会导致用户使用的愉悦感降低，给用户留下较差的第一印象，甚至会导致用户的流失。某教育APP的注册页面下方设置了第三方登录，QQ、微信和微博都有了极高的普及率，用户可以直接利用这些账号一键登录，省去了注册和登录时的繁琐步骤，能够给用户带来了很方便的体验。在APP中，要让用户能够快速完成自己想要达到的目标。如上页图5所示，在巩固练习部分，设置了视频回看、草稿演算按钮。在做练习过程中，遇到问题可以随时打开草稿纸进行演算；视频按钮可以直接跳转到基础知识讲解模块，而不需要重复点击回到主页再进入该模块。在左侧有一个目录按钮，点击可以查看目录，完成相应的题目，方便快捷地进行选择。整个页面布局明确清晰，让用户有最舒适的体验。

3.反思层情感化因素分析

反思层是情感设计中更高级的情绪感知，是用户对APP的整体印象，本文研究用户与APP之间的交互、用户使用APP时的愉悦度，以及用户的参与度。

（1）愉悦度

用户在使用APP时会希望自己是控制APP的主体，能够利用APP促进自己的活动，而不是APP引导自己干什么，因此APP界面应该有明确的指示性。如上页图6所示，是这款教育APP在没有网络时的报错页面，采用了可爱的卡通柠檬举牌子的形象，在牌子中告诉用户产生这个页面是因为用户的网络连接断开，并且告诉用户重新连接网络后在页面空白处点击即可继续使用。用户通过这个页面能够知道怎么处理错误，减少使用的挫折感，通过可爱卡通形象的使用，能够减少在遇到错误信息时的烦躁感，带来良好体验，提升使用APP的愉悦感。

（2）用户参与度

在使用APP时，较高的参与度会让用户产生更大的兴趣和动力。学生在使用过程中可以设置自己个性化的一部分，包括昵称、头像等，而主要的年级、教材部分则是在家长中心由家长进行设置，这样既让学生在使用中有参与感又不会影响整个APP的使用。

（3）交流互动

人在群体中生活，交流互动是必不可少的。在某教育APP中有萌宝互动部分，用户可以在这里查看别人发帖的信息，给予点赞和评论，自己也可以发表动态，达到用户之间的交流互动。家长中心模块的主要功能是让家长了解孩子每天利用这款软件学习的内容以及学习情况，家长可以根据情况给予不同数量的小红花鼓励，这样既能实现家长和孩子的互动，又能给予学生一定的鼓励。

● 结束语

在APP界面情感化设计中，要遵循一定的策略与规范，结合实际根据用户的特点设计满足用户需求的APP界面，重视用户的情感体验。在实际使用过程中最能留住用户的APP往往不是因为功能多么强大，而是在于用户有愉悦的情感体验，因此在界面设计中一定要提高对情感化设计的重视度。APP市场潜力巨大，情感化设计将会更加受到人们的重视，简约化设计也会成为一大发展潮流。

参考文献：

[1]李良，曲双为，张阿维，等.基于用户体验的榨汁机设计策略[J].新技术新工艺，2015（7）：49-51.

[2]聂建林.浅析儿童情感化设计[J].中国包装工业，2013（12）：17-18.

[3]翁陈琛.安徽省芜湖市沈巷中心幼儿园形象识别系统的重构——以视觉识别系统为重点[D].重庆：西南大学，2014.

[4]（日）拓植hiropon.色彩搭配的黄金法则[M].木兰花，译.上海：上海人民美术出版社，2016.

作者简介：高晓晶（1981.12—），讲师，硕士，主要研究数字化学习资源应用、教育信息化。