王尘宇

本文以若何优化 Campanda 搜刮引擎为案例，介绍了调研的过程和设想的流程，也包罗了在项目停止过程中的一些思虑总结，供各人进修参考。

我们设想的对象 Campanda 是一个专注于为游览者供给房车租赁办事的网站。他们供给一个帮忙房车喜好者与待租车主和供给商成立联络的平台。此次案例的次要内容是关于我们若何优化Campanda 搜刮引擎的过程。

如今有越来越多的探险者和游览者选择用房车开启他们的冒险路程。但若是我是他们，在动身前必然会考虑良多的问题，猎奇房车是什么样的？有哪些需要留意的处所？本身的驾照能不克不及开房车？

许多用户下意识的顾忌恰是我们次要挑战之一。同时，此次项目标目的是对网站的转化停止优化。接下来的案例阐发将围绕 Campanda 迭代搜刮功用，涵盖了调研和设想流程，以及我们在项目中做出的总结。让我们起头吧！

一、开展UX项目项目范畴

正因客户希望我们对网站的搜刮引擎优化（SEO）停止全面的从头设想，我们把存眷点次要集中在对搜刮过滤器和搜刮引擎成果页面（SERP）的优化上。因为搜刮那一行为构成了在网页上租车的用户搜刮过程的核心部门，因而他们认为有需要从头构想搜刮功用而且在 UX Studio 的协助下对此做出改良。

原始版本的首页搜刮形式

我们的目的起首，我们的目的是提拔用户的预定量/询问量，而且更好地领会用户在设想流程中，客户从第一天起就对峙让我们严酷遵照 Material Design 的指南停止设想与此同时我们要服膺若何帮忙和指点新用户完成预定，并赐与恰当鼓励UX 团队

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 的措辞改为细节。

什么样的图标适用于路边援助和不限里程的办事呢？在信息卡片的最初，我们让所有的办事图标可被点击，而且加上领会释的东西提醒。此外，用户能分享和点赞本身喜好的车辆。

过滤和快速查询选项视图

总结

此次项目带给我们良多有趣的发现和结论，以下是一些次要的方面：

若是你要在 Sketch 上和其别人在统一个文档或库里工做，能够利用 Box 的同步功用去制止互相侵扰进度。无论若何，请在利用之前确定首选办法，并停止测试。不然你将陷入和我们不异的境况。要留出足够的时间来完成所有设置并确保它们一般工做那种抱负情况绝对会帮你省下时间：从客户角度说，充实筹办，明晰的目的以及合理的预期。若是你领会用户体验而且可以准确运用那方面的常识，我们几乎能够立即起头工做此案例中，停止用户访谈能更好地在第一时间展现客户对营业目的的需求若是你还没有的话，我保举你在 Sketch 上利用 Material 主题编纂器，它能给你带来无限乐趣，并让你的品牌推广工做愈加轻松

原文做者：Anna Máté

原文地址:https://uxstudioteam.com/ux-blog/ux-case-study-rv-rental/

编译做者：人南小郭，成都/学生（微信ID：DennisTLee）

编纂整理：三分设翻译特工小组（微信ID：sanfen-design）

本文由 @三分设 翻译发布于人人都是产物司理。未经答应，制止转载

题图来自Unsplash，基于CC0协议