项目复盘：智慧课堂改版

教学触控一体机在全国众多学校应用已经很普及了，无尘授课、是教学设备的应用主流。本次智慧课堂需把产品的未来版本规划、功能布局考虑到方案中去，将未来版本结构搭建完成后，再依据现有的功能输出方案，提高未来版本拓展性，防止前后版本不一致而增加用户学习成本。

产品定位：教学触控一体机在全国众多学校应用已经很普及了，无尘授课、是教学设备的应用主流。

相关优势：一体机可触控，内含电脑，支持Word、PPT等应用软件的播放，使用的便捷性得到极大的提高。 让教学更高效、智能，实现产品价值变现。

业务诉求：客户端v1.0实现教学闭环，适用一体机、机房电脑、教师Pad、学生Pad设备，支持练习收发、多媒体资源推送、抽选、抢答、奖励等互动工具。学生使用Pad答题、答题结果及时反馈。

用户诉求：课前有相关资源辅助备课授课，能够快速备课；课中时时掌握学生上课情况，课后根据学习知识点布置作业。

设计目标：课前备课推荐教学优秀资源，整合的、可收起的资源目录，简化备课流程；课中强化师生互动，学生数据及时反馈，根据数据给出对应解决方案；课后根据学生大数据，针对性推荐练习。

版本规划：设计方案需把产品的未来版本规划、功能布局考虑到方案中去，将未来版本结构搭建完成后，再依据现有的功能输出方案，提高未来版本拓展性，防止前后版本不一致而增加用户学习成本。

电子白板设备特点：以授课为主 。

设备位置固定，一般不可移动，尺寸较大，展示效果较好，可触摸手动操作，适合简单的点击、拖动操作，文本编辑成本较高。白板中间部分是展示内容黄金位置，屏幕顶部老师操作不便，屏幕底部学生有视角盲区。

PC电脑端设备特点：备课为主企业内训师培训。

设备屏幕小，个人沉浸式使用，可使用复杂操作，编辑、文本输入效率较高。设计时需要注意及时给予用户反馈，明确按钮、输入框等操作时的堕胎状态如默认、悬停、点击和禁止，帮助用户明确当前的操作状态。

使用场景：

老师会在家里、办公室使用电脑备课功能，编辑、添加、下载资源，习题等（效率较高，不易受环境打扰）会在课堂授课，使用电子白板或投屏，讲课、发布习题、播放多媒体课程（学生观看较为方便）

数据来源：http://baijiahao.baidu.com/s?id=1596687031515467537&wfr=spider&for=pc

竞品分析：知己知彼才能百战不殆，分析清楚自身的产品，还要去了解学习竞品并从中汲取优点，避免竞品缺点。从而帮助拓宽眼界和思路。

友商产品分析：学乐xx、优学xx、畅xx、教学xx、等，梳理竞品的信息架构，研究各产品交互逻辑、商业利益与产品体验的平衡，体验较差的功能问题本质在哪，体验较好的功能解决了用户什么问题，根据第一性原理，发掘问题本质。

友商产品优点：

结按照教科书目录结构显示，备课授课浏览过往课程，信息架构简单清晰。在线授课，线上资源丰富，大量使用手势操作，简单易用。题型编辑页清晰简单，富文本编辑功能丰富。拖拽添加资源至画板，形式操作简单，用户熟悉常用功能结构。

自家产品缺点：头部导航冗余复杂、新建课程操作繁琐、编辑器单一、备课结构复杂，流程较长、不可批量上传、上传文件无法统一管理。

设计目标：推荐教学优秀资源，简化备课流程，强化授课互动，学生数据及时反馈，给出对应解决方案。

体验目标：

适用性：匹配“教师角色”适用不同场景。效率：帮助不同老师在多种使用场景，多学科，多设备下使用中满足使用者对效率的要求，提升教和学质量，即“高效率”。学习成本：统筹交叉考虑“功能”与“心智”时，应该尽可能做到功能形态与心智模型的映射，符合课堂一般场景规范，便于老师理解、认知与学习，以达到降低“学习成本“的目标。稳定性：模拟“性能”与“老师心智”匹配时，体验目标则聚焦在“稳定性”上，根据教师备课授课不同设备上使用，都保证了统一的反馈，提供稳定的体验。

信息拆分/再归纳：

智慧课堂改版，需要基于清晰的了解自身产品及对其透彻的分析。针对我们现有的产品，我先将所有的细分功能打散再归纳分类，目的是不会被原有架构逻辑所束缚。所有功能打散再归纳后总结为：推荐、添加”、自定义、抽选互动、学生作答、结果分析、奖励/激励、共七类，深度再归纳则整合为“主要功能”、“诉求功能”  和“辅助功能”。大的功能类别整理出来后，再从不同的维度对分支功能进行分析。如：“使用频率” “使用场景”“商业目的”等。找到了自身产品的核心回路，如：起始于“资源推荐”“一键添加”快速高效完成备课，这也正是后续优化改版，需要着力把持来保证用户使用高效、体验流畅及信息流转的核心回路。让备课授课流程，更加简单易用。

信息架构：从查阅背景材料开始，充分的去挖掘以往的有用信息。拆分功能结构，归纳核心功能、同类合并原则，梳理出基本信息架构，目的是为了高效的区分优先级功能类别，确认本质规律和底层逻辑。

设计草稿：根据信息架构，按照优先级、同类合并原则绘制草稿，梳理出基本结构。绘制多种方案，对比每个方案的优缺点及合理性。

原型稿-备课

设计思路：PC备课老师个人使用；编辑、添加、下载资源，习题等（效率较高，不易受环境打扰）。将高频【工具栏】始终在上方显示，确保用户根据编辑PPT、Word的习惯，顺利完成备课炫彩。

依据业务目标，推荐教学优秀资源，简化备课流程，所以将翼课资源展开在工具栏下显示，让老师快速添加资源，提高备课效率。

原型稿-授课：

设计思路：操作者是老师，阅读者是学生易秀网，课堂使用【电子白板或投屏】，需要方便老师讲课、发布习题、播放多媒体课程，同时学生观看较为清晰方便。根据用户画像和使用场景，所以将工具栏放置在底部方便老师操作，上方确保足够的显示面积，方便学生阅读内容。

（1）智慧课堂项目交互定稿从【产品需求、版本规划、设备研究、场景分析、用户画像、竞品分析、体验目标、信息架构、草稿、高保真、内部评审、产品确认、技术评审、到交互定稿】每一个环节都需要严谨分析，每一个细节、用户习惯都是改变功能展示结果的因素。

为了提高用户体验也对应的加入很多操作动画引导、手势操作等，在方便技术同学开发和沟通，也做了一些demo。

（2）方案设计过程中，也不是一次就能设计出最合理最完美，而是需要设计4-5版方案，在4-5版中相互对比，发散聚焦、再调整优化才能输出1版合理、符合预期的交互稿。

（3）改版的相关问题需要数据验证，发现不足及时做相关的记录，持续更新迭代。

（4）输出客户端项目公共交互规范，减少项目交接和版本更新过程中，样式逻辑不统一问题。

本文由 @废柴舅舅 于，

题图来自Unsplash，基于CC0协议