UX 案例分析:RV Rental 搜索引擎重新设计_使用者
本文以如何优化 Campanda 搜索引擎为案例,介绍了调研的过程和设计的流程,也包含了在专案进行过程中的一些思考总结,供大家学习参考。

我们设计的物件 Campanda 是一个专注于为旅行者提供房车租赁服务的网站。他们提供一个帮助房车爱好者与待租车主和供应商建立联络的平台。这次案例的主要内容是关于我们如何优化Campanda 搜索引擎的过程。
现在有越来越多的探险者和旅行者选择用房车开启他们的冒险旅程。但如果我是他们,在出发前一定会考虑很多的问题,好奇房车是什么样的?有哪些需要注意的地方?自己的驾照能不能开房车?
许多使用者下意识的顾虑正是我们主要挑战之一。同时,这次专案的目标是对网站的转化进行优化。接下来的案例分析将围绕 Campanda 迭代搜寻功能,涵盖了调研和设计流程,以及我们在专案中做出的总结。让我们开始吧!
一、开展UX专案 专案范围
正因客户希望我们对网站的搜索引擎优化(SEO)进行全面的重新设计,我们把关注点主要集中在对搜寻过滤器和搜索引擎结果页面(SERP)的优化上。由于搜寻这一行为构成了在网页上租车的使用者搜寻过程的核心部分,因此他们认为有必要重新构思搜寻功能并且在 UX Studio 的协助下对此做出改进。

原始版本的首页搜寻形式
我们的目标

Campanda 的 PO 负责带领团队,我们与他们的 CTO,产品负责人以及一位内部设计师亲密合作。总的说来,这支团队的准备非常充足。在深入研究的基础上,他们还提前整理了所有需要的资讯,包括竞品对手、KPI、评估、必要元素、术语表和连结等。此外,他们提出一个清晰明确的价值取向,这节省了不少时间。万事俱备!可以立刻开始了。
挑战和开始
除了这种意识水平,确认使用者的真实需求是一个不小的挑战。使用者测试和数量能够帮我们说服客户并且重塑他们的认知。
专案开始后的第二周,我们飞去了柏林参加了真正意义上的专案启动会。在愉快地与团队见面后,我们和工作伙伴和几个大型代理商进行了一些很棒的股东访谈。

柏林启动会上,我们的研究员 Mia
二、UX 研究
UX Studio 此前已经积累了一套庞大的使用者调研工具,也正因如此,我们的客户在明悉调研目标的情况下仍然允许我们自由选择合适的工具去做调研。我们随后开展了利益相关者访谈、小群体使用者测试以及卡片分类会议。
股东访谈
有趣的是,市场营销和客户支援提出了不同的方法。在这里,我们发现了一个我们需要研究的假设——如果我们需要向客户显示供应商型别。许多使用者发现这一点很重要,因为其中一个角色想要建立个人联络,避免与大机构打交道。虽然支援部门表示支援,但如果使用者不了解供应商型别,他们会预订更多。从供应商的角度来看,代理商想要他们的专业知识来表明他们作为大公司的地位。通常,这包括一个国际网络和一个安全的保险系统。我们还有其他明确的问题需要测试。

立人物角色
我们的启动会议通常包含一个角色研讨会,在那里我们建立假设的角色。检视本文了解我们的角色模板。因为我们的客户已经有了,而且我们估计我们的专案将持续6周,所以我们没有时间发现所有的使用者型别。我们可以根据使用者测试前的小型访谈来构建一个角色的特征。

卡片分类会议的使用者访谈
Mia, UX 研究员旨在识别使用者需求、重构筛选机制并且为人物角色提供一个强有力的支撑。前面已经提到过,客户对预期的结果有一个清晰的愿景。这对我们帮助很大,为我们指明了前进的道路。使用者测试证明是有用的,并为我们带来了额外的资讯。我们和使用者测试的巨大成功来自于我们优化设计和使客户对产品产生愿景的能力。发现的一些问题:使用者表示,他们希望看到超出过滤范围的额外资讯(床的型别、车辆的年龄)。
我们还测试了界面上“旅行型别”的布局。在最初的版本上使用者会把这一栏误认为是广告而避免点选,如果将原来的图片素材转换成小图示则可以更好地展现旅游的型别。

搜寻页面改版前后对比。在原来的界面上由于使用者将“旅行型别”误认为是广告而避免点选,于是我们将这一栏的分类标记做了改变并且加上了更有个性的图示
在检查筛选时,我们要求使用者对给定的类别进行分组。在经过几次会议之后,我们已经对理想的过滤层次结构和组有了一个清晰的概念。我们还要求他们说出每个组的名字。这让我们对使用者将使用的单词型别进行构思。它还帮助我们用日常语言而不是专业术语来理解它。

片分类中的一个结果
三、设计阶段

首先,我们按照所需的屏幕大小安排模组
在 UX studio 中,当涉及到为多个平台设计时,通常从桌面屏幕开始。这种情况发生时,要记住它在较小的移动屏幕上会是什么样子。在完成并测试了我们在桌面的工作之后,我们将我们的设计解释为移动屏幕。
这个专案意味着与 Campanda designer 的内部人员进行远端合作,而不是将我们的工作按平台进行划分。我们同意构建特定的模组元素,这样就不必彼此等待。相反,我们可以同时构建桌面和移动屏幕。
在第一次设定屏幕布局并在每个平台上放置模组化元素之后,我们就可以使滚动区域和固定区域保持一致。由于缺乏时间,我们没有处理平板电脑的UI屏幕。客户端可以使用提供的元素轻松地组合这些屏幕。

桌面扩充套件过滤器和日期选择器
随后我们用 InVision 做出了高保真模型。在 UI 设计上,我们享受 Material Theme 外挂的优势,它基本上生成了所有可能需要的东西,此外,我们有遵循材料布局规则的每个元素建立了自己的定制卡。

Material 外挂生成的 Material 风格的元件

移动端界面
四、我们最大的挑战:资讯卡片
在大多数情况下,最大的挑战是设定需要满足的业务目标。结果是,我们想要向用户显示太多的资讯,而不是那些通常不仔细阅读的普通使用者。
命中卡在列表页面上显示单个搜寻结果。为了呈现个人报价(RVs),我们设计了一个带有可滚动部分的卡片。这样,我们的 hit card 可以以一种直观清晰的方式显示大量资讯,节省了我们的空间。

早期阶段的资讯卡片版本

适用于移动端和桌面端的资讯卡片
首先是画廊。我们在这里放置了一个报价标志和带有效能图示的供应商影象。这个元素还鼓励提供者进行更多的活动,使它们在排名中上升。
您还可以在描述和评论之间滚动。我们新增这些部分,是因为使用者希望在单击其他任何地方之前在第一个页面上看到它们。客户希望卡片中没有多余的副本。但是如果没有 CTA,使用者就会感到困惑。
可以理解的是,人们在预订前需要更多的资讯。因此,我们使车辆标题可点选,并将其连结到详细资讯页面。
记住我们的主要业务目标:转换。我们必须建立一个 CTA 的即时预订卡,以避免使用者在搜寻完美的房车时感到困惑。我们从“现在查询”和“现在预订”开始,但是人们想在预订/查询之前先获得更多的资讯。这就是为什么我们把 CTA 的措辞改为“细节”。
什么样的图示适用于“路边援助”和“不限里程”的服务呢?在资讯卡片的最后,我们让所有的服务图示可被点选,并且加上了解释的工具提示。此外,使用者能分享和点赞自己喜欢的车辆。

过滤和快速查询选项检视
总结
这次专案带给我们很多有趣的发现和结论,以下是一些主要的方面:
原文作者:Anna Máté
原文地址:https://uxstudioteam.com/ux-blog/ux-case-study-rv-rental/
编译作者:人南小郭,成都/学生(微信ID:DennisTLee)
编辑整理:三分设翻译特工小组(微信ID:sanfen-design)
本文由 @三分设 翻译释出于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于CC0协议