作者：MICU 设计

点击查看源文件：智能钢琴训练

近些年来，越来越多的人通过手机、电脑或平板获得信息、知识甚至技能。

烹饪、健身、美妆、运动......过往通过视频或图文的形式在线学习，过程缺乏互动性，也无法针对学习体验者的实际情况进行督导与纠正，效果不理想，无法打动或留住用户。

于是越来越多的智能在线教学产品应运而生，从学习体验者的角度出发，通过互动直播、虚拟现实、智能教学等方式，突破了传统的单向信息传递，进而广受追捧。

一些优秀的产品甚至超越了教学的范畴，引发了新风潮。每日打卡、成就海报、在线等级考核甚至线上同步赛事，相信大家都在社交媒体见过这类信息。

无疑，更为智能的沉浸式线上学习产品，将逐步取代单调的视频课程、图文教程，成为用户的首选。

而此类智能学习界面设计，也会越来越多的引起广大 UI 设计师的关注和青睐。

本次的优秀案例分享，便为大家带来一套由 「MICU设计」设计的「智能钢琴训练」UI 设计作品，仿真质感的键盘界面，多种音效和乐器选择，沉浸式的教学模式，针对性极强的课程设计，还有成体系的成就卡片，相信能为你提供极佳的灵感参考。

全键盘

全键盘界面模拟实体钢琴按键质感，辅以音符提示，对初学者极为友好。

界面还集成了模式切换、成就卡片，演奏示范更是线上学习的必备功能。

全键盘引导

琴键指法和琴键位置提示，同样是针对初学者的友好功能。

有利于学习者的正确技法养成，逐步形成指法记忆，完成技能的积累和进阶。

全键盘音效

在基础的钢琴模式之上，融合了「唢呐」「小提请」「吉他」「大提琴」等模式选择。

大大拓展了界面的表现效果，增加了趣味性和可玩性。

成就弹窗

成就弹窗是在线学习产品的必备功能。

通过打分评估使用者的学习效果，增加了互动性；也可以通过分数激励使用者的持续深度使用，增加粘性。

选择乐器

多种乐器的选择，拓宽了用户群体。

使得这不再单单是一个钢琴智能教学，综合了各种乐器的在线产品，堪称掌上乐队。

意见反馈

能够反馈给设计开发人员的意见反馈界面，为产品的持续优化迭代提供了用户声音。

界面还可以承接产品社群，通过粉丝积累完成传播和进一步裂变。

新手提示

通过视频、动画等方式，为用户提供指导，降低了使用门槛。

同时规范的操作和演奏指南，也提升了产品本身的专业度，增加了用户的信任度和粘性。

课程选择

针对不同阶段的使用者，有不同的课程设计，覆盖更为广泛的用户群体，增加产品的卖点。

同时也与只针对初学者的产品做出区分，进阶养成的链路，可以增加用户使用时长及使用深度。

我的卡片

相信没有人能够对「集卡」说不。通过解锁更多的成就卡片，激励使用者持续的深入使用。

而且线上学习本就是在达成一个工作之外的成就，卡片本身则是一种肯定与激励的外化和量化，也是用户自发传播的良好载体。

卡片示例

这里我们展示的是界面的最终视觉效果，作者 MICU设计 还提供了作品的源文件，方便大家学习和查看，一些通过图片无法表现的设计细节及控件，也可以更为清晰直观的学习和感受到。

点击查看源文件：智能钢琴训练

我们的创作者社区包含了海量优质素材和作品，同时也鼓励更多的优秀设计师加入进来，共同汇聚，相互碰撞，相互激发，产生更多奇思妙想，实现更多可能性。

Powered by Froala Editor