header_v1.7.40

HMI设计

117天前发布

原创文章 / 多领域 / 资讯
Pursuer设计 原创,如需商业用途或转载请与Pursuer设计联系,谢谢配合。

HMI设计



HMI设计流程

 产品定义

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

概念设计

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

交互设计

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

Ui设计

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

规范撰写

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


产品定义

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

用研办法归纳

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


概念设计

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

信息框架设计

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

交互设计

交互设计

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

流程逻辑图

产品原型设计

交互动效设计

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


UI设计


界面设计发展趋势分析 

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

扁平化

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

数字化

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

个性化

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

多通道

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

NUI

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



界面设计原则

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

扁平

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

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

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

高。

一致性

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

交互方式一致性

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

简洁大方

视觉简洁

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

功能定义

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

信息输出

尽可能简洁,把重要信息清晰明了地展示给用户(如:危险警告、转向、等)

层级关系明确

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

随心应手

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

美观

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

安全性

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


设计规范撰写

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

精彩HMI设计欣赏








31
    Hello PM 意见反馈
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功