RadicalX人工智能教学平台-用户体验优化设计

这是我2023年的UX实习项目,公司产品已于今年8月实际上线。

RadicalX人工智能教学平台-用户体验优化设计

这是我2023年的UX实习项目,公司产品已于今年8月实际上线。

RadicalX人工智能教学平台-用户体验优化设计

这是我2023年的UX实习项目,公司产品已于今年8月实际上线。

项目类型

UX, UI

UX, UI

UX, UI

时长

4周(2023年9月-10月)

4周(2023年9月-10月)

个人职责

个人职责

UX设计

UX设计

团队

团队

Yushi Song(UX设计)

Parita Shah(用户访谈)

Aarushi Bajaj(队长)

Yushi Song(UX设计)

Parita Shah(用户访谈)

Aarushi Bajaj(队长)

简介

简介

RadicalX是一家软件开发公司,它的产品基于chatGPT,利用生成式AI对话教学,提供游戏性的编程课程。

RadicalX是一家软件开发公司,它的产品基于chatGPT,利用生成式AI对话教学,提供游戏性的编程课程。

问题

问题

产品对话式的教学方式,让文本和习题混杂在一起,导致用户体验上的不便和混乱。

产品对话式的教学方式,让文本和习题混杂在一起,导致用户体验上的不便和混乱。

解决方案

解决方案

我们将原本的教学内容分为两个独立的部分,分别是“对话学习”和“习题小测”。

本项目主要展示小测(Quiz)部分的设计过程。

我们将原本的教学内容分为两个独立的部分,分别是“对话学习”和“习题小测”。

本项目主要展示小测(Quiz)部分的设计过程。

产品自查

2023.8 - 第一轮Beta测试

对话教学示意图

练习题示意图

Beta测试

项目的第一轮Beta测试于2023年8月底上线,根据用户反馈,43%的人觉得对话教学有些冗长。

同时,完成课程获得证书的人数仅占1.2%。

产品自查

2023.8 - 第一轮Beta测试

对话教学示意图

练习题示意图

50人为一组开设课堂,一周后只有6人完成教学。

项目的第一轮Beta测试于2023年8月底上线,根据用户反馈,43%的人觉得对话教学有些冗长。

同时,完成课程获得证书的人数仅占1.2%。

竞品对比

如何优化学习体验?

优势

RadicalX创新式地采用了人工智能对话式的教学方式,更有趣、更个性化。

劣势

目前,RadicalX的练习题集成在对话教学当中,而非独立板块。这使得对话冗长、学习体验混乱。

设计策略

设计策略

将练习小测(Quiz)板块独立化,使用户的学习路径更清晰,改善用户体验。

将练习小测(Quiz)板块独立化,使用户的学习路径更清晰,改善用户体验。

配图为RadicalX的人工智能形象Rex

线框图(节选)

将答题部分从对话中剥离出来,成为新的版块。

线框图(节选)

将答题部分从对话中剥离出来,成为新的版块。

用户学习路径

Before

RadicalX的课程分为Level1-4,用户沿单一路径,进行对话学习,完成课程。

After

将习题测试从教学中剥离出来,成为独立版块

用户必须通过该等级的习题测试后才能进入下一等级学习。

修改学习路径后,好处有:1.丰富教学方式。2.便于衡量用户学习成果。3.优化学习体验。

用户学习路径

Before

RadicalX的课程分为Level1-4,用户沿单一路径,进行对话学习,完成课程。

After

将习题测试从教学中剥离出来,成为独立版块

用户必须通过该等级的习题测试后才能进入下一等级学习。

修改学习路径后,好处有:1.丰富教学方式。2.便于衡量用户学习成果。3.优化学习体验。

设计细节

细节功能

倒计时

设置对每一题的倒计时。

进度条

让用户把控答题进度

答题特效

实时经验收益,鼓励用户继续答题。

倒计时

设置对每一题的倒计时。

进度条

让用户把控答题进度

答题特效

实时经验收益,鼓励用户继续答题。

答题区域

选项状态

选项分为“未选中”、“选中”、“答对”、“答错”四种状态。

答题按钮

提交答案,进入下一题。

选项状态

选项分为“未选中”、“选中”、“答对”、“答错”四种状态。

答题按钮

提交答案,进入下一题。

页面流程

加载页面

用于倒数进入小测,增强学习过程中的游戏性。

结算页面

用于展示答题结果,并引导用户进入下一步。

页面流程

加载页面

用于倒数进入小测,增强学习过程中的游戏性。

结算页面

用于展示答题结果,并引导用户进入下一步。

方案呈现

1.加载页面

1.加载页面

①显示课程信息,3秒钟倒数进入测试,提醒用户做好准备。

②配合音效,增强游戏性,提升用户体验。

2. 答题页面

2. 答题页面

①移除确认步骤,每道题30秒倒计时,提升用户答题速度。

②题目数量减少后,设计新的答题进度条。改变关闭键位置,减少误读,同时呼应产品视觉风格。

③右上角显示答题互动效果,展示经验收益。

3.结算页面

3.结算页面

①中间区域展示答题收益,引导用户进入下一步。

②顶部导航栏显示用户当前累计收益。

测试与反馈

RadicalX正于2023年10月进行二轮Beta测试。

结果分析

由于Beta测试还在进行当中,我当前还无法从后端团队获得具体数据。

目前可见的是,在新的教学结构上线后,同一课程的证书获得率由之前的1.2%提高到了1.6%,增长了0.4个百分点。