B端教育产品情感化交互设计指南【产品交互篇】.docxVIP

B端教育产品情感化交互设计指南 摘要：B 端产品设计如何兼顾产品工具属性与情感化体验？如何通过设计让枯燥的学习过程变得有趣，把 “要我学” 变成 “我要学”，提升学员学习积极性？本文将通过我们在 B 端教育产品 「学习科学师训平台」小程序的设计经验，讲一讲如何做 B端教育产品的情感化设计。 一个教师的执教生涯中可能会经历上百次的教师培训，大到国家级培训、市级培训，小到区级培训、学校培训，既有线下集中培训，也有线上网课。国家为此投入了大量的人力物力财力，但由于部分网络培训课形式主义严重、教师培训内容“假大空”等原因，导致教师可能对培训有抵触心理。本应为教师带来专业知识的培训，却让老师身心俱疲。 因此，我们在本次师训产品设计过程中，充分考虑参加培训的教师心理，通过情感化的设计充分缓解老师的焦虑情绪，提升老师的参与度和积极性。 01 项目背景 「学习科学师训平台」小程序（以下简称师训小程序）是我们为清华大学教师培训团队打造的一款用于培训青年教师的培训平台，其中认证培训板块是通过为期一个月的线上直播为主的培训课程，培养一批青年教师。让老师了解如何通过科学的心理学方法，理解和教育学生，提升老师的教学水平。 02 客户诉求用户心理 经过与客户的深入交流，总结其主要的设计诉求是，能够让参与培训的教师们在一种轻松、有趣的氛围中完成培训，同时加强教师与授课讲师的互动性。为什么客户会提出这样的需求呢？我们深入挖掘了教师参与线上培训时懈怠的原因，大致有以下几点： 培训内容上，与自己想学的脱钩，或者内容太虚无法落地。 培训形式以线上视频为主，缺少参与感，有问题也得不到及时的交流和解答。 培训占用自己太多时间，平时备课上课已经非常忙碌，难以有精力和时间再上培训课程。 综合考虑客户诉求及用户心理，我们认为应该为产品赋予更多情感化的元素，让参与培训的教师能够在轻松有趣的氛围下快乐学习，收获满满。 03 什么是情感化设计 美国认知心理学家 Donald A.Norman 在《情感化设计》一书中，分别从本能、行为、反思三个层次阐述了情感化设计的含义和作用。 其中，本能层次关注的是视觉及其他感官出于本能的直接反应，好看的外观是产品吸引人的第一步。 其次，行为层次关注的是使用的效率和乐趣，可通过满足用户的功能需求和提高易用性来实现。 最后，反思层次与用户的长期感受有关，需要建立品牌或产品的长期价值。只有在产品/服务和用户之间建立起情感纽带，通过互动影响产品在用户心中的形象、满意度、记忆等，才能形成用户对品牌的认知，培养用户对品牌的忠诚度。 结合产品的使用场景和客户、用户诉求，我们圈定了主要设计范围： 本能层次：通过新的交互和视觉形式，塑造品牌形象，第一眼就能打动用户。 行为层次：打造一站式的高效学习工具，将零散分布在多个工具上的课程内容集成到师训平台，重点打磨核心的功能–直播和录播课的体验。 反思层次：给予用户成就感和荣誉感。引入激励机制，在认证培训的多个环节给予用户及时的正反馈，创造成就感，不断激励用户完成培训课程。 情感化设计的三个层次上的设计策略 04 什么是本能层次设计 4.1 本能层次的设计 在本能层次上，我们希望传达给用户的感觉是轻松、愉悦，而不是传统、枯燥的培训体验。因此在交互形式和视觉表现上，我们做了轻量化的设计，并通过品牌的打造来提升品质感和加深印象。 本能层次上的设计策略 4.1.1 新的交互视觉形式 教育产品通常会把课程列表作为首页，让用户自己查找课程。这种形式足够安全稳定，却也相对刻板无趣。用户看到一个长长的课程列表，可能会产生压力感和焦虑感。 为了让用户第一眼就感受到轻松愉悦，我们将课表按轻重缓急做了样式上的区分，状态为“远未开始”和 “已结束”的课程不是用户最关心的，我们进行了弱化处理。重点突出“进行中”的课程，若无“进行中”的课程，则突出展示“即将开始”的课程。这样，用户只要关注当前最重要的课程即可。 课表以学习地图的形式串起来，根据课程完成进度依次点亮地图，营造过关斩将的快感。 对比列表形式及地图路径形式 4.1.2 品牌影响力的建立 在第一版学习地图设计中，客户并没有关注品牌设计，我们对客户的了解也有限，导致第一版小程序没有体现清华团队的特点和权威性。 第一版地图设计方案 因此，我们希望在第二版设计方案中，突出强调客户的识别性元素。经过与客户的深入沟通，我们了解到客户创业多年，已经有了许多品牌沉淀，包括老师的形象照、团队宣传视频、IP形象、学员感悟传播图片等。经过内部评估，我们决定采用老师形象和课程名句来打造品牌。 客户品牌沉淀 最终，学习地图首页通过跳一跳的形式来展示每个课程节点，每次默认展示用户最近需要学习的课程，弱化其他课程。用户进入产品只需点击最大的课程卡片即可开始学习，减轻用户的心理负担，也可以通过上下滑动来查看其它课程