赞助商
立即赞助

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

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位,至此新能源车牌号输入完毕。

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

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

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

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

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

总结

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

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

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

相关文章

不知道为什么,聪明的人常常会做出愚蠢的决定。我在之前的《为什么有时候对产品钻研很深,却并没有带来好体验?》文章当中,...
Eugen Eşanu
本文作者通过对产品开发三原则模型:商业可行性、技术可能性、用户期望值的分析,来说明其对于产品设计产生的价值。 一. 什么...
产品开发三原则
大家好,这里是 TCC 翻译情报局,我是李泽慧。2020 年,新冠疫情席卷全球,后疫情时代的需求也促使设计师们不断提出更有意义...
ui设计
我们在分析产品设计的时候,会去思考这些产品为什么这么设计?微信作为国内头号产品,经常会被当作分析的对象。那微信为什么...
产品设计
@孔雅轩LineVision :这篇文章渗透进页面中的每一个 Kit控件,深入的分析每一个控件所能带给用户的视觉以及心理感受。 ...
UI 设计
大部分UI设计师面对B端产品设计都是唯恐避之不及的,那B端产品应该从哪些角度去切入设计? 对于很多设计师来说,遇上B端产品...
2b产品
在做任何产品之前,都会先想好受众群体。但产品上线后发现,预设好的用户群体好像并不买单,比如很多新产品都变成了现象级产...
产品设计
编者按:在短视频产品设计大同小异的今天,设计师还可以从哪些方面突破桎梏,产出价值?本文巧具匠心地从驱动UGC 的角度出发...
DOV