概要
Loomo 是由开创自平衡车类产品的赛格威公司在2017年推出的一款产品,围绕「让自平衡车的用途从短途交通拓展至教育场景」的想法,我设计了这套产品方案。
该产品为满足深度用户的 DIY 功能需求而开发了手机 App 界面可用的图形化编程功能,但从设计角度来说,并不适合教育用途,所以我设计了这个新的方案。
设计目标
将 Loomo 用于教育类图形化编程的优势:
- 传感器多样:能够帮助学生了解机器人如何感知外部环境。
- 具备AI特性的交互功能:语音、视觉、触摸等交互方式,这是常见教育机器人类产品中没有的。
Loomo 用于教育类图形化编程的劣势:
- 产品过于庞大,不适合做多次调试运行,且当代码逻辑出现错误的时候,反复调试对于学生的体能也有挑战(想象一台重5-10kg的平衡车,学生在程序执行之前不了解可能出现的后果,多次往返的搬运……),需要具备一定预览性质的功能。
-
小屏幕无法承载教育需求:Loomo 众筹资料中的图形化编程界面和米兔积木机器人的编程界面类似,都只有简单的代码块退拽拼接,但对于学生直观了解传感器工作原理等教学需求没有帮助。故应该最小基于 iPad 的屏幕进行设计。
相比常见的自平衡类产品来说,Loomo 集成了英特尔RealSense、广角摄像头、阵列麦克风、超声波传感器在内的多款传感器,从而支持包含人体识别跟随、语音交互、环绕拍摄在内具备较多人工智能特色的功能。
Loomo 的传感器核心分布在一个可三维运动的「头部」上。
核心页面构成
编程界面主要由如下部分构成(依照从左到右、从上到下顺序):
- 标题栏:包含返回项目列表、可编辑项目名称和进入帮助界面三个部分。
- 传感器状态显示区:位于左上角,可显示传感器的实时状态。
- 仪表盘:显示速度和车辆前进的运动方向。
- 运动按钮:左下角圆形按钮,可手动调整机器人的前后左右运动。
- 「头部姿态」手动调整按钮:左下角第二个圆形按钮可手动调整机器人「头部」的横向与纵向角度,以实现调整传感器的角度。
- 「预览」、「保存」、「上传程序」按钮。
- 编程操作按钮:右上方包含「后撤」、「下一步」、「回到主程序按钮」、「查看回收站代码块」、「缩放」和「现有缩放比例」部分。
- 可使用代码块区域:界面正中央为不同类别可以使用的代码块。
- 编程区域。
除此之外,还设计了编程项目的清单界面。
核心交互流程
时间所限,此次针对界面上与业务场景较为相关的内容设计交互。
显示如摄像头、麦克风阵列等传感器的实时状态
当编程者在特定区域选取代码块时,自动调用显示该代码块对应传感器的状态,实现学生在代码完成之前就能了解自己的代码可能让机器人如何运行。
预览代码运行进度
在编程者决定上传程序之前,可使用预览按钮,此时可运行的代码片段高亮闪烁,出现播放符号。
例如:代码要求机器人在视觉传感器监测到不同内容、麦克风在识别到不同语句时做出不同的反应,则可以直接闪烁对应的代码片段,通过这种方式降低需要平衡车需要跑出若干米才能了解程序效果的场景,符合学生学习、体能状态。
缩放传感器状态界面:可放大和缩小传感器状态界面。
除此之外,还简单设计了保存和上传执行程序界面。
此方案使用墨刀完成。
完整页面设计可点击此链接查看,密码:hxk。
完整工作流说明可点击此链接查看,密码:hxk。
我关于科技类教育产品的其他内容: