童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

车载系统中,交互设计的三秒原则

10月10日 心碎巷投稿
  最近在复盘之前的一个关于车载系统设计的项目,有一些思考和总结在这与大家分享一下,欢迎一起讨论。
  车载系统的设计目前来说仍然是一个混沌状态,市场上并没有一套完整统一的设计标准与规范,大多数厂家的设计仍然沿用移动端式的设计思维,这显然与实际场景是不符合的。
  虽然现在仍然没有一套标准强大的系统规范和交互形式来约束大家,但我们可以通过站在使用场景与用户行为的角度,找到一些基本且重要的交互原则与设计理念来规避系统设计中的一些问题。
  一、车载系统不同于移动端的三个主要特点
  第一车载系统的单次操作行为无法超过3秒
  移动端系统为沉浸式操作,而车载系统不一样,在驾驶过程中,用户95的精力在于聚焦驾驶上行为上,用户只能抽取仅5左右的精力与时间来操控车载。因此也就决定了车载系统的功能逻辑,信息布局都必须在极短的时间内以最好的方式呈现。
  而如果用户没有在这个时间以内完成操作任务,要么用户选择放弃,重新再来;要么用户花费更多时间和精力,但这样驾驶的危险系数会成倍增长。
  经笔者多次在不同路段试验,统计下来平均每次操作,即视线与注意力专注在车载上的时间,无法超过三秒;事实上,当进入第三秒时,已不得不需要利用余光开始注意前方路况了。
  因此,在三秒以内,无论是用户第一次操作失败,重新注意路况后,再重复操作,还是用户持续操作直到任务完成,都是非常危险的行为,在这里,由于用户试错的成本非常巨大,也因此交互的设计与信息布局的设计都需要做到最极致
  第二车载系统对信息与功能需要高度的聚合
  在第一点提到的特殊操作环境下,我们无法用传统移动端沉浸式的设计思维来设计车载的界面与功能因为在极短时间内导致我们必须对所有可能用到的功能入口一步触达,对信息的布局必须做到一眼即见的程度。
  这也是为什么飞机驾驶舱内、国际空间站内的各种操控开关拉杆都是星罗密布式的摆放,并非以如今的科技无法做到像科幻片里一样简洁干净的操控台,而是因为考虑到在实际应用场景下,专业素质的人员不需要也没有时间去欣赏美观的界面,学习我们所认为的交互方式。
  试想在紧急情况下,机长是不可能像我们在移动端上完成任务一样,先找到主TAB栏,再一级一级点进去确认告诉大家要坐稳扶好不要乱跑。
  因此在车载系统的设计中,我们需要放下传统移动端的设计思维和所谓的美学,紧扣实际场景下的交互方式与用户需求来设计:
  第三车载系统有明显的操作热区与高效的交互方式
  由于驾驶场景的特殊性,用户只能用离车机最近的一只手去操作,而无法出现像移动端那样,用另一只手或者双手操作的情况。这也就决定在设计车载系统的功能入口时,会有着强烈的偏向性,并也会影响视觉信息的排布。
  同时,在操控车载的过程中,点击仍然是最有效率的交互方式,滑动与长按在上述的3秒安全操作时间内,都会极大的增加操作难度和驾驶风险
  通过以上三个特点分析,我们可以了解车载系统设计的大背景与环境,由此我们可以推导出一些比较详细的设计原则。
  二、关于交互行为的“三秒设计”
  第一秒视觉
  用户在0到1秒的时间内,对车机进行扫视,在这个过程中,应用场景的重点信息与功能入口必须能被用户在这个时间以内发现
  不可让用户频繁转动视角以搜索信息;
  不可让用户花费过长时间搜寻信息;
  第二秒行为
  用户在交互行为过程中从开始至结束时间上不能超过一秒
  避免需要用户点击两次才能完成,功能要一步必达;
  不要让用户滑动或长按;
  第三秒反馈
  内容在交互行为结束后,在第三秒的时间里必须有强烈明显的反馈告知用户操作成功,例如明确的点击效果反馈,可通过声音或者界面动画,但过于滞后(超过三秒)的动画反馈将脱离用户的有效感知时间,将不能很好的体现反馈本身的价值
  内容的变化反馈需要有明显且引导性质的动画转场支持
  去除不必要的装饰性的动态展示将使反馈效果更加聚焦
  在满足以上“三秒设计”的原则下,车载系统设计才能达到可用性范畴。
  由于特殊的使用场景和交互行为的规则,视觉设计需要保证信息传递的效率以及不同场景下合理的视觉表现。
  三、车载系统的视觉设计需要注意的几点
  1。色彩
  关于色彩,夜间模式下不宜过多使用高饱和的颜色。
  由于驾驶环境的变化,车载系统的视觉整体色彩需要跟随场景智能调整,当进入夜晚模式时,长时间驾驶本身精神与视觉会更加需要集中注意力在前方,此时车内环境中,不宜有过于强烈明显的色彩干扰视线,可试想你在电影院中看电影时,身边的人的手机亮度最高,此时会严重影响视觉的余光,难以聚焦在前方画面上。
  因此视觉设计的整体色彩体系应当适当的降低饱和度,同样的,车载系统视觉的设计也应避免使用同一色系的方案,这样无法在1秒的安全时间以内让用户有效果的判断识别信息
  2。字体
  文字内容应当通过字号字重来区分主次关系,用户在扫一眼的过程中即可准确的看到重点信息。
  3。ICON
  ICON的设计形式,可更多结合应用的内容,应注意在内容与形式结合时,视线上要保持一致性,可有助于在一秒的安全时间内让用户快速浏览并判断信息
  而视线不一致的情况会导致视觉解析的负担:
  4。内容排版
  由于车载有明显的操作热区,因此在功能与入口的布局上应尽可能的根据热区分布来设计。
  功能布局尽量设计在离手最近的位置,缩短操作距离,将信息展示区放置在右侧。
  以上主要为车载系统设计中视觉部分的一些基础规则,除此之外,我们还可以针对系统底层的响应设计做优化,如对触控区域的优化设计,内容的响应区域应当根据功能入口的布局,进行智能调整,以防止操作无效或者误操作。
  5。不同场景下的提示
  除以上正常驾驶场景外,还有部分对特殊场景的提示,如油耗、故障、雨雪天、超速、疲劳、等。
  所以要想系统整体跳出基础可用性范围,进阶到好用的层次,系统对各种复杂交插的应用场景的处理需要更加智能(如导航中的来电,紧急路况的提示),对车内环境控制(如声音、气温)需要更加敏感
  车载系统的设计相比于移动端有着更明显的约束,不论是从空间(使用环境)、时间(三秒原则)、行为(交互方式)、心智(心理诉求),都有着明显独特的场景和特点,要做好车载系统设计,我们需要有丰富的同理心以及亲身体验并反复验证设计。
投诉 评论 转载

一份完整的交互说明包含什么?(上)从你的交互说明中,即可看出你的思考是否全面,逻辑是否清晰。那么你知道交互说明都需要写些什么吗?最近,经常听到刚刚入行的小伙伴问道:原型图的注释要写些什么内容呀?交互说明怎……在设计过程中,有哪些不容忽视的交互设计要点?本文总结了一些在交互设计中重要的理论要点,并针对各理论要点展开描述相应的设计策略。主要涉及视觉感知、认知摩擦、认知负荷和情境认知四个方面。enjoy一、交互设计中的视觉感……关于设计保真度的难题编者按:偷看了一眼上次的更新,约莫还是在两周前;中间忙一些事务,读一些书,又去宝岛休假了一周,差不多就是这样了;出行期间略有感触,接下来找一期单聊吧。之前有朋友问到博主你平时的……交互方案该画到什么程度?交互方案该画到什么程度呢?本文作者在此给你提供了一点建议,enjoy作为一个经历了“全栈非科班海归学院派BAT”的交互设计师,我也算是阅读和学习过各种类型的资料了。有一个……GoogleIO即将到来,这是我对于MaterialDesiRaveeshBhalla:也许再等上几周,在GoogleIO之后再来聊MaterialDesign2。0会是一件更好的事情。但是在发布之前预测一下,压个题,似乎也是一件很好玩……车载系统中,交互设计的三秒原则最近在复盘之前的一个关于车载系统设计的项目,有一些思考和总结在这与大家分享一下,欢迎一起讨论。车载系统的设计目前来说仍然是一个混沌状态,市场上并没有一套完整统一的设计标准……设计系统设计验证:构建交互设计自查体系交互设计自查体系是设计系统的重要一环,是设计师完成交互设计方案后,提交给团队内部、产品经理或者客户前查缺补漏的环节。有效的进行交互设计自查,将有助于保证交互设计方案的质量……译文移动应用里的转场动画转场动画可以通过很多种方式来强化用户行为,那移动应用里有些什么转场动画呢?在这篇文章中,我们将讲述当功能性的动画补充视觉设计和支持交互时的常见情况。动画是用户体验的重要组……七个简单的小窍门,用来改善你设计的美感编者按:无论喜欢与否,每个网页开发人员都不可避免地会遇到需要做出视觉设计决策的情况。在设计决策中,一些小的技巧可以实现事半功倍的效果。本文原题为7PracticalTipsfo……交互设计流程(二):架构设计本文作者将从三个步骤来说明在设计整个产品过程的信息架构设计,enjoy该系列交互设计文章,抽取工作中需要的核心步骤,预估计有6篇,暂拟定如下内容:交互设计流程一之需……仿真设计:提高自己设计能力的一种方法编者按:西贝货也有价值?作者通过自己的经历,告诉你在产品设计中,仿真设计能够让你学到很多东西!本文作者DanielBurka,原文标题Fakedesignsyieldrealr……设计师进阶笔记APP导航的设计套路产品同学要做一款新APP,对导航犯了愁。而在两大设计规范中,均为我们指出了如何设计APP导航,前人的文章中也有不少总结,在此作一次梳理,供自己内化也给各位读者分享。精华浓……
简短的职场的语录36条职场正能量的语录职场心灵鸡汤语录88条经典职场心灵鸡汤语录78条职场的语录65条职场的语录常用职场正能量的语录90条简洁的职场正能量的语录76条职场心灵鸡汤语录常用职场心灵鸡汤语录职场的语录职场的语录摘录

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界