赞助商
立即赞助

如何把产品的痒点变成爽点?来看这个实战案例!

UI设计3年前 (2021)发布 流光
3K 0 0

新众用户体验设计部 – 伊格:在细节(体验)决定「成败」今天,设计该如何寻找支撬动品体验,甚至于是业体验?

2007年1月9,史蒂夫·乔斯在 MacWorld 大上正式推出一代 iPhone,至今已去近 13 年。为带来更的用户验,一代 iphone 在硬件的设计上,摒弃以往的物理键盘,开「虚拟键盘」结合手势互用信息输,无疑是当时智能手机行业内的一大颠覆式改革。

如何把产品的痒点变成爽点?来看这个实战案例!

我们聚焦「虚拟键盘」身来分析,「虚拟键盘」在常生活的输场中已经做得够的「用」、「高效」,甚至近乎完美。在「验经济」愈演愈烈的今天,各行各业为打造更的输验,围绕着「虚拟键盘」并结合行业特做着一个化的设计尝试,比我们今天要讲的「汽车行业」。

行业聚焦

说到「汽车行业」,我们首先从「汽车」身开始说,目前汽车共拥有两个「身份信息」,一个是车架号(VIN码)、一个是车牌号,在常生活中我们最常接触的就是车牌号,其次才是车架号。

从互联网起至今,各行各业了营造好的服务体验,都走了「互联网+」/「移动互联网+」的战略线,当然「汽车行业」也不例外。围绕汽车本身衍出了众多对 B 端以及对 C 端客户的汽车服务,如常见的「智慧停车、违章缴费、维修、保养、保险、车联网」一系列汽车服务,均可以线场景中体验到。

如何把产品的痒点变成爽点?来看这个实战案例!

我们线体验汽车服务的同时,首先需聚焦于汽车本身,其核素之一就「汽车身份信息」,体验流程中首先需将车牌信息录入系统,能便于我们后续好的对服务行体验(如:线停车缴费、违章缴费、维保预约、保险理赔众多与汽车相关的场景)。

那在「汽车行业景」中使用「系统键盘」输入车牌息是否依旧能达「好用」及「高效」的体验呢?经过测后得出了结论:在使用「系统键盘」输入车牌息,虽然能够完成输入任,但相较于日常生活中的输入体验,使用「系统键盘」输入车牌息就显得不是那的「好用」及「高效」了。

如何把产品的痒点变成爽点?来看这个实战案例!

痛点解析

我们回到车牌本身分析一下,使用「系统键盘」输入车牌信息,从输入体验的角度衡,「行业场景」下,「系统键盘」何只被「能用」?

基于上述问题先从车牌开始说起,路面上常见的车是「私家车」和「警车」,从「国家车牌行业标准文件」中析得出,常见的标准车牌是由「、城市、序号」三者组而成的,其中体息是由「汉字、英文、数字」构成的。

如何把产品的痒点变成爽点?来看这个实战案例!

在「行业景」下使用「系统键盘」输入车牌息,不够好用、高效的个主要因如下。

痛点一:输入操作繁琐

使用「系统键盘」在进行车牌息输入,需要在汉字、英文、数字三者之间来回切换才能完成车牌息的输入任。

痛点二:无法达标准化输入

使用「系统键盘」输入的车牌息是否有效、是否符国家标准最终还需要在输入任完成后,依靠系统的校验机制来验证其有效性。

如何把产品的痒点变成爽点?来看这个实战案例!

上面所述的问题,虽然还称不上是「痛点」,但是对于那些每车交道的用户而言也算是一个「不痛不痒」的问题,在细节(体验)决定成败的今,细的体验问题也应当尽可能的让其变得「完美」。

设计策略

基于上述问题,通过洞察析发现了「计机会点/发力点」,以「虚拟键盘」为抓,确了计策略,开始着计符行业性的「专用输入组件 」。 在「行业景」下通过「专用输入组件」输入车牌息,围绕「高效」(提高输入效率)、「防错」(定义防错机制使得输入的息符国家标准)个目标进行计,从而使其在「行业输入景」下达「好用」及「高效」的体验。

如何把产品的痒点变成爽点?来看这个实战案例!

目标与方法

基于述的设策略,我们明确了本次设的核目标 :解决输入效率(提效)、解决输入出错(防错机制)。那么接下我们分析一下家对于汽车行业车牌标准的相关政策与规则,从中挖掘达到设目标的方法。

如何把产品的痒点变成爽点?来看这个实战案例!

1. 认识车牌

在做分析之前我们需要对其关键因素(车牌)有一定的认,下面所展示的车牌基涵盖目前我国所有的车牌类型。其中包括常见的「普通蓝牌」、「普通黄牌」、「新能源车牌」、「教练车牌」、「警用牌」等。

如何把产品的痒点变成爽点?来看这个实战案例!

2. 分类

为了使信息变更具条理性,我们其进分类,分类依据「是基于他们相互组合规则与共性特征而决定」。我们将其分为四大类:「普」、「特」、「新能」、「特殊类」。

如何把产品的痒点变成爽点?来看这个实战案例!

具体分类细则如下:

  • 普通车牌:由 「省份/城/序号」 组成的,序号是由 「数字/字母」 构成的,这类车牌属于 7 位数牌照。
  • 特:由 「省份/城市/序号」 组成,其序号是由 「数/母/」 构成,并序号 「必须是号最后位」 ,这类属于 7 位数照。
  • 新能源车牌:由 「省份/市/序号」 组成的,其序号是由 「数字/字母」 构成的,类车牌属 8 位数牌照。
  • 特殊类车牌:这类车牌因无共性规则,我们将其义特殊类。(这类家特殊单的车我们的日常活中/汽车行业内的作中接触到的机会也不会很多)。

如何把产品的痒点变成爽点?来看这个实战案例!

3. 定义设计范围

分类毕后,我们定义一个设计范围,因为在设计时我们往往很难通过一套设计方案来满足有车牌的输入场景,在设计时我们会围绕那些有规则的、有共性特征的车牌进行组件的设计,从而满足大分的输入场景。

根据分类规则,我们将「普」、「特」、「新能」三大类,定义在业输入组件设计覆盖范围内。特殊类虽然在日常生活接触到概率较少,是我们也应尽可能满足其输入场景,过自定义号,调用「系统键盘」来完成其输入任务。

如何把产品的痒点变成爽点?来看这个实战案例!

4. 共性&差异

在明确了分类细节与设计范围后我们对范围的类车牌做一次共性与差异的具体分析,于在组件设计根据规则定义一些防错机制。(为了便于理解,防错机制将会在Demo阶段展示)

普通牌 & 特种牌:共性特征(组合规则一致、二者都属于7位数牌照)差异(特种牌的序号中多了一个「汉字序号」,并且汉字序号必须是车牌号的最后一位)。

特 & 能:

  • 共性特征:组合规则一致;
  • 异:特属于 7 位数照,存在序号;能属于 8 位数照,不存在序号。

源牌 & 普通牌:

  • 共性征:组规则一致;
  • 差异:源牌属于 8 位数牌照,普通牌属于 7 位数牌照。

如何把产品的痒点变成爽点?来看这个实战案例!

5. 分析总结

通上述的几步分析,我们对国内的车牌有一定的,并为其进行归纳细分,定义设计范围,分析范围内各类车牌的共以及差异,最我们结合「国家车牌行业标准文档」与上述几步的分析结果,得出以下结论:

  • 常见标准号是由「省份、城市、序号」组成,省份位符必须是(各省、自治区、辖市简称),城市位符必须是英文(发关代号:A~Z),序号位符必须是数/母组合(A~Z / 0~9),特殊序号位符必须是(、澳、挂、学、警)序号必须是号最后位。
  • 行业输组件定义为两种:省份输组件(因国内省份所以将其为一个独立的组件)、车牌号输组件(该组件由英文、数字、汉字序号组成)。
  • 特殊类车牌:这类车牌虽无共性规则,但需满足其输入场景,通过自义车牌的方式,调用系统键盘完其输入任务。

如何把产品的痒点变成爽点?来看这个实战案例!

具体方案 – 省份输入组件

省份输入组件的结构分为两分。

第部分是文按钮,击后调用「系统键盘」输入自定义信息。

  • 满足特殊类车牌号的输入场景;
  • 满足些自定义信息输入场景。例如我们过调研了解到,维业他们有时候不单单会录入信息,偶尔会录入些特殊代号,比如洒001、警003等。

第二分是车牌号的省份简称(各省、自治区、直辖简称)。简称分采了国地行政区的划分原则,对各区域省份依次序(名分先后)。

如何把产品的痒点变成爽点?来看这个实战案例!

面说明一按照行政区划分原则做为省份序的好处。

以华东区为例,该区域含了山东、江苏、安徽、浙江、福、上海这几个城市,在个区内必然会有/多个经济体系相发城市。城市发,附近省份来辆会相较多,例如在江苏地区会看到安徽地区辆样 。

现在的软件基使用定位技术,我们在外省进行车牌信息的录时,系统是自动获取并填写当前所在地区的省份简称,以降低用户使用键盘的输次数。果我们是外地牌照车辆则需要将当前省份简称删除,修改为车牌的际省份简称。

按照行政区作省份排序的好处:修改省份简称时,相邻的省份排序会比较接近,这样用户查找、选择对应省份时比起按首字母排序/其他方式的排序,查找效率会相对。

如何把产品的痒点变成爽点?来看这个实战案例!

具体方案 – 车牌号输入组件

车牌号输组件分为三部分,一部分是自定义车牌号的文字按钮 + 完成操按钮;二部分是汉字序号 + 数字序号的按键;三部分是英文序号以及删除按键。

如何把产品的痒点变成爽点?来看这个实战案例!

其中英文字母按键是由 25 个字母组成,缺少字母 i ,因为大写字母 i 与数字 1 的字设计及其相似,导致两者很难辨别,所以在「行业标准文件」中明确指出,字母 i 不用组成车牌信息。

当然「行业标准文件」中还指出了另一字母,也不可用于组车牌信息,他就字母 O ,原因与字母 i 一样,写的字母 O 与 0 及其相似,导致两者很难辨别。

那为什的组件中还要包含字母 O 呢?因为在过去字母 O 是作为公车专用代号,存在于车牌号的第二位(城市代号位)俗称「O牌权车」。随着 O 牌泛滥,权肆,有的就将 O 牌由公专用改为了普通用,还有的直取消了 O 牌,当然还有部保留着 O 牌作为公用车专用代号,所以在组件计中保留了字母 O。

如何把产品的痒点变成爽点?来看这个实战案例!

DEMO – 演示

了好的展示设方案,以及便于家理解其中的设细节,下面我们通过 DEMO 的方式,性的模拟几种输入场景,通过「专用输入组件」并结合防错机制行车牌的录入。

场景一:车牌省份简称修改

基于理技,入信息填写页面系统会默认获取到当区的车牌省份简称,此时如果外省车辆,则需对省份简称修改变。其实车牌第二也能通过技获取到,但目我存一城市拥多发牌的场景,例如苏州市发牌机关「苏E」、「苏U」,包括一些直辖市也存这种况,所以这也城市不默认获取的直接原因。通过技获取信息本身一种提效的策略,但基于述场景反可能会得其反,

如何把产品的痒点变成爽点?来看这个实战案例!

场二:输2~5位车牌号

车牌号的二位必须是英文,此时数字序号按键与特殊汉字序号按键为禁用状态。当二位车牌号输完毕时,数字序号按键变为用状态,此时无论输的二位车牌号是否为字母 O 必须将其禁用,因为字母O只存在车牌号的二位。

如何把产品的痒点变成爽点?来看这个实战案例!

场景三:输入第6~7位号 – 完成普输入场景

第 6 位号输入完毕时,激活特殊序号。第 7 位号输入了英文/数时,禁用特殊序号,至此普号输入完毕。

如何把产品的痒点变成爽点?来看这个实战案例!

场景:输入第6~7位车牌号 – 成特种车牌的输入场景

当第 6 位车牌号输入毕时,激特殊汉字序号,因为特殊汉字序号只会存在于车牌号的第 7 位。当汉字序号输入毕后,删除按键外的余按键全禁,因为标准的特种车牌只有 7 位,至此特种车牌号输入毕。

如何把产品的痒点变成爽点?来看这个实战案例!

景五:输入第6~8位车牌号 – 完成新能源车牌的输入景

当第 6 位车牌号输入完毕,激活殊汉字序号。当第 7 位车牌号输入了英文/数字,禁用殊汉字序号。当第 8 位车牌号输入了英文/数字,删除按键以外的其余按键全部禁用,因为标准的新能源车牌只有8位,至此新能源车牌号输入完毕。

如何把产品的痒点变成爽点?来看这个实战案例!

场景六:演示特殊类车牌的输入方法

特殊车辆我们的日常活中/汽车行业相关业务中接触到的概率较少,但我们也应当尽可能的满足其输入场景。点击自义按钮后,弹出系统默认键盘,此时车牌输入框中内清空,文案变「请输入自义内」,用户将信息输入完后系统不强制校验。

如何把产品的痒点变成爽点?来看这个实战案例!

后,我们又通过性的方式,基于两输入场景对组件的输入效率行了模拟预估,得出结论:使用「专用组件」输入车牌信息,相比较于使用「系统键盘」输入效率均幅度得到了提升。

总结

俗话「产绪,设解决问题」。设需基于一的规则体系之内,倘若设脱离了商业/行业规则,缺少了解决问题的能力,那么其结果就可能变了一耐人寻的品。

在细节(体验)决定成败的今,如何将「痒点」变为「爽点」,如何通过细的计优化改良产品的用户体验甚至于响整个行业的体验,这正是作为产品人、体验计该深耕发力的地方。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

编者按:文章总结了想要提高审美和设计感,设计师必须要了解的美术基础。 一、美术的重要性 任何类别的设计师都需要有一定的...
历史
王镇雷:这几天帮朋友看作品集,很高兴地看到大家在阐述设计思路时把竞品分析纳入进来,竞品分析是设计师或产品经理在工作前...
产品分析
王M争:我最近在做改版设计,所以很长时间没有更文了。期间遇到了很多问题,其中一个就是顶部栏配色,后来我索性就针对移动端...
Tab
今天主要介绍了确认和应答两种对话技巧。对于确认,介绍了隐性和显性两种确认方式和使用场景。对于应答,也提供了一些使用原...
用户体验
当产品发展到一定阶段,优秀的用户体验设计对于产品在激烈的商业竞争中保持核心竞争力是至关重要的。一个产品能否高效地帮助...
产品设计
描边插画:可以简单理解为众多线面结合图标组合在一起,互相呼应而组成一个大画面。画面中的元素除了面以外,还具有描边,因...
扁平风格
编者按:Google 旗下有很多不同的设计项目,他们会到每年年底的时候,评估出每年最值得关注的设计项目,这些设计项目中大多有...
Google
编者注:本文腾讯设计师用「云游敦煌」的小程序设计实战案例,为你揭秘大厂的产品构思方法、设计历程等。 缘起 在工作中遇到...
云游敦煌