案例背景

近年来，电动车起火的事件频频发生，惨痛的数据，让我们认识到电动车火灾的危害性。据消防部门统计，80%电动车火灾事故由不当充电引起，为此国家公安部发文规范电动车停放充电。便捷充电站智能化的共享充电，有效保障电动车的充电安全。用户可通过微信小程序检索附近的充电设备，并准确匹配充电设备且享受充电服务，用户可根据计时数据完成在线支付。

用户调研

用户群体的性别比例没有特别大的差异，男性略高于用户。从年龄分布上看，主要在25~55岁区间，近80%的用户都是上班族，他们为共享充电的主力军。

男性56%

年龄分布*数据来源于网络

女性44%

设计流程

1：需求阶段

产品是什么产品的目标用户分析产品具体功能

2：设计分析

产品信息架构情绪衍生界面规范定义

3：界面设计

设计解析产品展示

用户需求

根据用户需求，结合KANO模型，将用户需求分为三个层级:基础需求-期望需求-幸福需求

1：幸福需求

满足用户的预期需求

智能断电，充满自停，按分钟计费

2：期望需求

满足用户的服务体验实时查看空闲充电插头

3：基本需求

满足用户的基础需求

充电安全快速，让用户值得信赖

用户体验

表现层：规范统一、轻量化

范围层：明确页面层级、模块分区、提升操作流畅性

战略层：全面扁平化、极致体验白

设计

安全：充满自动切断电源，保障电动车安全让用户用的放心。

智能：六大智能保护，安全可靠保障;营造科技感。

快捷：设计简单快捷，界面简洁明确，操作简单，减少用户焦虑。

字体：苹方 PingFang SC主要汉字及英文部分

字号：Font size 48/40/32/24px

字体颜色：#2F2F2F

LOGO设计

便捷充电是主要服务于小区电动自行车充电便捷安全的一-款微信小程序。

主色调选取绿色，体现了便捷充电安全、节能的特点;通过对"BIANJIE'拼音字母进行变形，且添加“闪电”图标元素，凸显出智能快速充电的特点。

首页

地图样式设计，减少干扰元素，帮助用户快速定位当前位置，了解周边充电站的分布信息点击图标可查看充电站详细信息。

功能区有三个功能。

1、用户可快速抵达正在充电订单;

2、快速定位当前位置;

3、快速报修当前设备

登录

微信登录：用户可选择微信一键登录，点击直接获取微信授权即可成功登录、

手机号登录：提供短信验证码快捷登录，为用户提供安全保障。

页面功能

●开始充电

用户通过扫码或者输入设备编号开始充电。可选择充电时长以及结束方式，自动计算需支付的电豆，也可选择微信支付，选择微信支付时弹窗提醒用户此方式不划算。

●充电中

充电中像用户展示电流、电压、功率以及充电时长和费用。用户可直观看到各项数值。

●充电结束

充电结束展示订单详情，用户最关心的费用放大展示，清晰明了一目了然。

●个人中心

坚持简约轻松的设计风格，一目了然用户操作更清晰。

●我的电豆

用户可通过优惠充值活动得到电豆，电豆支付，更优惠，更便捷~

用户可清晰明了查看电豆余额以及明细。