HMI设计流程

 产品定义

•用户调研  •竞品分析  •市场分析  •功能定位

概念设计

•功能梳理  •概念发散  •草图设计

交互设计

•信息框架设计  •使用流程设计  •交互动效设计

Ui设计

•设计趋势分析  •界面风格定义  •界面设计

规范撰写

•交互规范撰写  •界面规范撰写  •UED培训

产品定义

产品定义目的主要帮助我们理清目标用户是谁，用户痛点是什么，ta们偏好、生活习惯、使用产品习惯，等。本产品直接、间接竞争品牌有哪些，如何根据自身优缺点取胜。根据目标用户痛点、公司自身优势来定义产品功能。

用研办法归纳

•问卷调查  •聚焦小组  •用户画像  •5W+1H分析  •故事版  •用户访谈  •用户跟访  •故事版  •卡片分类  •卡片分类  •使用流程分析  •使用情景设定  •行为类型分析  •使用频率分析  •用户对比  •动线分析

概念设计

草图设计阶段主要方便于设计师的创意思维发散，天马行空的想法视觉化，创意团队内部思想火花碰撞，有利于快速发现问题与解决问题。

信息框架设计

信息构架的核心目的是让用户轻松找到他们要找的东西。这需要对产品功能主次关系、信息重要层级关系、目标用户群体使用习惯、用户偏好，等，进行准确把握，再合理利用信息框架进行合理设计。目前流行信息框架主要有下面8种，每一种信息框架都是有各自的优缺点，在设计过程中，往往两种、三种，甚至更加综合利用，扬长避短。

交互设计

交互设计

交互设计更加关注产品流程合理性、易用性、拓展性，在这个阶段交互设计师，可以先忽略产品视觉美观性。

流程逻辑图

产品原型设计

交互动效设计

现在是用户体验至上时代，为了最大程度增加产品趣味性、生动性、有效引导用户，界面设计更加偏向带有交互动效效果,让用户爱不释手。

UI设计

界面设计发展趋势分析 

• 扁平    • 数值化、图形化   • 个性化    • 多通道操作    • 自然用户界面

扁平化

扁平化设计更加有助于交互动效、数字可视化界面实现。

数字化

随着HUD/AR-HUD、体感交互、多点触控OLED曲面显示屏技术不断发展，界面逐步数字化与图形化，慢慢偏向NUI

个性化

用户可以根据自己需求来定义产品功能位置

多通道

未来HMI设计发展趋势更加偏向多通道交互：智能硬件、双机互联、语音交互、体感交互、眼动交互

NUI

随着体感交互、语言交互、触摸交互，等不同输入方式接入HMI设计，未来HMI交互方式更加偏向自然用户界面设计。

界面设计原则

 • 扁平    • 一致性    • 简洁大方    • 层级关系明确    • 遂心应手   • 美观    • 安全性

扁平

视觉扁平:去掉多余装饰，化繁为简，以产品信息有效传达为导向。

信息框架扁平：尽可能让用户通过最少使用步骤达到ta使用目的；

交互扁平：能够使用单击，就不要使用双击、长按，因为它们使用时间成本较

高。

一致性

一致性不仅仅降低用户对产品学习与记忆成本，同时有效提高产品的品牌形象。

交互方式一致性

交互方式设计，尽可能接近现实，减少用户学习成本。

简洁大方

视觉简洁

界面尽可能去掉多余的装饰，化繁为简，尽可能降低驾驶员的认知负荷。如何把精选信息在合适的时间以合理的方式进行投射才是根本

功能定义

产品研发切忌进行功能堆砌、避免盲目进行同行抄袭。产品功能定义，一定要以目标用户潜在需求进行深度挖掘，解决用户实际痛点。

信息输出

尽可能简洁，把重要信息清晰明了地展示给用户（如：危险警告、转向、等）

层级关系明确

需要根据产品功能的主次层级进行合理排版，把重要的功能凸显，次要的功能进行隐藏；

随心应手

使用频率比较高的功能，为用户提供多通道交互操作，驾驶员可以根据自己的实际情况进行选择，尽可能降低驾驶员的负荷。

美观

界面设计需要符合用户视觉审美，根据前面设计大师调研结果显示，美的产品更加易用。

安全性

车载交互方式越来越多，任务分配时需要结合用户特殊应用环境选择合理交互方式，尽可能少占用驾驶员的资源，提高驾驶安全。

设计规范撰写

设计规范是确保设计质量最有效工具之一，同时方便于产品后期维护与迭代。

精彩HMI设计欣赏