UX 案例分析:RV Rental 搜索引擎重新設計
本文以如何優化 Campanda 搜索引擎為案例,介紹了調研的過程和設計的流程,也包含了在項目進行過程中的一些思考總結,供大家學習參考。
我們設計的對象 Campanda 是一個專注于為旅行者提供房車租賃服務的網站。他們提供一個幫助房車愛好者與待租車主和供應商建立聯系的平臺。這次案例的主要內容是關于我們如何優化Campanda 搜索引擎的過程。
現在有越來越多的探險者和旅行者選擇用房車開啟他們的冒險旅程。但如果我是他們,在出發前一定會考慮很多的問題,好奇房車是什么樣的?有哪些需要注意的地方?自己的駕照能不能開房車?
許多用戶下意識的顧慮正是我們主要挑戰之一。同時,這次項目的目標是對網站的轉化進行優化。接下來的案例分析將圍繞 Campanda 迭代搜索功能,涵蓋了調研和設計流程,以及我們在項目中做出的總結。讓我們開始吧!
一、開展UX項目
項目范圍
正因客戶希望我們對網站的搜索引擎優化(SEO)進行全面的重新設計,我們把關注點主要集中在對搜索過濾器和搜索引擎結果頁面(SERP)的優化上。由于搜索這一行為構成了在網頁上租車的用戶搜索過程的核心部分,因此他們認為有必要重新構思搜索功能并且在 UX Studio 的協助下對此做出改進。
原始版本的首頁搜索形式
我們的目標
- 首先,我們的目標是提升用戶的預定量/詢問量,并且更好地了解用戶
- 在設計流程中,客戶從第一天起就堅持讓我們嚴格遵循 Material Design 的指南進行設計
- 與此同時我們要牢記如何幫助和指導新用戶完成預定,并給予適當激勵
UX 團隊
Campanda 的 PO 負責帶領團隊,我們與他們的 CTO,產品負責人以及一位內部設計師親密合作??偟恼f來,這支團隊的準備非常充足。在深入研究的基礎上,他們還提前整理了所有需要的信息,包括競品對手、KPI、評估、必要元素、術語表和鏈接等。此外,他們提出一個清晰明確的價值取向,這節省了不少時間。萬事俱備!可以立刻開始了。
挑戰和開始
除了這種意識水平,確認用戶的真實需求是一個不小的挑戰。用戶測試和數量能夠幫我們說服客戶并且重塑他們的認知。
項目開始后的第二周,我們飛去了柏林參加了真正意義上的項目啟動會。在愉快地與團隊見面后,我們和工作伙伴和幾個大型代理商進行了一些很棒的股東訪談。
柏林啟動會上,我們的研究員 Mia
二、UX 研究
UX Studio 此前已經積累了一套龐大的用戶調研工具,也正因如此,我們的客戶在明悉調研目標的情況下仍然允許我們自由選擇合適的工具去做調研。我們隨后開展了利益相關者訪談、小群體用戶測試以及卡片分類會議。
股東訪談
有趣的是,市場營銷和客戶支持提出了不同的方法。在這里,我們發現了一個我們需要研究的假設——如果我們需要向客戶顯示供應商類型。許多用戶發現這一點很重要,因為其中一個角色想要建立個人聯系,避免與大機構打交道。雖然支持部門表示支持,但如果用戶不了解供應商類型,他們會預訂更多。從供應商的角度來看,代理商想要他們的專業知識來表明他們作為大公司的地位。通常,這包括一個國際網絡和一個安全的保險系統。我們還有其他明確的問題需要測試。
- 誰構成了我們的用戶?
- 怎樣建立有效的信息篩選機制?
- 用戶如何探索我們的網站?
- 我們怎樣才能幫助他們搜索到第一次詢問呢?例如,用戶需要查詢什么信息或預訂房車?
立人物角色
我們的啟動會議通常包含一個角色研討會,在那里我們創建假設的角色。查看本文了解我們的角色模板。因為我們的客戶已經有了,而且我們估計我們的項目將持續6周,所以我們沒有時間發現所有的用戶類型。我們可以根據用戶測試前的小型訪談來構建一個角色的特征。
卡片分類會議的用戶訪談
Mia, UX 研究員旨在識別用戶需求、重構篩選機制并且為人物角色提供一個強有力的支撐。前面已經提到過,客戶對預期的結果有一個清晰的愿景。這對我們幫助很大,為我們指明了前進的道路。用戶測試證明是有用的,并為我們帶來了額外的信息。我們和用戶測試的巨大成功來自于我們優化設計和使客戶對產品產生愿景的能力。發現的一些問題:用戶表示,他們希望看到超出過濾范圍的額外信息(床的類型、車輛的年齡)。
- 用戶希望看到現有篩選條件以外更多的房車信息(比如車內床的類型、車齡等)
- 用戶在第一眼難以找到房車的分類和命名。卡片排序會讓我們重命名和重新排列,直到用戶清楚地理解它們
- 界面上房車的類別和細節位置彼此靠攏
我們還測試了界面上“旅行類型”的布局。在最初的版本上用戶會把這一欄誤認為是廣告而避免點擊,如果將原來的圖片素材轉換成小圖標則可以更好地展現旅游的類型。
搜索頁面改版前后對比。在原來的界面上由于用戶將“旅行類型”誤認為是廣告而避免點擊,于是我們將這一欄的分類標記做了改變并且加上了更有個性的圖標
在檢查篩選時,我們要求用戶對給定的類別進行分組。在經過幾次會議之后,我們已經對理想的過濾層次結構和組有了一個清晰的概念。我們還要求他們說出每個組的名字。這讓我們對用戶將使用的單詞類型進行構思。它還幫助我們用日常語言而不是專業術語來理解它。
片分類中的一個結果
三、設計階段
首先,我們按照所需的屏幕大小安排模塊
在 UX studio 中,當涉及到為多個平臺設計時,通常從桌面屏幕開始。這種情況發生時,要記住它在較小的移動屏幕上會是什么樣子。在完成并測試了我們在桌面的工作之后,我們將我們的設計解釋為移動屏幕。
這個項目意味著與 Campanda designer 的內部人員進行遠程合作,而不是將我們的工作按平臺進行劃分。我們同意構建特定的模塊元素,這樣就不必彼此等待。相反,我們可以同時構建桌面和移動屏幕。
在第一次設置屏幕布局并在每個平臺上放置模塊化元素之后,我們就可以使滾動區域和固定區域保持一致。由于缺乏時間,我們沒有處理平板電腦的UI屏幕??蛻舳丝梢允褂锰峁┑脑剌p松地組合這些屏幕。
桌面擴展過濾器和日期選擇器
隨后我們用 InVision 做出了高保真模型。在 UI 設計上,我們享受 Material Theme 插件的優勢,它基本上生成了所有可能需要的東西,此外,我們有遵循材料布局規則的每個元素建立了自己的定制卡。
Material 插件生成的 Material 風格的元件
移動端界面
四、我們最大的挑戰:信息卡片
在大多數情況下,最大的挑戰是設置需要滿足的業務目標。結果是,我們想要向用戶顯示太多的信息,而不是那些通常不仔細閱讀的普通用戶。
命中卡在列表頁面上顯示單個搜索結果。為了呈現個人報價(RVs),我們設計了一個帶有可滾動部分的卡片。這樣,我們的 hit card 可以以一種直觀清晰的方式顯示大量信息,節省了我們的空間。
早期階段的信息卡片版本
適用于移動端和桌面端的信息卡片
首先是畫廊。我們在這里放置了一個報價標志和帶有性能圖標的供應商圖像。這個元素還鼓勵提供者進行更多的活動,使它們在排名中上升。
您還可以在描述和評論之間滾動。我們添加這些部分,是因為用戶希望在單擊其他任何地方之前在第一個頁面上看到它們??蛻粝Mㄆ袥]有多余的副本。但是如果沒有 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協議
- 目前還沒評論,等你發揮!