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

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

友商产品优点：

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

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

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

二、设计方案

体验目标：

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

信息拆分/再归纳：

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

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

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

原型稿-备课

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

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

原型稿-授课：

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

三、总结计划

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

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

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

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

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

本文由 @废柴舅舅 原创发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自Unsplash，基于CC0协议