HMI设计实际工作经验—全流程拆解

因为每个公司都有自己的特点,这里仅以我参与到的情况来举例,因为我们公司涉及到的范围还是比较广的,大家可以在看的时候试着将自己代入进去,感受对于传统互联网的UI设计,HMI设计到底有哪些不同。

还有一些需求是由UX进行体验优化方面所带来的,以及部分开发和测试也会有需求,这个需求并不是对bug的修改,通常是产品在原有的基础做了升级改动,或者出现多模块冲突的时候,需要一些相应的设计支撑;而这种情况的工作量一般不会太大。

OK那作为设计师,在前期需求阶段要做些什么?

举个例子,我们拿座椅扶手设置的屏幕举例,因为这种屏幕对的设计牵扯到的部门比较多,但设计师内容并不复杂,一两个设计师就可以完成,不像中控仪表需要按照各种模块进行设计人员的划分;

那当我们接到了这样的一块扶手控制屏的时候,我们需要了解什么?

第一就是功能,需要放什么内容在上面,这时产品会给一份初步的功能清单,但是光有清单是不够的,你需要清楚每个功能都是怎样定义的,有没有什么内容是可以进行设计容错的,比如说特殊的控制信息放不下的话可不可以不要,有没有选配的内容,高端车和低端车型的配置是否统一?这些都要提前问清楚,以便去进行不同的设计适配。

第二要了解的便是屏幕的规格,包括尺寸,屏幕分辨率是多少,PPI多少,可能这里会牵扯一个物理尺寸的换算,比如我们的按钮推荐的热区是15.2mm对吧,那设计稿要做多大?

很多人在纠结这个像素和mm的换算很麻烦,用到一堆公式啥的,如果现在告诉你:物理是长度150mm屏幕分辨率是720,那你知道1mm等于多少像素吗?720除以150等于多少4.8,1mm等于一4.8px,那15mm不就是72px嘛,这很难么?

回到刚才的需求阶段,除了功能、规格,我们还要了解屏幕的材质,交互的载体,显示屏幕的视觉表现情况,是否有物理按钮的考虑等等,都需有一个全面的了解。

还有就是外观,是不是异形的设计,我们都知道有些仪表并不是中规中矩的方形,很多都是根据车型结构做的特殊形状,在做新的屏幕设计的时候也要考虑进去,这里还有考虑的边缘区域的距离——BM区域,俗称就是屏幕黑边,这个区域的大小也会影响设计的视觉美观度,包括交互操作的合理性,如果边缘很小,点击触摸操作的时候就会就是难以交互,设计时可以考虑把页面两边的安全边距加大,如果BM区域大的话,内容区域就可留的更多一些,这些在前期都是可以讨论的,设计也可以根据方案去提出一些意见。

OK前期需求部分讲的有点多,其实当中还有很多更细的内容需要根据不同的情况去考虑,主要想让大家明白,在设计前期,一定要先做到深度的了解需求再进行设计输出。

在理解了需求后,下一步我们就可以进行概念方案的输出,要针对当前的问题,不确定的因素做一些典型页面的方案呈现。

为什么说是概念方案,以及做这个概念方案是干啥的?大家应该记得在上一阶段,我们可能有很多没有确定下来的因素,设计师在其中其实主要是要配合产品,交互,市场做一些内容想法上的表达,这里并不是视觉设计师的主场,主要是产品和功能上的确认。

这里就提到了下一个阶段——需求评审的环节——起到需求确认的作用。

我们做的概念方案就是展现这个地方,主要给产品起到决策辅助的作用,但是设计师要参与其中,也会去输出一些自己的看法,来确认方案的可行性;并不是所有的需求评审都需要设计师支持,看情况而定。

除了确认需求之外,还有一个重要作用就是确认开发的可行性,防止出现设计稿确认后,开发实现成本过高影响整体交付进度的问题,所以协调开发资源,确认开发任务难度也需要在这里完成确认。

接下来就到了我们设计师的主场了,万事具备,只欠东风~

这里其实跟常规的uI设计理论没有太大的区别,首先就是要进行大量的竞品分析,这里竞品分析的作用就体现出来了,因为市面上已经落地的内容是经过大量验证的,安全性是有较大保障的,我们都知道HMI的设计安全性是放在首位的,小到一个图标大到整个项目视觉表现,都需有强有力数据支撑,YY或者自嗨式的想法就是纯是在耍流氓了,竞品就是一面很好的镜子。

这也是市面上很多作品集不落地的原因之一;有同学可能会问,有些内容是我们创新来的呀,市面上根本没有竞品;在这里我认为并没有纯创新的设计,总会在其他方面找到类似的场景参考,多结合一下,与人因及交互的同学讨论方案是否合理,在进行设计输出。

在设计的时候也要考虑多场景,同一个功能模块,在设计时是否与中控、仪表或其他模块项目上产生冲突;因为在设计后期,即使是新增一个小小的功能,牵扯到的页面逻辑会越来越多,要考虑多种冲突之间的关系,进行设计方案的协调。

还有就是复用性,规范化,严格按照指定好的规范来进行页面输出也是设计的必要条件,形成规范,包括字体,颜色、间距、圆角、阴影等等,在开发侧,也会有和我们设计一样的控件库,新增控件,或者图标时,也要严格在原有规范的基础上进行迭代优化。

基本这样的做出来的界面才可以具有很高统一度,那我们在做自己的项目的时候一定要严格按照自己制定的规范去输出页面。

在交互/视觉都完成之后,我们还需要进行一个设计走查以及评审的环节。

因为设计面向大量的用户,要承担生命的责任,基本上任何一个设计方案需要经过严格的评审环节,在设计评审中,一般是各个uX部门的主要负责人作为评委,此时,需要讲清楚需求背景、落地竞品的设计方案,原有方案及优化方案,讲清不同方案之间的设计思路与逻辑,同时记录会议内容,进行后续的设计升级。

开发完成,还需交由设计师进行页面验收,通过实机测试,审查包括字体,颜色、间距、圆角、阴影方面是否和设计稿保持一致,交互逻辑、页面跳转、按钮状态是否完善并和主框架统一。检验视觉BUG,保证设计可以高度还原。

以上就是HMI的设计主流程啦,希望可以给你带来启发,如果你有其他疑问,欢迎留言积进行讨论哦~

THE END
1.交互设计招聘招聘交互设计人才猎聘交互设计招聘网为您提供大量的交互设计招聘信息,有超过10000多交互设计招聘信息任你选寻,招聘交互设计人才就来猎聘交互设计招聘网!https://www.liepin.com/career/jiaohushi/
2.麦科田医疗2022届校园招聘简章13.交互设计师招聘人数:3人工作地点:深圳 岗位职责: 1、根据项目目标独立完成视觉设计工作(界面风格、UI设计); 2、结合交互设计成果,在视觉表达层持续优化用户体验; 3、负责UI交互设计的确认工作,收集评估人的反馈意见,并策划更改,使用户操作更趋于人性化。 https://whcb.wh.sdu.edu.cn/info/1085/8067.htm
3.产品运营有哪些岗位(魅力互联网岗位揭秘:产品技术设计职责...职责:他们与产品经理、开发团队紧密合作,以确保产品界面易用、直观、符合用户期望,并通过设计交互流程来提高用户满意度和产品的可用性。交互设计师着重关注用户与产品的互动过程,以创造出更好的用户体验。 运营专员(Operations Specialist) 职责:负责产品运营相关的工作,包括内容运营、数据分析、用户活动组织、推广营销、用...https://www.niaogebiji.com/article-624728-1.html
4.MasterGoMasterGo 软件特点:一个工具完成所有设计师工作 一站式创作: 从界面设计到交互制作再到查看演示,用 MasterGo 都能搞定。 跨平台:提供 Win / Mac 客户端以及在线网页版,打开浏览器就能用 共享原型: 通过一个链接,将原型分享给任何人,异步演示,方便快捷。 实时同步: 设计文件和交互原型无缝切换,修改实时同步,获取...https://www.iplaysoft.com/mastergo.html
1.交互设计师具体做哪些内容交互设计的职能——交互设计师具体做哪些内容?以下是小编为大家收集的交互设计师具体做哪些内容,仅供参考,希望能够帮助到大家。 Ⅰ.先了解一下交互设计的基本概念: 交互设计是一种目标导向设计,所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为,让用户更方便更有效率的去完成产品业务目标,...https://m.oh100.com/kaoshi/web/431294.html
2.交互设计师岗位职责(工作内容,是做什么的)交互设计师是做什么的?有前途吗?工资待遇怎样?61.3%的岗位拿¥10-30K/月。招聘要求高吗?学历本科最多占75.2%,经验3-5年最多占42.3%。应该学什么专业?工业设计专业、美术学专业、艺术设计学专业等。交互设计师岗位职责怎么写?为你汇总潮流网络,新东方,广州明日思维https://m.jobui.com/gangwei/jiaohushejishi/major/
3.交互设计师岗位职责在学习、工作、生活中,很多场合都离不了岗位职责,岗位职责是指一个岗位所需要去完成的工作内容以及应当承担的责任范围,职责是职务与责任的统一,由授权范围和相应的责任两部分组成。大家知道岗位职责的格式吗?下面是小编帮大家整理的交互设计师岗位职责,仅供参考,希望能够帮助到大家。 https://www.yjbys.com/hr/gangwei/4109606.html
4.如何选择产品设计和交互设计的方向交互设计有什么工作内容? 交互设计是一个综合性的过程,它主要是研究如何设计产品的交互界面,以便用户能够更方便、愉快地与之互动。这个领域特别重视用户体验和易用性,为了让用户感到满意并愿意长期使用产品,设计师们会深入分析用户的需求、习惯和痛点。同时,他们还会关注产品的界面设计和交互方式,确保用户在使用产品时能...https://www.hxsd.cn/wenda/43166.html
5.交互设计师岗位职责?交互设计师岗位职责权威解释 1、 负责公司核心产品的交互/UI设计,对现有产品提出改进方案,持续优化呈现方式; 2、 理解产品信息架构、操作流程,能独立承担各条业务线交互/UI需求,保证产品用户体验的一致性和易用性; 3、 跟进产品上线后的用户反馈和数据分析,针对分析汇总提出改进方案,并持续优化产品体验; 4、 负责制...https://www.lagou.com/wn/encyclopedia/260
6.什么是交互设计师?交互设计师的工作内容公开交互设计师的工作内容公开 交互设计师是一个专业的角色,交互设计师主要负责设计和优化用户与产品或者服务之间的交互体验。此外,交互设计师还需要深入僚机用户需求和行为,并将其转化为易于用户使用和用户友好的界面设计。交互设计师需要与产品经理、设计师和开发人员密切合作,以确保最终产品的用户体验符合预期。https://pixso.cn/designskills/what-is-an-interaction-designer/
7.交互设计师的工作内容是什么?总体来说,交互设计师的工作内容包含用户研究、创意构思、信息架构设计等 10 个方面,对用户设计师的设计素养与工作技巧提出了极高的要求。特别是在如今,交互设计已经成为数字产品和应用程序开发中不可或缺的一部分,而交互设计师则是确保用户体验卓越的关键人员之一。接下来就一起了解,交互设计师的具体工作内容吧!https://js.design/special/article/what-interaction-designers-do.html
8.整个交互设计师的工作流程有哪些内容?平面其它平面设计初学交互设计的新人,因为没有做过任何的设计项目,所以不知道整个交互设计师的工作流程会有哪些内容,今天这篇文章请了专业科班出身的设计师来科普他们在实际项目中的工作流程,强烈建议阅读。 Spell:先说下我的背景吧。我是国内软件工程本科+美国UW HCDE master,现在在硅谷做用户体验设计并且教用户体验课程。在这里我想...https://www.jb51.net/pingmian/503421.html
9.超全面!交互设计师的工作流程指南优设网工作流程交互设计师的工作,不仅仅是输出设计方案,还需要参与前期的需求讨论、后期开发、测试验收等等产品设计与实现的多个环节。拿到一个新的项目需求后,从设计思考开始,产品前期分析,设计产品,设计评审,用户测试,直至产品上线。我们的工作流程如下:项目展开的过程https://www.uisdc.com/interaction-design-process/
10.UI交互设计师主要的工作内容是什么?UI交互设计师这个岗位的薪资还是不错的,需求量也比较大,许多同学都在考虑入行。那么,UI交互设计师主要的工作内容是什么?你知道吗? 小编给大家简单总结一下: 1、负责软件界面的美术设计、创意工作和制作工作; 2、维护现有的应用产品; 3、收集和分析用户对于GUI的需求; ...https://www.jianshu.com/p/bd484d73651f
11.视觉设计师应该掌握的五类交互逻辑平台类设计项目,交互设计师通过页面框架、模块设计来表达产品/运营的策划思路,涉及内容及模块更多,且包含着复杂的逻辑关系。一个优秀的平台视觉设计师,应当是通过好的视觉表达,按照交互信息层级关系,将信息内容传递给用户。这里视觉同学要避免两个误区:完全按照交互框架和排布,只是纯粹填色;从「好看」的角度重新布局,忽略...https://www.chengzhushuo.com/articlecontent.html?id=769
12.交互设计主要做什么工作一般我们所说的交互设计师大都是视觉交互设计师的。这些设计师主要集中于互联网公司,工作主要内容就是移动端设计,包括互联网网站的界面设计、界面交互、界面与界面间的逻辑框架。 学习交互设计的比较快的途径 付费节省时间,才是最科学比较快的学习途径。学习就像投资,你的每一份学习和努力在未来都会得到回报。所以火星...https://www.hxsd.com/content/30898/
13.@所有人春风送岗:有一种心安一一家门口就业澎湃号·政务5、挖掘数据,分析总结节目互动经验,有针对性地优化调整内容; 6、深入研究客户需求,负责项目开发各阶段的策划与市场调研工作,协同相关部门完成各类节目策划方案。 待遇:8k-10k 02 服装设计师 岗位职责: 1、根据品牌定位及产品风格进行资讯的收集; 2、根据《产品企划》及部门工作的分解,进行产品款式的设计,对主题故事...https://www.thepaper.cn/newsDetail_forward_11203752
14.电商UI设计师是做什么工作的UI设计电脑/IT电商UI设计师是专门负责设计电商平台用户界面的专业人员。通过对用户需求的研究,进行界面设计、用户体验优化等工作,以提高用户的购物体验和提升电商平台的竞争力。 二、电商UI设计师的工作内容 1、界面设计:电商UI设计师根据电商平台的需求和用户反馈,进行界面设计,包括页面布局、色彩搭配、字体选择等。他们需要确保界面风...http://m.pxwy.cn/news-id-80922.html
15.2019级数字媒体艺术设计专业(电商平面UI设计方向)人才培养方案...本专业方向主要面向电商平面设计及相关行业一线岗位需要,培养德、智、体、美、劳等方面全面发展,具备良好的职业道德素质和人文素养,适应生产、建设、服务、管理第一线需要的,掌握艺术设计理论知识和电商平面设计原理,具备熟练运用计算机设计软件进行新媒体平面设计、交互设计、界面设计、网页设计等工作的高素质技术技能型人才...https://www.hnwmxy.com/jiaoxuekeyan/jiaoxuebiaozhunfabu/rencaipeiyangfangan/2019/1023/5239.html
16.8互联网产品的用户体验设计(UED)腾讯云开发者社区- 输出 ? 用研文档(用户研究文档,包括:用户需求分析,用户角色卡片……) ? 竞品分析文档 ? 产品需求与需求分级文档 - 配合工作 ? 协助UED相关人员对产品的调性进行把控 ? 协助UED相关人员进行测试与组织管理 6.2 交互设计师 - 输出物 ? 完整产品原型图含交互设计 ? 用户使用流程 ? 产品信息...https://cloud.tencent.com/developer/article/1096498
17.交互设计师需要哪些职业素养3、想。当设计师将之前听到的和看到的内容在头脑中加以整理、分析,经过发散的创造性碰撞和严谨的逻辑论证后,逐渐得到了相对靠谱的交互产物。这个思索分析的过程贯穿于交互设计工作流程的每个环节。 4、说。一个能说会道的人不一定是一个优秀的交互设计师,但一个优秀的交互设计师必然是一个善于准确表达自己想法和观...https://www.766it.com/news/7227.html