E-Scooter APP
2023-3
iOS Mobile App
IoT Integration Project
UI / UX Design
Ride Smart
将你的手机变身电动滑板车智能中枢。
解锁超酷功能，随心掌控骑行。
尽享流畅、省心的出行体验
调研
01
关于项目
1-1
这款应用程序是为辅助Rolley（一款由 Scooterson 公司生产的电动滑板车)。其设计目标是确保骑行者只需在智能手机上轻触几下，即可轻松控制与监控其scooter.
挑战
1-2
用户骑行过程当中的交互，其中包括：
1. 用户和手机端的交互
2. 骑行者与 Rolley（电动滑板车）的实体交互
3. 应用程序与 Rolley 之间的通信这种复杂性使得应用设计工作变得更为棘手，因为上述所有交互行为都是同时发生的。在设计上，既要保证应用能有效提升骑行体验，又要确保不会因过度干扰而影响骑行者的安全。
用户旅程图
用户旅程映射有助于识别各类骑行场景下的用户痛点，指导 App 功能优先级的制定
1-3
Scenario
Behaviours
Experience
Expectation
App Design
Before Riding
Ready to start
Riding
After Riding
Plan the route and destionation
Find the vehicle
Position besides the vehicle
Check the vehicle’s physical condition
Retrack the kickstand
Unlock and start the vehicle
Check the battery capacity
Adjust the mirror
Reset the trip if necessary
Shift the level to Drive mode
Rotate the throttle to speed up
Check the speed
Check the battery if drain
Check instrument cluster
Park the vehicle
Power off
Lock the vehicle
Open the battery bin to change battery if necessary
Hand in keys to share if possible
Walk away
Excited at new journey
Struggling to find the vehicle
Unsure of the vehicle condition
Confused in starting the vehicle
Feels annoyed at unexpected errors
Feel enjoyable when riding
Easy control
feel disappointed at no navigation embeded.
feel accomplished after riding
feel troublesome to lock before leaving
inconvenient to swap battery and share the vehicle
Feel worried of being stolen
Locate the vehicle remotely
Unlock the vehicle before approaching
Maintenenance Alets
Battery status updates
Record the riding route
walk away directly after riding
reminder of tempering
friends can ride if owner not nearby
- Enable the vehicle can be ready before user approaching.
- Enable riders to monitor the vehicle remotely.
- Dont distract users from riding.
- Alert only when necessary
- Secure the vehicle when away
*该用户旅程基于常规电动滑板车绘制
解决目标
1-4
iOS Mobile App
app的目标应该是简化骑行前的准备流程
app需要在骑行结束后对车辆进行监测，确保滑板车的安全。
控制和管理
接收数据
User journey mapping helps prioritize app features based on different scenarios. Moreover, the app design serves as a companion throughout the entire riding experience.
规范
02
Regular
Medium
Bold
2-1 Font
SF Pro Display
我们使用 iOS 系统字体以减小应用体积，并将字重限制为三档。不过，数字字体保持与仪表板显示一致。
运用design token 构建一套系统化、结构化的设计体系
2-2 Colour
#2D324F
#7088E5
#CCDBF0
60%
30%
10%
Colour, Hex
色彩配比保持 6:3:1，这是达成色彩平衡的最佳比例。主色提取自滑板车本身，以确保app与scooter的和谐统一
Effortless Vehicle Activation
03
通过移动应用，激活 Rolley 变得前所未有的简单。只需扫描提供的二维码，Rolley 便会即时启动
Easy to switch among vehicles
用户通过左右滑动卡片来选择车辆。这种设计模型符合用户心智模型，从而简化学习过程。
用户可随时掌握车辆的状态，确保始终对其拥有完全的控制权
主页设计模拟了真实的车库空间，契合用户对产品的初始认知与心理预期
Know the status at just a glance
一条至关重要的用户体验原则是：最大限度地减少用户犯错。因此，在用户执行下一步操作前，展示当前车辆状态的预览，有助于规避错误。
A Personal Garage for first hands experience
04
Well-organised layout reduces the UX Load
基于对user journey map的分析，我们将控制页面划分为多个功能区块，以降低用户的使用负荷。
02
仪表盘
displays important information such as speed, fuel level,
01
主视图
Visualising the vehicle's status.
03
Centre Stage
Suggestions on user potential behaviour
04
控制面板
Main interaction area
视觉层级
遵循用户的眼球移动轨迹，所有组件采用垂直布局，从上方中心开始，向下延伸至底部。
为降低手部动作负荷（热区），将交互区域置于屏幕底部，此处最易触及。此外，依据交互优先级沿 Z 轴排布模块。用户通常会优先接触距离自身更近的元素。
Z-Axis
Sections
Instrument Cluster
Main View
Centre Stage
Control Panel
View Area
New Tasks Triggered Area
Main Interaction area
首击测试（可用性测试)
该测试旨在评估用户能否快速识别出完成任务所需交互的元素。
参与者需执行诸如启动车辆之类的任务。结果显示，绝大多数用户都能通过，顺畅且快速地完成任务。
05
Connected Control,
Manage with ease
*8pt Grid System
*对称式设计营造出均衡的视觉配重，映射出滑板车本身的稳定与可靠
*交互区域与视窗区域的比例为 0.375，这一数值符合具有美学美感的黄金分割比例
Dashboard
View Area
Interaction Area
主视图
5-1
Connecting to vehicle
Power on
以 Rolley 产品形象作为展示主体，从不同角度切换显示，可直观呈现设备的连接状态
object
背景标识源自 Rolley 品牌标识，此处承担两项功能：
1.强化品牌识别度;
2.scooter的状态.Logo 亮起时，会作为开机通电的反馈信号呈现。
Brand Identity
遵循情感化设计原则，本设计旨在还原用户实体解锁并启动车辆的真实体验
Stacked
Expaneded
Know Your vehicle
as your need
5-2
Instrument Cluster
仪表盘根据用户的骑行状态动态展示信息，确保骑行者第一眼就能获取到所需内容。
优质的用户体验（UX），核心在于在正确的时间向用户呈现正确的信息。这意味着，与用户当前场景最相关、最贴切的信息，应当触手可及并显著呈现
Intelligent Tips, Expert Rides
5-3
Centre Stage
Central Stage将基于对用户当前骑行状态的预测，提供智能建议。
它在此处承担两大核心作用：
1.预判用户可能发起的新操作，提供预测性引导。
2.即时反馈执行结果，确认用户的操作已成功完成。
优秀的用户体验会持续告知用户下一步操作，并对已完成的行为给出明确反馈
控制面板
5-4
控制面板是访问车辆所有功能的核心入口。
电源开关置于自然拇指触控区，方便操作。但该区域用户同时习惯将拇指置于改地方休息，而增加误触风险。为降低无意启动概率，电源开关特做如下设计
Power Switch
Natural
Stretch
Thumb Zone
Error-tolerant area
Effective area
Error-tolerant area
滑动滑块交互只有在滑动距离超过容错范围时才会触发。
如果滑动滑块但未达到这一最小距离，滑块会自动回弹，同时给出错误反馈，避免误触发
滑块交互遵循 “仅在滑过有效区域时生效” 的严谨逻辑，确保用户交互意图被精准识别，同时最大程度降低非预期触发风险，保障交互体验的稳定性。
当滑块滑动超出有效区域时，它会自动拉回到终点。这个特性帮助用户顺畅地完成操作，无需精准控制；同时拉动动画会提供操作已完成的反馈。
容错设计
依据费茨定律（Fitts's Law），扩大触控区域虽然能降低认知与操作负荷（让用户操作更轻松），但同时也显著增加了误触发的风险。
这是设计中必须平衡的核心矛盾。
这款采用对称设计的开关组件适配绝大多数用户，左利手与右利手人群均可舒适使用
scooter所有者可完全控制共享用户的定制设置，让你拥有随心定义的完整掌控权。
共享用户的设置预览页会展示其配置数值，并明确告知其共享用户.
车辆共享
06
远程定位
07
定位不仅能帮助用户在地图上精准定位车辆 ，还能提供当前骑行者身份以及用户与车辆之间的距离。
Destination
Wayne Manor
Starting Point
Stark Tower
Limit Max Speed
Contact List
消息通知
11
电池管理
08
智能电池管理系统可让你远程监控电池状态，即使远在千里之外也能实时掌握。
轻松设置
10
用户可根据个人偏好自定义车辆设置，包括单位换算、自动关机等功能。这种灵活性让每位用户都能按需调整车辆功能，满足个性化使用需求。
Enable Biometric Authentication
Select Idle Time
通知系统汇总展示所有车辆的通知信息，具备两大功能：
1.方便用户追踪多台车辆状态2.记录车辆状态变化
Unit Switch
09
安全共享
用户可同时是一辆电动车的车主，以及另一辆电动车的共享使用者。保持两类界面设计统一，既能降低学习成本，也能确保使用体验流畅连贯
车辆控制权限由车主限制，因此需让共享使用者知晓其操作会受到持续监控。明确这一点有助于避免其因权限限制导致控制失败而产生的负面情绪。
为确保便捷操作，所有任务页面均遵循拇指操作区原则，放置在屏幕底部。
Onboarding
Task Statement
插图
13
相较于文字，用户更容易被图形元素吸引。我们通过设计一系列视觉元素，来简化复杂信息。
个人主页
12
在个人资料页面，用户可填写个人信息，通过更智能、个性化的设置来自定义并优化骑行体验。
Profile
Edit
Explore the night
搭载智能深色模式，夜间自动开启，陪你安心探索夜色旅途。
14
Dark Mode
iOS Native
深色模式专为提升夜间骑行可视性、减少弱光环境下的眼部疲劳而设计，提供兼具美观与实用性的界面方案。
E-Scooter APP
2023-3
iOS Mobile App
IoT Integration Project
UI / UX Design
Ride Smart
将你的手机变身电动滑板车智能中枢。
解锁超酷功能，随心掌控骑行。
尽享流畅、省心的出行体验
调研
01
关于项目
1-1
这款应用程序是为辅助Rolley（一款由 Scooterson 公司生产的电动滑板车)。其设计目标是确保骑行者只需在智能手机上轻触几下，即可轻松控制与监控其scooter.
挑战
1-2
用户骑行过程当中的交互，其中包括：
1. 用户和手机端的交互
2. 骑行者与 Rolley（电动滑板车）的实体交互
3. 应用程序与 Rolley 之间的通信这种复杂性使得应用设计工作变得更为棘手，因为上述所有交互行为都是同时发生的。在设计上，既要保证应用能有效提升骑行体验，又要确保不会因过度干扰而影响骑行者的安全。
用户旅程图
用户旅程映射有助于识别各类骑行场景下的用户痛点，指导 App 功能优先级的制定
1-3
Scenario
Behaviours
Experience
Expectation
App Design
Before Riding
Ready to start
Riding
After Riding
Plan the route and destionation
Find the vehicle
Position besides the vehicle
Check the vehicle’s physical condition
Retrack the kickstand
Unlock and start the vehicle
Check the battery capacity
Adjust the mirror
Reset the trip if necessary
Shift the level to Drive mode
Rotate the throttle to speed up
Check the speed
Check the battery if drain
Check instrument cluster
Park the vehicle
Power off
Lock the vehicle
Open the battery bin to change battery if necessary
Hand in keys to share if possible
Walk away
Excited at new journey
Struggling to find the vehicle
Unsure of the vehicle condition
Confused in starting the vehicle
Feels annoyed at unexpected errors
Feel enjoyable when riding
Easy control
feel disappointed at no navigation embeded.
feel accomplished after riding
feel troublesome to lock before leaving
inconvenient to swap battery and share the vehicle
Feel worried of being stolen
Locate the vehicle remotely
Unlock the vehicle before approaching
Maintenenance Alets
Battery status updates
Record the riding route
walk away directly after riding
reminder of tempering
friends can ride if owner not nearby
- Enable the vehicle can be ready before user approaching.
- Enable riders to monitor the vehicle remotely.
- Dont distract users from riding.
- Alert only when necessary
- Secure the vehicle when away
*该用户旅程基于常规电动滑板车绘制
解决目标
1-4
iOS Mobile App
app的目标应该是简化骑行前的准备流程
app需要在骑行结束后对车辆进行监测，确保滑板车的安全。
控制和管理
接收数据
User journey mapping helps prioritize app features based on different scenarios. Moreover, the app design serves as a companion throughout the entire riding experience.
规范
02
Regular
Medium
Bold
2-1 Font
SF Pro Display
我们使用 iOS 系统字体以减小应用体积，并将字重限制为三档。不过，数字字体保持与仪表板显示一致。
运用design token 构建一套系统化、结构化的设计体系
2-2 Colour
#2D324F
#7088E5
#CCDBF0
60%
30%
10%
Colour, Hex
色彩配比保持 6:3:1，这是达成色彩平衡的最佳比例。主色提取自滑板车本身，以确保app与scooter的和谐统一
Effortless Vehicle Activation
03
通过移动应用，激活 Rolley 变得前所未有的简单。只需扫描提供的二维码，Rolley 便会即时启动
Easy to switch among vehicles
用户通过左右滑动卡片来选择车辆。这种设计模型符合用户心智模型，从而简化学习过程。
用户可随时掌握车辆的状态，确保始终对其拥有完全的控制权
主页设计模拟了真实的车库空间，契合用户对产品的初始认知与心理预期
Know the status at just a glance
一条至关重要的用户体验原则是：最大限度地减少用户犯错。因此，在用户执行下一步操作前，展示当前车辆状态的预览，有助于规避错误。
A Personal Garage for first hands experience
04
Well-organised layout reduces the UX Load
基于对user journey map的分析，我们将控制页面划分为多个功能区块，以降低用户的使用负荷。
02
仪表盘
displays important information such as speed, fuel level,
01
主视图
Visualising the vehicle's status.
03
Centre Stage
Suggestions on user potential behaviour
04
控制面板
Main interaction area
视觉层级
遵循用户的眼球移动轨迹，所有组件采用垂直布局，从上方中心开始，向下延伸至底部。
为降低手部动作负荷（热区），将交互区域置于屏幕底部，此处最易触及。此外，依据交互优先级沿 Z 轴排布模块。用户通常会优先接触距离自身更近的元素。
Z-Axis
Sections
Instrument Cluster
Main View
Centre Stage
Control Panel
View Area
New Tasks Triggered Area
Main Interaction area
首击测试（可用性测试)
该测试旨在评估用户能否快速识别出完成任务所需交互的元素。
参与者需执行诸如启动车辆之类的任务。结果显示，绝大多数用户都能通过，顺畅且快速地完成任务。
05
Connected Control,
Manage with ease
*8pt Grid System
*对称式设计营造出均衡的视觉配重，映射出滑板车本身的稳定与可靠
*交互区域与视窗区域的比例为 0.375，这一数值符合具有美学美感的黄金分割比例
Dashboard
View Area
Interaction Area
主视图
5-1
Connecting to vehicle
Power on
以 Rolley 产品形象作为展示主体，从不同角度切换显示，可直观呈现设备的连接状态
object
背景标识源自 Rolley 品牌标识，此处承担两项功能：
1.强化品牌识别度;
2.scooter的状态.Logo 亮起时，会作为开机通电的反馈信号呈现。
Brand Identity
遵循情感化设计原则，本设计旨在还原用户实体解锁并启动车辆的真实体验
Stacked
Expaneded
Know Your vehicle
as your need
5-2
Instrument Cluster
仪表盘根据用户的骑行状态动态展示信息，确保骑行者第一眼就能获取到所需内容。
优质的用户体验（UX），核心在于在正确的时间向用户呈现正确的信息。这意味着，与用户当前场景最相关、最贴切的信息，应当触手可及并显著呈现
Intelligent Tips, Expert Rides
5-3
Centre Stage
Central Stage将基于对用户当前骑行状态的预测，提供智能建议。
它在此处承担两大核心作用：
1.预判用户可能发起的新操作，提供预测性引导。
2.即时反馈执行结果，确认用户的操作已成功完成。
优秀的用户体验会持续告知用户下一步操作，并对已完成的行为给出明确反馈
控制面板
5-4
控制面板是访问车辆所有功能的核心入口。
电源开关置于自然拇指触控区，方便操作。但该区域用户同时习惯将拇指置于改地方休息，而增加误触风险。为降低无意启动概率，电源开关特做如下设计
Power Switch
Natural
Stretch
Thumb Zone
Error-tolerant area
Effective area
Error-tolerant area
滑动滑块交互只有在滑动距离超过容错范围时才会触发。
如果滑动滑块但未达到这一最小距离，滑块会自动回弹，同时给出错误反馈，避免误触发
滑块交互遵循 “仅在滑过有效区域时生效” 的严谨逻辑，确保用户交互意图被精准识别，同时最大程度降低非预期触发风险，保障交互体验的稳定性。
当滑块滑动超出有效区域时，它会自动拉回到终点。这个特性帮助用户顺畅地完成操作，无需精准控制；同时拉动动画会提供操作已完成的反馈。
容错设计
依据费茨定律（Fitts's Law），扩大触控区域虽然能降低认知与操作负荷（让用户操作更轻松），但同时也显著增加了误触发的风险。
这是设计中必须平衡的核心矛盾。
这款采用对称设计的开关组件适配绝大多数用户，左利手与右利手人群均可舒适使用
scooter所有者可完全控制共享用户的定制设置，让你拥有随心定义的完整掌控权。
共享用户的设置预览页会展示其配置数值，并明确告知其共享用户.
车辆共享
06
远程定位
07
定位不仅能帮助用户在地图上精准定位车辆 ，还能提供当前骑行者身份以及用户与车辆之间的距离。
Destination
Wayne Manor
Starting Point
Stark Tower
Limit Max Speed
Contact List
消息通知
11
电池管理
08
智能电池管理系统可让你远程监控电池状态，即使远在千里之外也能实时掌握。
轻松设置
10
用户可根据个人偏好自定义车辆设置，包括单位换算、自动关机等功能。这种灵活性让每位用户都能按需调整车辆功能，满足个性化使用需求。
Enable Biometric Authentication
Select Idle Time
通知系统汇总展示所有车辆的通知信息，具备两大功能：
1.方便用户追踪多台车辆状态2.记录车辆状态变化
Unit Switch
09
安全共享
用户可同时是一辆电动车的车主，以及另一辆电动车的共享使用者。保持两类界面设计统一，既能降低学习成本，也能确保使用体验流畅连贯
车辆控制权限由车主限制，因此需让共享使用者知晓其操作会受到持续监控。明确这一点有助于避免其因权限限制导致控制失败而产生的负面情绪。
为确保便捷操作，所有任务页面均遵循拇指操作区原则，放置在屏幕底部。
Onboarding
Task Statement
插图
13
相较于文字，用户更容易被图形元素吸引。我们通过设计一系列视觉元素，来简化复杂信息。
个人主页
12
在个人资料页面，用户可填写个人信息，通过更智能、个性化的设置来自定义并优化骑行体验。
Profile
Edit
Explore the night
搭载智能深色模式，夜间自动开启，陪你安心探索夜色旅途。
14
Dark Mode
iOS Native
深色模式专为提升夜间骑行可视性、减少弱光环境下的眼部疲劳而设计，提供兼具美观与实用性的界面方案。
E-Scooter APP
2023-3
iOS Mobile App
IoT Integration Project
UI / UX Design
Ride Smart
将你的手机变身电动滑板车智能中枢。
解锁超酷功能，随心掌控骑行。
尽享流畅、省心的出行体验
调研
01
关于项目
1-1
这款应用程序是为辅助Rolley（一款由 Scooterson 公司生产的电动滑板车)。其设计目标是确保骑行者只需在智能手机上轻触几下，即可轻松控制与监控其scooter.
挑战
1-2
用户骑行过程当中的交互，其中包括：
1. 用户和手机端的交互
2. 骑行者与 Rolley（电动滑板车）的实体交互
3. 应用程序与 Rolley 之间的通信这种复杂性使得应用设计工作变得更为棘手，因为上述所有交互行为都是同时发生的。在设计上，既要保证应用能有效提升骑行体验，又要确保不会因过度干扰而影响骑行者的安全。
用户旅程图
用户旅程映射有助于识别各类骑行场景下的用户痛点，指导 App 功能优先级的制定
1-3
Scenario
Behaviours
Experience
Expectation
App Design
Before Riding
Ready to start
Riding
After Riding
Plan the route and destionation
Find the vehicle
Position besides the vehicle
Check the vehicle’s physical condition
Retrack the kickstand
Unlock and start the vehicle
Check the battery capacity
Adjust the mirror
Reset the trip if necessary
Shift the level to Drive mode
Rotate the throttle to speed up
Check the speed
Check the battery if drain
Check instrument cluster
Park the vehicle
Power off
Lock the vehicle
Open the battery bin to change battery if necessary
Hand in keys to share if possible
Walk away
Excited at new journey
Struggling to find the vehicle
Unsure of the vehicle condition
Confused in starting the vehicle
Feels annoyed at unexpected errors
Feel enjoyable when riding
Easy control
feel disappointed at no navigation embeded.
feel accomplished after riding
feel troublesome to lock before leaving
inconvenient to swap battery and share the vehicle
Feel worried of being stolen
Locate the vehicle remotely
Unlock the vehicle before approaching
Maintenenance Alets
Battery status updates
Record the riding route
walk away directly after riding
reminder of tempering
friends can ride if owner not nearby
- Enable the vehicle can be ready before user approaching.
- Enable riders to monitor the vehicle remotely.
- Dont distract users from riding.
- Alert only when necessary
- Secure the vehicle when away
*该用户旅程基于常规电动滑板车绘制
解决目标
1-4
iOS Mobile App
app的目标应该是简化骑行前的准备流程
app需要在骑行结束后对车辆进行监测，确保滑板车的安全。
控制和管理
接收数据
User journey mapping helps prioritize app features based on different scenarios. Moreover, the app design serves as a companion throughout the entire riding experience.
规范
02
Regular
Medium
Bold
2-1 Font
SF Pro Display
我们使用 iOS 系统字体以减小应用体积，并将字重限制为三档。不过，数字字体保持与仪表板显示一致。
运用design token 构建一套系统化、结构化的设计体系
2-2 Colour
#2D324F
#7088E5
#CCDBF0
60%
30%
10%
Colour, Hex
色彩配比保持 6:3:1，这是达成色彩平衡的最佳比例。主色提取自滑板车本身，以确保app与scooter的和谐统一
Effortless Vehicle Activation
03
通过移动应用，激活 Rolley 变得前所未有的简单。只需扫描提供的二维码，Rolley 便会即时启动
Easy to switch among vehicles
用户通过左右滑动卡片来选择车辆。这种设计模型符合用户心智模型，从而简化学习过程。
用户可随时掌握车辆的状态，确保始终对其拥有完全的控制权
主页设计模拟了真实的车库空间，契合用户对产品的初始认知与心理预期
Know the status at just a glance
一条至关重要的用户体验原则是：最大限度地减少用户犯错。因此，在用户执行下一步操作前，展示当前车辆状态的预览，有助于规避错误。
A Personal Garage for first hands experience
04
Well-organised layout reduces the UX Load
基于对user journey map的分析，我们将控制页面划分为多个功能区块，以降低用户的使用负荷。
02
仪表盘
displays important information such as speed, fuel level,
01
主视图
Visualising the vehicle's status.
03
Centre Stage
Suggestions on user potential behaviour
04
控制面板
Main interaction area
视觉层级
遵循用户的眼球移动轨迹，所有组件采用垂直布局，从上方中心开始，向下延伸至底部。
为降低手部动作负荷（热区），将交互区域置于屏幕底部，此处最易触及。此外，依据交互优先级沿 Z 轴排布模块。用户通常会优先接触距离自身更近的元素。
Z-Axis
Sections
Instrument Cluster
Main View
Centre Stage
Control Panel
View Area
New Tasks Triggered Area
Main Interaction area
首击测试（可用性测试)
该测试旨在评估用户能否快速识别出完成任务所需交互的元素。
参与者需执行诸如启动车辆之类的任务。结果显示，绝大多数用户都能通过，顺畅且快速地完成任务。
05
Connected Control,
Manage with ease
*8pt Grid System
*对称式设计营造出均衡的视觉配重，映射出滑板车本身的稳定与可靠
*交互区域与视窗区域的比例为 0.375，这一数值符合具有美学美感的黄金分割比例
Dashboard
View Area
Interaction Area
主视图
5-1
Connecting to vehicle
Power on
以 Rolley 产品形象作为展示主体，从不同角度切换显示，可直观呈现设备的连接状态
object
背景标识源自 Rolley 品牌标识，此处承担两项功能：
1.强化品牌识别度;
2.scooter的状态.Logo 亮起时，会作为开机通电的反馈信号呈现。
Brand Identity
遵循情感化设计原则，本设计旨在还原用户实体解锁并启动车辆的真实体验
Stacked
Expaneded
Know Your vehicle
as your need
5-2
Instrument Cluster
仪表盘根据用户的骑行状态动态展示信息，确保骑行者第一眼就能获取到所需内容。
优质的用户体验（UX），核心在于在正确的时间向用户呈现正确的信息。这意味着，与用户当前场景最相关、最贴切的信息，应当触手可及并显著呈现
Intelligent Tips, Expert Rides
5-3
Centre Stage
Central Stage将基于对用户当前骑行状态的预测，提供智能建议。
它在此处承担两大核心作用：
1.预判用户可能发起的新操作，提供预测性引导。
2.即时反馈执行结果，确认用户的操作已成功完成。
优秀的用户体验会持续告知用户下一步操作，并对已完成的行为给出明确反馈
控制面板
5-4
控制面板是访问车辆所有功能的核心入口。
电源开关置于自然拇指触控区，方便操作。但该区域用户同时习惯将拇指置于改地方休息，而增加误触风险。为降低无意启动概率，电源开关特做如下设计
Power Switch
Natural
Stretch
Thumb Zone
Error-tolerant area
Effective area
Error-tolerant area
滑动滑块交互只有在滑动距离超过容错范围时才会触发。
如果滑动滑块但未达到这一最小距离，滑块会自动回弹，同时给出错误反馈，避免误触发
滑块交互遵循 “仅在滑过有效区域时生效” 的严谨逻辑，确保用户交互意图被精准识别，同时最大程度降低非预期触发风险，保障交互体验的稳定性。
当滑块滑动超出有效区域时，它会自动拉回到终点。这个特性帮助用户顺畅地完成操作，无需精准控制；同时拉动动画会提供操作已完成的反馈。
容错设计
依据费茨定律（Fitts's Law），扩大触控区域虽然能降低认知与操作负荷（让用户操作更轻松），但同时也显著增加了误触发的风险。
这是设计中必须平衡的核心矛盾。
这款采用对称设计的开关组件适配绝大多数用户，左利手与右利手人群均可舒适使用
scooter所有者可完全控制共享用户的定制设置，让你拥有随心定义的完整掌控权。
共享用户的设置预览页会展示其配置数值，并明确告知其共享用户.
车辆共享
06
远程定位
07
定位不仅能帮助用户在地图上精准定位车辆 ，还能提供当前骑行者身份以及用户与车辆之间的距离。
Destination
Wayne Manor
Starting Point
Stark Tower
Limit Max Speed
Contact List
消息通知
11
电池管理
08
智能电池管理系统可让你远程监控电池状态，即使远在千里之外也能实时掌握。
轻松设置
10
用户可根据个人偏好自定义车辆设置，包括单位换算、自动关机等功能。这种灵活性让每位用户都能按需调整车辆功能，满足个性化使用需求。
Enable Biometric Authentication
Select Idle Time
通知系统汇总展示所有车辆的通知信息，具备两大功能：
1.方便用户追踪多台车辆状态2.记录车辆状态变化
Unit Switch
09
安全共享
用户可同时是一辆电动车的车主，以及另一辆电动车的共享使用者。保持两类界面设计统一，既能降低学习成本，也能确保使用体验流畅连贯
车辆控制权限由车主限制，因此需让共享使用者知晓其操作会受到持续监控。明确这一点有助于避免其因权限限制导致控制失败而产生的负面情绪。
为确保便捷操作，所有任务页面均遵循拇指操作区原则，放置在屏幕底部。
Onboarding
Task Statement
插图
13
相较于文字，用户更容易被图形元素吸引。我们通过设计一系列视觉元素，来简化复杂信息。
个人主页
12
在个人资料页面，用户可填写个人信息，通过更智能、个性化的设置来自定义并优化骑行体验。
Profile
Edit
Explore the night
搭载智能深色模式，夜间自动开启，陪你安心探索夜色旅途。
14
Dark Mode
iOS Native
深色模式专为提升夜间骑行可视性、减少弱光环境下的眼部疲劳而设计，提供兼具美观与实用性的界面方案。