《设计 I 海尔的交互设计入口规范》由会员分享，可在线阅读，更多相关《设计 I 海尔的交互设计入口规范（62页珍藏版）》请在金锄头文库上搜索。
1、“美的物联网手机应用”家电接入规范 eico design | 2014.05.20 Mideaeico design1 Mideaeico design2 文档目录 A类家电控制面板分析 首页卡片 家电品类分析与交互结构简介3 8 A类家电首页卡片 B类家电首页卡片 9 14 家电控制19 空调控制面板 20 空气净化器控制面板 A类家电面板布局规范 A类家电控件规范 B类家电控制面板分析 电饭煲控制面板 B类家电面板布局规范 B类家电面板控件规范 24 家电信息入口 家电信息75 家电信息示例 76 81 消息通知86 28 36 41 47 51 60 67 Mideaeico desi
2、gn3 家电品类综合分析 两种不同类型的家电工作方式 空调空气净化器电暖器 电风扇冰箱净水器 电饭煲洗衣机微波炉 压力锅烤箱洗碗机 更多家电品类不一一列出.更多家电品类不一一列出. A类家电 持续运行B类家电 单次任务 Mideaeico design4 家电品类综合分析 A类家电 持续运行B类家电 单次任务 空气净化器电饭煲 Mideaeico design5 交互结构简介 /首页卡片&家电控制 1:23 PM100% 返回空调 上下摆风 运行模式 26 室温，制冷模式 风速自动上下摆风空气净化 温度 26 2827224252 风速 自动02010 左右摆风预约定时 ECO空气净化舒睡 强
3、劲省电 家电信息 96 PM2.5，自动模式 关机负离子定时关机 空气净化器-小孩卧室 1:23 PM100% 关机温度温度 26室温，制冷模式 空调-客厅 开机 空调-书房 空气净化器-小孩卧室 室温，已关机29 Midea 页面切换 家电详情页面 点按卡片即进入该家电的控制详情 页，查看更详细的运行状态与更丰 富的操作控制 首页 首页以卡片列表展示家电 Mideaeico design6 交互结构简介 /家电信息 运行模式 手动模式自动模式睡眠模式 1:23 PM100% 返回空气净化器 负离子 风速 中档低档高档 定时关机 286PM2.5，手动模式 风速中档负离子 关机 家电信息 保养
4、维修 到期后需进行清洁 滤网还可使用35小时 使用技巧 用电统计 今日开机18.9小时 用电0.3度 PM2.5信息 276 PM2.5 室外空气严重污染 运行模式 手动模式自动模式睡眠模式 1:23 PM100% 返回空气净化器 负离子 风速 中档低档高档 定时关机 286PM2.5，手动模式 风速中档负离子 关机 加湿 家电信息 面板展开 点按即展开家电信息面板，显示保 养维修、PM2.5、用电统计、使用 技巧等模块入口，点按即进入相应 详情页面 家电信息面板家电详情页面 Mideaeico design7 交互结构简介 /家电通知 96 PM2.5，自动模式 关机负离子定时关机 空气净化
5、器-小孩卧室 1:23 PM100% 关机温度温度 26室温，制冷模式 空调-客厅 开机 空调-书房 空气净化器-小孩卧室 室温，已关机29 Midea 1:23 PM100% 返回消息中心 空气净化器-客厅5分钟前 空气质量下降严重，PM2.5指 数350，是否开始净化空气？ 净化空气 空气净化器-客厅 滤网还可使用35小时，到期后 需进行清洗 查看详情 9分钟前 购买新滤网 空调-主卧 3月份共用电12度，为您节省电 费3.2度 查看详情 35分钟前 电饭煲35分钟前 页面切换 点按首页右上角“消息”键即进入消 息中心页面，显示各家电重要的通 知消息列表 消息中心页面首页 Mideaeic
6、o design8 首页卡片 首页卡片 家电控制 家电信息 消息通知 96 PM2.5，自动模式 关机负离子定时关机 空气净化器-小孩卧室 1:23 PM100% 关机温度温度 26 室温，制冷模式 空调-客厅 开机 空调-书房 空气净化器-小孩卧室 室温，已关机29 Midea A类家电的首页卡片 B类家电的首页卡片 Mideaeico design9 首页卡片/ A类家电首页卡片 96 PM2.5，自动模式 关机负离子定时关机 空气净化器-小孩卧室 1:23 PM100% 关机温度温度 26 室温，制冷模式 空调-客厅 开机 空调-书房 空气净化器-小孩卧室 室温，已关机29 Midea
7、A类家电的首页卡片 B类家电的首页卡片 Mideaeico design10 A类家电首页卡片 /空调 A类家电 持续运行 空调关机状态 空调开机状态 ? ?-? ?29 ? 26? ?-? 空调 Mideaeico design11 A类家电首页卡片 /空气净化器 ? ? 96? 96 ? ? ?-? 空气净化器关机状态 空气净化器开机状态 A类家电 持续运行 空气净化器 Mideaeico design12 A类家电首页卡片 /空调卡片 空调关机状态 空调开机状态 ? ?-? ?29 ? 26? ?-? 表示当前家电运行状态的背景图（比如空调 关机时为灰色，制冷时为冰蓝色，制热时为 橘红色
8、，并显示相应模式示意图，具体请参 考视觉规范） 家电的名称与所在房间（对于同一家 庭可能存在多个的家电，添加时可标 明所在房间以便区分） 为降低首页信息复杂度，此处仅显示家 电当前最重要的运行状态信息（如图为 房间当前的室温，和已关机的状态） 家电在当前状态，用户最有可能进行的操作 （如图当空调为关机状态时，用户最有可能开 机，所以显示“开机”键） 家电的名称与所在房间 家电当前最重要的运行状态信息（如图为 房间当前的室温，和当前运行模式） 表示当前家电运行状态的背景图，比如空调 制冷时为冰蓝色，并显示制冷模式示意图 （具体视觉样式请参考视觉规范） 家电在当前状态，用户最有可能进行的操作 （如
9、图当空调正在制冷，用户最有可能调节 温度和关机，所以显示风速加减和关机键） A类家电在首页的卡片需展示开机与关机两种状态 Mideaeico design13 A类家电首页卡片 /空气净化器卡片 ? ? 96? 空气净化器关机状态 96 ? ? ?-? 空气净化器开机状态 表示当前家电运行状态的背景图（具体请参 考视觉规范） 家电的名称与所在房间 为降低首页信息复杂度，此处仅显示家 电当前最重要的运行状态信息（如图为 房间当前的PM2.5） 家电在当前状态，用户最有可能进行的操作 家电的名称与所在房间 家电当前最重要的运行状态信息（如图为 房间当前的PM2.5，和当前运行模式） 表示当前家电运
10、行状态的背景图（比如当前 空气质量较好，为绿色；若空气质量很差， 为灰黄或红色等，具体请参考视觉规范） 家电在当前状态，用户最有可能进行的操作 （如图当空气净化器正在净化空气，用户最 有可能开启负离子或设置定时关机；常用操 作可综合用户习惯与环境信息等而显示，比 如检测到此时房间很干燥，则显示“加 湿”和“定时关机”） A类家电在首页的卡片需展示开机与关机两种状态 Mideaeico design14 首页卡片/ B类家电首页卡片 96 PM2.5，自动模式 关机负离子定时关机 空气净化器-小孩卧室 1:23 PM100% 关机温度温度 26 室温，制冷模式 空调-客厅 开机 空调-书房 空气
11、净化器-小孩卧室 室温，已关机29 Midea A类家电的首页卡片 B类家电的首页卡片 Mideaeico design15 B类家电首页卡片 /电饭煲 ? ? ? ? ? ? 电饭煲关机状态 B类家电 单次任务 电饭煲开机但未开始煮饭的状态 电饭煲 Mideaeico design16 B类家电首页卡片 /电饭煲 ? ? ? ? ? ? ? 电饭煲正在煮饭的状态 B类家电 单次任务 电饭煲完成煮饭的状态 电饭煲 Mideaeico design17 B类家电首页卡片 /电饭煲卡片 ? ? ? ? ? ? 电饭煲关机状态 电饭煲开机但未开始煮饭的状态 表示当前家电运行状态的背景图（比如空调 关
12、机时为灰色，制冷时为冰蓝色，制热时为 橘红色，并显示相应模式示意图，具体请参 考视觉规范） 家电的名称与所在房间（若家庭内无第二台 同品类家电，无需显示该家电所在房间） 此处为家电当前最重要的运行状态信息 （如图为电饭煲已关机的状态） 家电在当前状态，用户最有可能进行的操作 家电的名称 家电当前最重要的运行状态信息（如图为 电饭煲已开机，但未设定程序开始煮饭） 表示当前家电运行状态的背景图（具体视觉 样式请参考视觉规范） 家电在当前状态，用户最有可能进行的操作 （如图为电饭煲开机后，显示用户最常用的 煮饭模式：标准煮和超快煮，常用操作可综 合用户习惯与环境信息等而显示） Mideaeico d
13、esign18 B类家电首页卡片 /电饭煲卡片 ? ? ? ? ? ? ? 电饭煲正在煮饭的状态 电饭煲完成煮饭的状态 表示当前家电运行状态的背景图（具体请参 考视觉规范） 家电的名称 此处为家电当前最重要的运行状态信 息（如图为电饭煲烹饪完成倒计时和 当前的烹饪模式） 家电在当前状态，用户最有可能进行的操作 （电饭煲在烹饪时可以调节烹饪时间与火力） 家电的名称 家电当前最重要的运行状态信息（如图为 电饭煲已完成煮饭，正在保温） 表示当前家电运行状态的背景图（具体视觉 样式请参考视觉规范） 家电在当前状态，用户最有可能进行的操作 （如图为电饭煲煮饭完成后，默认开启“营养 保温”（点按即关闭保温
14、状态），用户也还可 操作进行“自动清洗”） B类家电在首页的卡片需展示家电在不同任务阶段的状态 Mideaeico design19 家电控制 1:23 PM100% 返回空调 上下摆风 运行模式 26室温，制冷模式 风速自动上下摆风空气净化 温度 26 2827224252 风速 自动02010 左右摆风预约定时 ECO空气净化舒睡 强劲省电 家电信息 首页卡片 家电控制 家电信息 消息通知 A类家电 控制面板分析 A类家电示例 空调控制面板 A类家电示例 空气净化器控制面板 Mideaeico design20 家电控制/ A类家电控制面板分析 A类家电 面板布局规范 A类家电示例 空调控制面板 A类家电示例 空气净化器控制面板 B类家电 面板布局规范 B类家电 控
