交互设计 · 产品设计 · HMI 设计 · 设计创新
交互设计 · 产品设计 · HMI 设计 · 设计创新
交互设计 · 产品设计 · HMI 设计 · 设计创新
交互设计 · 产品设计 · HMI 设计 · 设计创新
Flyme Auto 能量中心
Flyme Auto 能量中心
Flyme Auto 能量中心
Flyme Auto 能量中心
概述
能量中心是 Flyme Auto 系统自研应用，已搭载上车于领克08、领克07，不仅提供高效交互操作，同时是首家使用“能量体”去表达油电混动的能量结构，作为行业内独具一格的设计方案，敢于打破市面同质化，受外界与用户好评。
我的贡献
设计负责人
调研及分析
产品架构梳理
交互流程设计
全量界面设计
可用性测试
团队
1 UX Designer（Me）
1 Product Manager
1 UI Designer
5 Software Engineer
概述
能量中心是 Flyme Auto 系统自研应用，已搭载上车于领克08、领克07，不仅提供高效交互操作，同时是首家使用“能量体”去表达油电混动的能量结构，作为行业内独具一格的设计方案，敢于打破市面同质化，受外界与用户好评。
我的贡献
设计负责人、调研及分析、产品架构梳理、交互流程设计、全量界面设计、原型设计与制作、可用性测试
团队
1 UX Designer（Me）、1 Product Manager、1 UI Designer、5 Software Engineer
概述
能量中心是 Flyme Auto 系统自研应用，已搭载上车于领克08、领克07，不仅提供高效交互操作，同时是首家使用“能量体”去表达油电混动的能量结构，作为行业内独具一格的设计方案，敢于打破市面同质化，受外界与用户好评。
我的贡献
设计负责人、调研及分析、产品架构梳理、交互流程设计、全量界面设计、原型设计与制作、可用性测试
团队
1 UX Designer（Me）、1 Product Manager、1 UI Designer、5 Software Engineer
概述
能量中心是 Flyme Auto 系统自研应用，已搭载上车于领克08、领克07，不仅提供高效交互操作，同时是首家使用“能量体”去表达油电混动的能量结构，作为行业内独具一格的设计方案，敢于打破市面同质化，受外界与用户好评。
我的贡献
设计负责人、调研及分析、产品架构梳理、交互流程设计、全量界面设计、原型设计与制作、可用性测试
团队
1 UX Designer（Me）、1 Product Manager、1 UI Designer、5 Software Engineer
项目背景
项目背景
项目背景
项目背景
能量中心作为 Flyme Auto 的创新应用，已应用在领克 08、领克 07等 PHEV 车型上，作为该业务的交互负责人，我通过合理的功能布局和信息可视化设计，有效降低后续 PHEV 车型的适配成本，提升插混车型能量中心的用户体验。
能量中心作为 Flyme Auto 的创新应用，已应用在领克 08、领克 07等 PHEV 车型上，作为该业务的交互负责人，我通过合理的功能布局和信息可视化设计，有效降低后续 PHEV 车型的适配成本，提升插混车型能量中心的用户体验。
能量中心作为 Flyme Auto 的创新应用，已应用在领克 08、领克 07等 PHEV 车型上，作为该业务的交互负责人，我通过合理的功能布局和信息可视化设计，有效降低后续 PHEV 车型的适配成本，提升插混车型能量中心的用户体验。
能量中心作为 Flyme Auto 的创新应用，已应用在领克 08、领克 07等 PHEV 车型上，作为该业务的交互负责人，我通过合理的功能布局和信息可视化设计，有效降低后续 PHEV 车型的适配成本，提升插混车型能量中心的用户体验。
🧐项目挑战
🧐项目挑战
🧐项目挑战
🧐项目挑战
1.功能性应用
主流竞品对此模块已有较为成熟的框架和设计，布局上和交互路径上如何做出差异化/设计创新？
1.功能性应用
主流竞品对此模块已有较为成熟的框架和设计，布局上和交互路径上如何做出差异化/设计创新？
1.功能性应用
主流竞品对此模块已有较为成熟的框架和设计，布局上和交互路径上如何做出差异化/设计创新？
1.功能性应用
主流竞品对此模块已有较为成熟的框架和设计，布局上和交互路径上如何做出差异化/设计创新？
2.跨部门对接
跨集团及部门沟通，独自解读软件规格书，整理功能需求文档，梳理信号并与功能 FO、系统工程师打和。
2.跨部门对接
跨集团及部门沟通，独自解读软件规格书，整理功能需求文档，梳理信号并与功能 FO、系统工程师打和。
2.跨部门对接
跨集团及部门沟通，独自解读软件规格书，整理功能需求文档，梳理信号并与功能 FO、系统工程师打和。
2.跨部门对接
跨集团及部门沟通，独自解读软件规格书，整理功能需求文档，梳理信号并与功能 FO、系统工程师打和。
3.业务理解力
能量中心涉及到车辆的电池管理系统，不同车的充放电能力是不同的，需要根据不同车型展开设计。
3.业务理解力
能量中心涉及到车辆的电池管理系统，不同车的充放电能力是不同的，需要根据不同车型展开设计。
3.业务理解力
能量中心涉及到车辆的电池管理系统，不同车的充放电能力是不同的，需要根据不同车型展开设计。
3.业务理解力
能量中心涉及到车辆的电池管理系统，不同车的充放电能力是不同的，需要根据不同车型展开设计。
4.兼顾适配成本
首版交互逻辑、页面布局需考虑后续的车型适配，以便快速适配，减少设计、开发的人力成本。
4.兼顾适配成本
首版交互逻辑、页面布局需考虑后续的车型适配，以便快速适配，减少设计、开发的人力成本。
4.兼顾适配成本
首版交互逻辑、页面布局需考虑后续的车型适配，以便快速适配，减少设计、开发的人力成本。
4.兼顾适配成本
首版交互逻辑、页面布局需考虑后续的车型适配，以便快速适配，减少设计、开发的人力成本。
前期调研
前期调研
前期调研
前期调研
竞品分析
竞品分析
竞品分析
竞品分析
我围绕小鹏、理想、问界、极氪等主流竞品，希望通过对比分析，取长补短。
从框架上分析：主要为基础信息区和常用设置项；信息区显示电量百分比和里程信息；设置项则通过平铺展示，点击出现对应弹窗进行调节设置。
我围绕小鹏、理想、问界、极氪等主流竞品，希望通过对比分析，取长补短。
从框架上分析：主要为基础信息区和常用设置项；信息区显示电量百分比和里程信息；设置项则通过平铺展示，点击出现对应弹窗进行调节设置。
我围绕小鹏、理想、问界、极氪等主流竞品，希望通过对比分析，取长补短。
从框架上分析：主要为基础信息区和常用设置项；信息区显示电量百分比和里程信息；设置项则通过平铺展示，点击出现对应弹窗进行调节设置。
我围绕小鹏、理想、问界、极氪等主流竞品，希望通过对比分析，取长补短。
从框架上分析：主要为基础信息区和常用设置项；信息区显示电量百分比和里程信息；设置项则通过平铺展示，点击出现对应弹窗进行调节设置。
💡可优化点：
1.竞品的设置项都分散在页面四处，浏览动线混乱。
2.部分常用操作过于依赖二级弹窗，调节不够高效。
💡可优化点：
1.竞品的设置项都分散在页面四处，浏览动线混乱。
2.部分常用操作过于依赖二级弹窗，调节不够高效。
💡可优化点：
1.竞品的设置项都分散在页面四处，浏览动线混乱。
2.部分常用操作过于依赖二级弹窗，调节不够高效。
💡可优化点：
1.竞品的设置项都分散在页面四处，浏览动线混乱。
2.部分常用操作过于依赖二级弹窗，调节不够高效。
从信息展示分析：
各家都采用了（透明车模+电池）结合电量百分比的方式，其中理想和问界为直接竞品，也采用了与纯电车一样的解决方案。
从信息展示分析：
各家都采用了（透明车模+电池）结合电量百分比的方式，其中理想和问界为直接竞品，也采用了与纯电车一样的解决方案。
从信息展示分析：
各家都采用了（透明车模+电池）结合电量百分比的方式，其中理想和问界为直接竞品，也采用了与纯电车一样的解决方案。
从信息展示分析：
各家都采用了（透明车模+电池）结合电量百分比的方式，其中理想和问界为直接竞品，也采用了与纯电车一样的解决方案。
💡可优化点：
1.插电式混合车型，燃油信息也必不可少的，当前方案过于强调电池电量本身，而不是综合续航本身。
2.使用燃油为电池补电时，目前竞品方案不能满足其效果的直观性。
3.不必要信息（电流、电压、功率）在非充放电时也常驻于界面，没有按照实际的场景出现。
💡可优化点：
1.插电式混合车型，燃油信息也必不可少的，当前方案过于强调电池电量本身，而不是综合续航本身。
2.使用燃油为电池补电时，目前竞品方案不能满足其效果的直观性。
3.不必要信息（电流、电压、功率）在非充放电时也常驻于界面，没有按照实际的场景出现。
💡可优化点：
1.插电式混合车型，燃油信息也必不可少的，当前方案过于强调电池电量本身，而不是综合续航本身。
2.使用燃油为电池补电时，目前竞品方案不能满足其效果的直观性。
3.不必要信息（电流、电压、功率）在非充放电时也常驻于界面，没有按照实际的场景出现。
💡可优化点：
1.插电式混合车型，燃油信息也必不可少的，当前方案过于强调电池电量本身，而不是综合续航本身。
2.使用燃油为电池补电时，目前竞品方案不能满足其效果的直观性。
3.不必要信息（电流、电压、功率）在非充放电时也常驻于界面，没有按照实际的场景出现。
领克原车型应用存在的问题
领克原车型应用存在的问题
领克原车型应用存在的问题
领克原车型应用存在的问题
选取了领克过往车型，领克 09、领克 05 等车型，查看原来项目中存在的主要问题并总结归纳
选取了领克过往车型，领克 09、领克 05 等车型，查看原来项目中存在的主要问题并总结归纳
选取了领克过往车型，领克 09、领克 05 等车型，查看原来项目中存在的主要问题并总结归纳
选取了领克过往车型，领克 09、领克 05 等车型，查看原来项目中存在的主要问题并总结归纳
问题总结
问题总结
问题总结
问题总结
设计目标/设计策略
设计目标/设计策略
设计目标/设计策略
设计目标/设计策略
经过竞品、原车型应用存在的问题分析，结合前期对于业务的功能定义和流程梳理，我将本次项目的设计目标分为以下几点：
1.布局清晰；2.直观易懂；3.提升效率；4.易找易用
经过竞品、原车型应用存在的问题分析，结合前期对于业务的功能定义和流程梳理，我将本次项目的设计目标分为以下几点：
1.布局清晰；2.直观易懂；3.提升效率；4.易找易用
经过竞品、原车型应用存在的问题分析，结合前期对于业务的功能定义和流程梳理，我将本次项目的设计目标分为以下几点：
1.布局清晰；2.直观易懂；3.提升效率；4.易找易用
经过竞品、原车型应用存在的问题分析，结合前期对于业务的功能定义和流程梳理，我将本次项目的设计目标分为以下几点：
1.布局清晰；2.直观易懂；3.提升效率；4.易找易用
方向定义
方向定义
方向定义
方向定义
在设计前期，组内达成一个共识，即插混车的“能量中心”方案应该需要在创新的基础上更易用，为此我们围绕“插混车”用户对于能量中心的关注点进行头脑风暴，结合内部投票数和线上快速问卷访谈的形式，收集反馈并筛选出综合评估出最优方案。
在设计前期，组内达成一个共识，即插混车的“能量中心”方案应该需要在创新的基础上更易用，为此我们围绕“插混车”用户对于能量中心的关注点进行头脑风暴，结合内部投票数和线上快速问卷访谈的形式，收集反馈并筛选出综合评估出最优方案。
在设计前期，组内达成一个共识，即插混车的“能量中心”方案应该需要在创新的基础上更易用，为此我们围绕“插混车”用户对于能量中心的关注点进行头脑风暴，结合内部投票数和线上快速问卷访谈的形式，收集反馈并筛选出综合评估出最优方案。
在设计前期，组内达成一个共识，即插混车的“能量中心”方案应该需要在创新的基础上更易用，为此我们围绕“插混车”用户对于能量中心的关注点进行头脑风暴，结合内部投票数和线上快速问卷访谈的形式，收集反馈并筛选出综合评估出最优方案。
最终，选定了我的交互方案进行深化，设计思路是为用户提供直观易懂的视觉元素，进入应用就知道车辆的续航，方案还兼顾电池在不同情况下的示意，回归本质，续航优先，增强感知。
最终，选定了我的交互方案进行深化，设计思路是为用户提供直观易懂的视觉元素，进入应用就知道车辆的续航，方案还兼顾电池在不同情况下的示意，回归本质，续航优先，增强感知。
最终，选定了我的交互方案进行深化，设计思路是为用户提供直观易懂的视觉元素，进入应用就知道车辆的续航，方案还兼顾电池在不同情况下的示意，回归本质，续航优先，增强感知。
最终，选定了我的交互方案进行深化，设计思路是为用户提供直观易懂的视觉元素，进入应用就知道车辆的续航，方案还兼顾电池在不同情况下的示意，回归本质，续航优先，增强感知。
一：布局清晰
一：布局清晰
一：布局清晰
一：布局清晰
01.制定合理的交互框架及页面布局
01.制定合理的交互框架及页面布局
01.制定合理的交互框架及页面布局
01.制定合理的交互框架及页面布局
用户在进入能量中心时，最关注的有两个点：一是了解车辆的综合续航；二是查看里程能耗统计和操作充放电的设置项
前期我设计了两种交互框架，权衡对比分析后，以方案二进行细化展开页面布局。
用户在进入能量中心时，最关注的有两个点：一是了解车辆的综合续航；二是查看里程能耗统计和操作充放电的设置项
前期我设计了两种交互框架，权衡对比分析后，以方案二进行细化展开页面布局。
用户在进入能量中心时，最关注的有两个点：一是了解车辆的综合续航；二是查看里程能耗统计和操作充放电的设置项
前期我设计了两种交互框架，权衡对比分析后，以方案二进行细化展开页面布局。
用户在进入能量中心时，最关注的有两个点：一是了解车辆的综合续航；二是查看里程能耗统计和操作充放电的设置项
前期我设计了两种交互框架，权衡对比分析后，以方案二进行细化展开页面布局。
在交互框架上，整体划分出了最佳交互区和最佳视觉区的，交互区（左侧）展示主内容+操作区。
1.最佳交互区域放置常用设置，使用户能更直观、快捷地操作，提高页面使用的便捷性和操作效率。
2.最佳视觉区展示数据可视化效果展示，满足用户快速直观知晓车辆续航的需求。
在交互框架上，整体划分出了最佳交互区和最佳视觉区的，交互区（左侧）展示主内容+操作区。
1.最佳交互区域放置常用设置，使用户能更直观、快捷地操作，提高页面使用的便捷性和操作效率。
2.最佳视觉区展示数据可视化效果展示，满足用户快速直观知晓车辆续航的需求。
在交互框架上，整体划分出了最佳交互区和最佳视觉区的，交互区（左侧）展示主内容+操作区。
1.最佳交互区域放置常用设置，使用户能更直观、快捷地操作，提高页面使用的便捷性和操作效率。
2.最佳视觉区展示数据可视化效果展示，满足用户快速直观知晓车辆续航的需求。
在交互框架上，整体划分出了最佳交互区和最佳视觉区的，交互区（左侧）展示主内容+操作区。
1.最佳交互区域放置常用设置，使用户能更直观、快捷地操作，提高页面使用的便捷性和操作效率。
2.最佳视觉区展示数据可视化效果展示，满足用户快速直观知晓车辆续航的需求。
02. 根据使用场景，划分信息优先级
02. 根据使用场景，划分信息优先级
02. 根据使用场景，划分信息优先级
02. 根据使用场景，划分信息优先级
操作区通过高频-低频进行排序，主要分为：功能入口类+轻量调节类；功能类在上，调节类在下。
功能入口类包括里程统计、车辆保电/补电和预约充电，是插混车型用户常用的功能；轻量调节类（充电限值、放电保护值）调节需求较弱，比较低频。点击不同的功能入口，会出现承载更丰富的信息的功能弹窗，弹窗的方式能够减少页面跳转，信息阻断感更弱；
轻量调节类（如充电限值、放电保护值）调节则采用滑条控件，以实现精准而高效的操作。
操作区通过高频-低频进行排序，主要分为：功能入口类+轻量调节类；功能类在上，调节类在下。
功能入口类包括里程统计、车辆保电/补电和预约充电，是插混车型用户常用的功能；轻量调节类（充电限值、放电保护值）调节需求较弱，比较低频。点击不同的功能入口，会出现承载更丰富的信息的功能弹窗，弹窗的方式能够减少页面跳转，信息阻断感更弱；
轻量调节类（如充电限值、放电保护值）调节则采用滑条控件，以实现精准而高效的操作。
操作区通过高频-低频进行排序，主要分为：功能入口类+轻量调节类；功能类在上，调节类在下。
功能入口类包括里程统计、车辆保电/补电和预约充电，是插混车型用户常用的功能；轻量调节类（充电限值、放电保护值）调节需求较弱，比较低频。点击不同的功能入口，会出现承载更丰富的信息的功能弹窗，弹窗的方式能够减少页面跳转，信息阻断感更弱；
轻量调节类（如充电限值、放电保护值）调节则采用滑条控件，以实现精准而高效的操作。
操作区通过高频-低频进行排序，主要分为：功能入口类+轻量调节类；功能类在上，调节类在下。
功能入口类包括里程统计、车辆保电/补电和预约充电，是插混车型用户常用的功能；轻量调节类（充电限值、放电保护值）调节需求较弱，比较低频。点击不同的功能入口，会出现承载更丰富的信息的功能弹窗，弹窗的方式能够减少页面跳转，信息阻断感更弱；
轻量调节类（如充电限值、放电保护值）调节则采用滑条控件，以实现精准而高效的操作。
二：直观易懂
二：直观易懂
二：直观易懂
二：直观易懂
03.功能名称，设置项名称文言优化
03.功能名称，设置项名称文言优化
03.功能名称，设置项名称文言优化
03.功能名称，设置项名称文言优化
过往车型中，应用内的存在“文言太过于功能化”的问题，用户很难从“抽象”的文言中，理解到设置项的意思。为此，我将文言优化并梳理成档，同步给项目组，并且后续车型可以直接对应统一后的文言，优化表意。
过往车型中，应用内的存在“文言太过于功能化”的问题，用户很难从“抽象”的文言中，理解到设置项的意思。为此，我将文言优化并梳理成档，同步给项目组，并且后续车型可以直接对应统一后的文言，优化表意。
过往车型中，应用内的存在“文言太过于功能化”的问题，用户很难从“抽象”的文言中，理解到设置项的意思。为此，我将文言优化并梳理成档，同步给项目组，并且后续车型可以直接对应统一后的文言，优化表意。
过往车型中，应用内的存在“文言太过于功能化”的问题，用户很难从“抽象”的文言中，理解到设置项的意思。为此，我将文言优化并梳理成档，同步给项目组，并且后续车型可以直接对应统一后的文言，优化表意。
04. 场景梳理，聚焦核心流程
04. 场景梳理，聚焦核心流程
04. 场景梳理，聚焦核心流程
04. 场景梳理，聚焦核心流程
设计之初，我先对整个充放电的交互流程进行梳理，聚焦核心的几个状态流程：电枪已连接、充电预热、充/放电中、充/放电异常等
便于设计过程中，优化文案和绘制交互稿。除了清晰示意各状态外，还能链接下游-视觉/动效设计师，更好地传达及理解各个状态，完成整个充放电流程的方案设计。
设计之初，我先对整个充放电的交互流程进行梳理，聚焦核心的几个状态流程：电枪已连接、充电预热、充/放电中、充/放电异常等。便于设计过程中，优化文案和绘制交互稿。除了清晰示意各状态外，还能链接下游-视觉/动效设计师，更好地传达及理解各个状态，完成整个充放电流程的方案设计。
设计之初，我先对整个充放电的交互流程进行梳理，聚焦核心的几个状态流程：电枪已连接、充电预热、充/放电中、充/放电异常等
便于设计过程中，优化文案和绘制交互稿。除了清晰示意各状态外，还能链接下游-视觉/动效设计师，更好地传达及理解各个状态，完成整个充放电流程的方案设计。
设计之初，我先对整个充放电的交互流程进行梳理，聚焦核心的几个状态流程：电枪已连接、充电预热、充/放电中、充/放电异常等
便于设计过程中，优化文案和绘制交互稿。除了清晰示意各状态外，还能链接下游-视觉/动效设计师，更好地传达及理解各个状态，完成整个充放电流程的方案设计。
05.文言清晰明确，状态直观生动
05.文言清晰明确，状态直观生动
05.文言清晰明确，状态直观生动
05.文言清晰明确，状态直观生动
不同场景（充放电/结束/异常状态/燃油补电）下，将重要的文言放置于左上侧，配合右侧状态可视化，清晰且直观，生动而形象。
不同场景（充放电/结束/异常状态/燃油补电）下，将重要的文言放置于左上侧，配合右侧状态可视化，清晰且直观，生动而形象。
不同场景（充放电/结束/异常状态/燃油补电）下，将重要的文言放置于左上侧，配合右侧状态可视化，清晰且直观，生动而形象。
不同场景（充放电/结束/异常状态/燃油补电）下，将重要的文言放置于左上侧，配合右侧状态可视化，清晰且直观，生动而形象。
同时，还将充放电的核心状态流程融入可视化区域，用户一眼就知道当前车辆处于充/放电的什么步骤；例如，充电时，能量从四周向电量柱聚集；电池柱内的能量会不断上升；再者，当用户打开燃油补电时，能量从燃油柱流向电量柱，实现能量转移的可视化效果。
同时，还将充放电的核心状态流程融入可视化区域，用户一眼就知道当前车辆处于充/放电的什么步骤；例如，充电时，能量从四周向电量柱聚集；电池柱内的能量会不断上升；再者，当用户打开燃油补电时，能量从燃油柱流向电量柱，实现能量转移的可视化效果。
同时，还将充放电的核心状态流程融入可视化区域，用户一眼就知道当前车辆处于充/放电的什么步骤；例如，充电时，能量从四周向电量柱聚集；电池柱内的能量会不断上升；再者，当用户打开燃油补电时，能量从燃油柱流向电量柱，实现能量转移的可视化效果。
同时，还将充放电的核心状态流程融入可视化区域，用户一眼就知道当前车辆处于充/放电的什么步骤；例如，充电时，能量从四周向电量柱聚集；电池柱内的能量会不断上升；再者，当用户打开燃油补电时，能量从燃油柱流向电量柱，实现能量转移的可视化效果。
用户不仅能清晰的感知到两种能耗的储存形态和补能方式的不同，并且能清楚地看到能量的流动路径，增强了用户对能量转移过程的理解和感知。
用户不仅能清晰的感知到两种能耗的储存形态和补能方式的不同，并且能清楚地看到能量的流动路径，增强了用户对能量转移过程的理解和感知。
用户不仅能清晰的感知到两种能耗的储存形态和补能方式的不同，并且能清楚地看到能量的流动路径，增强了用户对能量转移过程的理解和感知。
用户不仅能清晰的感知到两种能耗的储存形态和补能方式的不同，并且能清楚地看到能量的流动路径，增强了用户对能量转移过程的理解和感知。
三：提升效率
三：提升效率
三：提升效率
三：提升效率
06.预测行为设计，增强操作反馈
06.预测行为设计，增强操作反馈
06.预测行为设计，增强操作反馈
06.预测行为设计，增强操作反馈
当用户更改“预约充电的时间”并保存后，开关会自动打开，以更全面的视角预测用户的行为，简化交互路径。
当用户更改“预约充电的时间”并保存后，开关会自动打开，以更全面的视角预测用户的行为，简化交互路径。
当用户更改“预约充电的时间”并保存后，开关会自动打开，以更全面的视角预测用户的行为，简化交互路径。
当用户更改“预约充电的时间”并保存后，开关会自动打开，以更全面的视角预测用户的行为，简化交互路径。
在调节充电限值时，通过不同的提示说明，帮助用户更好地理解充电限值的基础能力。提供恰当提示、实时反馈，提升用户在调节中的交互体验。
在调节充电限值时，通过不同的提示说明，帮助用户更好地理解充电限值的基础能力。提供恰当提示、实时反馈，提升用户在调节中的交互体验。
在调节充电限值时，通过不同的提示说明，帮助用户更好地理解充电限值的基础能力。提供恰当提示、实时反馈，提升用户在调节中的交互体验。
在调节充电限值时，通过不同的提示说明，帮助用户更好地理解充电限值的基础能力。提供恰当提示、实时反馈，提升用户在调节中的交互体验。
07. 通过桌面卡片外显，提高信息获取效率
07. 通过桌面卡片外显，提高信息获取效率
07. 通过桌面卡片外显，提高信息获取效率
07. 通过桌面卡片外显，提高信息获取效率
插混车主十分关注能耗表现，提供车辆的能耗卡片，支持自定义展示/隐藏卡片，便于用户跟踪相关能耗变化。
1.卡片外承载平均电耗/油耗等关键信息，简洁清晰。
2.点击卡片后，可在桌面直接打开弹窗，查看本次里程的更详细的信息，包含能耗曲线，以及不同的里程进行重置。
插混车主十分关注能耗表现，提供车辆的能耗卡片，支持自定义展示/隐藏卡片，便于用户跟踪相关能耗变化。
1.卡片外承载平均电耗/油耗等关键信息，简洁清晰。
2.点击卡片后，可在桌面直接打开弹窗，查看本次里程的更详细的信息，包含能耗曲线，以及不同的里程进行重置。
插混车主十分关注能耗表现，提供车辆的能耗卡片，支持自定义展示/隐藏卡片，便于用户跟踪相关能耗变化。
1.卡片外承载平均电耗/油耗等关键信息，简洁清晰。
2.点击卡片后，可在桌面直接打开弹窗，查看本次里程的更详细的信息，包含能耗曲线，以及不同的里程进行重置。
插混车主十分关注能耗表现，提供车辆的能耗卡片，支持自定义展示/隐藏卡片，便于用户跟踪相关能耗变化。
1.卡片外承载平均电耗/油耗等关键信息，简洁清晰。
2.点击卡片后，可在桌面直接打开弹窗，查看本次里程的更详细的信息，包含能耗曲线，以及不同的里程进行重置。
08. 充电场景，提升关键信息的传递效率
08. 充电场景，提升关键信息的传递效率
08. 充电场景，提升关键信息的传递效率
08. 充电场景，提升关键信息的传递效率
利用系统 Smart bar，加入充电样式，区分在桌面/应用内的交互样式，用户可时刻关注到当前电量的变化，无须移动视线查看仪表，保证充电场景下的电量变化的有效传达。
利用系统 Smart bar，加入充电样式，区分在桌面/应用内的交互样式，用户可时刻关注到当前电量的变化，无须移动视线查看仪表，保证充电场景下的电量变化的有效传达。
利用系统 Smart bar，加入充电样式，区分在桌面/应用内的交互样式，用户可时刻关注到当前电量的变化，无须移动视线查看仪表，保证充电场景下的电量变化的有效传达。
利用系统 Smart bar，加入充电样式，区分在桌面/应用内的交互样式，用户可时刻关注到当前电量的变化，无须移动视线查看仪表，保证充电场景下的电量变化的有效传达。
四：易找易用
四：易找易用
四：易找易用
四：易找易用
09. 集成高频功能于控制中心，一触即达，轻松操作。
09. 集成高频功能于控制中心，一触即达，轻松操作。
09. 集成高频功能于控制中心，一触即达，轻松操作。
09. 集成高频功能于控制中心，一触即达，轻松操作。
插混用户群体更关注电池电量，使用保电/补电的功能较为高频，为此，我在控制中心提供两种快捷入口，无需进入应用即可打开保电/补电功能。确保用户能够迅速了解车辆的状态并方便地进行操作。
插混用户群体更关注电池电量，使用保电/补电的功能较为高频，为此，我在控制中心提供两种快捷入口，无需进入应用即可打开保电/补电功能。确保用户能够迅速了解车辆的状态并方便地进行操作。
插混用户群体更关注电池电量，使用保电/补电的功能较为高频，为此，我在控制中心提供两种快捷入口，无需进入应用即可打开保电/补电功能。确保用户能够迅速了解车辆的状态并方便地进行操作。
插混用户群体更关注电池电量，使用保电/补电的功能较为高频，为此，我在控制中心提供两种快捷入口，无需进入应用即可打开保电/补电功能。确保用户能够迅速了解车辆的状态并方便地进行操作。
10. 以用户中心导向设计，根据用户习惯、行停场景，提供不同功能入口推荐
10. 以用户中心导向设计，根据用户习惯、行停场景，提供不同功能入口推荐
10. 以用户中心导向设计，根据用户习惯、行停场景，提供不同功能入口推荐
10. 以用户中心导向设计，根据用户习惯、行停场景，提供不同功能入口推荐
🤔：除了应用、桌面、控制中心，进入车辆设置寻找车辆功能对于车主也非常重要。若常用功能在控制中心未进行自定义露出，如何让车主更好找，更符合实际需求和使用习惯？
为此，我们在车辆设置的首屏的快捷 Tab 中，行车过程中，提供保电的两种开关快捷入口，而在停车场景下，提供驻车补电的开关。两个功能根据车辆的状态切换进行露出，既满足功能逻辑，又能在用户更好找，通过预测用户的行为，缩短用户的交互行为路径、提高使用效率。
🤔：除了应用、桌面、控制中心，进入车辆设置寻找车辆功能对于车主也非常重要。若常用功能在控制中心未进行自定义露出，如何让车主更好找，更符合实际需求和使用习惯？
为此，我们在车辆设置的首屏的快捷 Tab 中，行车过程中，提供保电的两种开关快捷入口，而在停车场景下，提供驻车补电的开关。两个功能根据车辆的状态切换进行露出，既满足功能逻辑，又能在用户更好找，通过预测用户的行为，缩短用户的交互行为路径、提高使用效率。
🤔：除了应用、桌面、控制中心，进入车辆设置寻找车辆功能对于车主也非常重要。若常用功能在控制中心未进行自定义露出，如何让车主更好找，更符合实际需求和使用习惯？
为此，我们在车辆设置的首屏的快捷 Tab 中，行车过程中，提供保电的两种开关快捷入口，而在停车场景下，提供驻车补电的开关。两个功能根据车辆的状态切换进行露出，既满足功能逻辑，又能在用户更好找，通过预测用户的行为，缩短用户的交互行为路径、提高使用效率。
🤔：除了应用、桌面、控制中心，进入车辆设置寻找车辆功能对于车主也非常重要。若常用功能在控制中心未进行自定义露出，如何让车主更好找，更符合实际需求和使用习惯？
为此，我们在车辆设置的首屏的快捷 Tab 中，行车过程中，提供保电的两种开关快捷入口，而在停车场景下，提供驻车补电的开关。两个功能根据车辆的状态切换进行露出，既满足功能逻辑，又能在用户更好找，通过预测用户的行为，缩短用户的交互行为路径、提高使用效率。
测试和验收
测试和验收
测试和验收
测试和验收
在研发过程中，我辅助整理测试用例，开发完成阶段，定点拉通设计走查，主动与产品、设计沟通落地细节，与工程师密切对接，确保最终的还原效果。
在研发过程中，我辅助整理测试用例，开发完成阶段，定点拉通设计走查，主动与产品、设计沟通落地细节，与工程师密切对接，确保最终的还原效果。
在研发过程中，我辅助整理测试用例，开发完成阶段，定点拉通设计走查，主动与产品、设计沟通落地细节，与工程师密切对接，确保最终的还原效果。
在研发过程中，我辅助整理测试用例，开发完成阶段，定点拉通设计走查，主动与产品、设计沟通落地细节，与工程师密切对接，确保最终的还原效果。
项目成果
项目成果
项目成果
项目成果
项目上线后，我在车机行为数据里观察，发现搭载 Flyme Auto车型的能量中心，对比原领克车型，应用内常用功能的平均使用率提升了xx.x%（脱敏），这也验证我的交互方案，对比老平台方案，使用体验更佳。
能量中心还在 2023 年上海车展首次曝光巡展，此外，还用于发布会等场面亮相。通过专业媒体评价和用户深度回访，不仅收获了大量好评，在完成 1.0 版本后，我还从车友论坛、车友圈多渠道收集用户反馈，并于在后续 OTA 版本时，做好用户体验优化。
项目上线后，我在车机行为数据里观察，发现搭载 Flyme Auto车型的能量中心，对比原领克车型，应用内常用功能的平均使用率提升了xx.x%（脱敏），这也验证我的交互方案，对比老平台方案，使用体验更佳。
能量中心还在 2023 年上海车展首次曝光巡展，此外，还用于发布会等场面亮相。通过专业媒体评价和用户深度回访，不仅收获了大量好评，在完成 1.0 版本后，我还从车友论坛、车友圈多渠道收集用户反馈，并于在后续 OTA 版本时，做好用户体验优化。
项目上线后，我在车机行为数据里观察，发现搭载 Flyme Auto车型的能量中心，对比原领克车型，应用内常用功能的平均使用率提升了xx.x%（脱敏），这也验证我的交互方案，对比老平台方案，使用体验更佳。
能量中心还在 2023 年上海车展首次曝光巡展，此外，还用于发布会等场面亮相。通过专业媒体评价和用户深度回访，不仅收获了大量好评，在完成 1.0 版本后，我还从车友论坛、车友圈多渠道收集用户反馈，并于在后续 OTA 版本时，做好用户体验优化。
项目上线后，我在车机行为数据里观察，发现搭载 Flyme Auto车型的能量中心，对比原领克车型，应用内常用功能的平均使用率提升了xx.x%（脱敏），这也验证我的交互方案，对比老平台方案，使用体验更佳。
能量中心还在 2023 年上海车展首次曝光巡展，此外，还用于发布会等场面亮相。通过专业媒体评价和用户深度回访，不仅收获了大量好评，在完成 1.0 版本后，我还从车友论坛、车友圈多渠道收集用户反馈，并于在后续 OTA 版本时，做好用户体验优化。
小结：能量中心是座舱的最重要且最高频使用的模块。在项目中，我通过用户体验思维和可视化创新的设计策略，高效且出色的完成此次HMI设计。从“需求分析-交互梳理-概念探索-项目推动”全链路跟进，通过有效的沟通和设计推动，我为后续车型的能量中心，奠定了统一的布局框架和交互逻辑，减少车型之间的产品迭代、适配成本，提升座舱的用车体验。
小结：能量中心是座舱的最重要且最高频使用的模块。在项目中，我通过用户体验思维和可视化创新的设计策略，高效且出色的完成此次HMI设计。从“需求分析-交互梳理-概念探索-项目推动”全链路跟进，通过有效的沟通和设计推动，我为后续车型的能量中心，奠定了统一的布局框架和交互逻辑，减少车型之间的产品迭代、适配成本，提升座舱的用车体验。
小结：能量中心是座舱的最重要且最高频使用的模块。在项目中，我通过用户体验思维和可视化创新的设计策略，高效且出色的完成此次HMI设计。从“需求分析-交互梳理-概念探索-项目推动”全链路跟进，通过有效的沟通和设计推动，我为后续车型的能量中心，奠定了统一的布局框架和交互逻辑，减少车型之间的产品迭代、适配成本，提升座舱的用车体验。
小结：能量中心是座舱的最重要且最高频使用的模块。在项目中，我通过用户体验思维和可视化创新的设计策略，高效且出色的完成此次HMI设计。从“需求分析-交互梳理-概念探索-项目推动”全链路跟进，通过有效的沟通和设计推动，我为后续车型的能量中心，奠定了统一的布局框架和交互逻辑，减少车型之间的产品迭代、适配成本，提升座舱的用车体验。