本期譯文，是一篇 App 改版干貨，有具體步驟，方法，分析，最后還有結論，值得學習。

我熱愛旅行，就和千千萬萬踏上旅行的人一樣。多一份獨處異鄉的體驗，試一次全新的生活場景，旅行所帶來的這種感覺無可替代。

作為一個設計師，上個月我給自己分配了一個任務：復盤 Passpod App 的重設計。為旅客提供更靈活、高效的預定服務。

Passpod 是一個在線旅游 APP，2017 年在印度尼西亞上線，它可以實時查看世界各地景點門票價格，并支持在線預訂。

重設計旅行APP

在 Passpod 公司，我爭取到了重設計的機會，并且是連同開發、設計師小伙伴一起進行。

• 我的角色：產品&設計的負責人
• 任務：研究，設計和改進目前的 app
• 時間：2018.07-2018.08

我在 LEMERS 平臺做了 Passpod 和競品 Klook 的用戶體驗調研，嘗試對比兩者之間的差異。邀請了3位測試者做了這項調研。

△ 使用LEMERS評估可用性

從分析中看出，Passpod 需要改進的方面有很多。

理解問題所在

問題：用戶在操作中感到困惑，不知該如何進行下一步從而受到挫折。

用戶一般在 Passpod 上租借 Mi-Fi（譯者注：Mi-Fi 是能夠提供 wifi 的設備，即隨身wifi）和預訂節日活動的門票。APP 的功能模塊組織性很好，這一點是在用戶瀏覽時發現的。

盡管如此，仍有 60% 的用戶在租借 Mi-Fi 和活動預訂的確認頁面中，選擇了退出。

原設計：Mi-Fi租借（左）和活動預訂（右）

• 用戶一直在吐槽，租借Mi-Fi的表單步驟太多，效率很低；
• 在活動預訂頁面，由于內容的樣式設計沒有做好優先級，用戶很難發現關鍵信息。

理解我們的用戶

如果想要深入問題，那么不妨聽聽用戶說了什么？

我們團隊內部回顧了租借和預訂的流程，同時收集了用戶反饋的信息，對其進行了迭代。

1. 總結發現

• 搜索框和主頁的 banner 圖讓人困惑，搜索框看起來像一個按鈕，banner 圖又仿佛是靜態的圖片。
• 圖標的指示性不強，不容易理解其含義，比如導航欄和活動頁面。
• Mi-Fi 租借是一個高頻行為，然而表單填寫步驟過于繁瑣。
• 用戶想要一次提交多個預訂訂單，但是目前并不支持。

2. 注意用戶的評論

界面設計看起來過時了，特別是主頁，一點都不好用。

活動預訂頁面信息量太大了，我根本看不懂。

洞察和分析：用戶想要一種體驗，一種訂票很簡單的體驗。

• 高效的活動預訂和 Mi-Fi 租借；
• 更直觀的圖標，可以清晰地表達出其代表的功能；
• 具有現代感且更令人舒服的設計。

3. 解決方案

Passpod 在功能設計方面，是一個足夠好的產品，但是在功能的具體展現上出了問題。

復雜的租借和預訂流程，使得用戶不能高效地借助 app 滿足自己的需求，同時圖標直觀性不足也削弱了 app 的易用性。

4. 解決用戶的問題

• 確保預訂流程高效，清晰和容易記憶；
• 改進用戶界面，確保用戶可以聚焦和獲取關鍵信息；
• 最后，使用新的交互方式，可以讓用戶輕松地就完成租借和預訂。

繪制用戶體驗地圖

1. 用戶的任務流程

△ Felix繪制的租借和預訂的地圖

2. 線框圖

根據解決方案和用戶地圖，在設計高保真原型前，先在紙上繪制低保真的線框圖做驗證。

△ 租借Mi-Fi的低保真線框圖

△ 活動預訂的低保真線框圖

3. 可用性測試

我們在合作的印度尼西亞的大學校園進行了可用性測試，測試的好處：確保我們聚焦于設計一個用戶喜愛的產品，并且給了團隊信心去進行技術迭代。

△ 在某所大學的可用性測試

對于這次的用戶測試，我準備了測試文檔，詳細說明了測試目標，測試原則和測試用例，可以指導團隊完成整場測試。

最終成果

打造一個全新的用戶體驗。

經過幾周的用戶研究和迭代，目標是解決發現的問題，我們最終產出了一個優化設計方案。接下來講講我們基于可用性測試做的優化，我非常樂意向大家分享這一部分。

1. 主頁重設計

• 首頁的搜索框和推廣海報變得更明顯，也對用戶更有意義；
• 導航欄的圖標使用用戶熟悉的圖標替代，也就是 app 內的高頻操作的圖標──這里首要考慮易用性；
• 主頁新增 Mi-Fi 租借，活動預訂和旅行計劃（新功能）。

2. Mi-Fi租借重設計

• Mi-Fi 租借頁面刪除了一半的無效信息，確認操作變得簡單，用戶可以在確認前快速檢查；
• 支付頁面設計和平臺保持一致，保證交互的記憶性。

3. 活動預訂重設計

• 活動信息簡潔清晰，使得用戶易于瀏覽，圖標變得容易讓用戶理解。
• 頁面底部有價格，評論，加入購物車和預訂。價格和評論是用戶決策的重大影響因素──及時預訂的動機。
• 增加評論功能，用戶可以查看和編輯評論，建立景點活動的信用體系。
• 增加加入購物車功能，用戶可以一次提交多個預訂訂單。

最終成果&注意事項

一個成功重設計的收獲：

• 訪問量提升 98.6%；
• 跳出率減少 17%；
• 無障礙使用（易用性）提升了 97.5%；
• 交互度增加 4698.6%（譯者注：交互度的原文為「engagement」，參考http://www.chinawebanalytics.cn/key-metrics-8-engagement/）；
• app 下載率提升 59.6%；
• 交易額增加 49.9%；
• 一個簡單，令人愉悅的體驗。

這是我們在測試時統計到的數據。總而言之，用戶喜歡體驗重設計后的 Passpod。

看看用戶說了什么：

界面非常簡單，看起來很容易能租到 Mi-Fi。明確顯示支付金額，而且可以選擇支付方式。──UMY 的 18 歲大學生

我的學習點

• 重設計過程，需要平衡商業利益和用戶體驗。為了說服利益相關者，我進行了 A/B 測試，使用數據來做決策，UX 平衡亦然；
• 我從開發小伙伴身上學會了高效的溝通方式：確定工作的重要性和優先級；
• 最后，管理一群有才華的人，意味著需要和大家共享你的思路并善于討論，這樣可以確保每個成員的目標一致，并能積極地為團隊做貢獻。

要理解你的用戶，而不是單純做好技術。

在這個過程中，我不斷嘗試去復盤自己的思路和追問更深層次的問題，那就是關于理解用戶和理解技術。這次重設計經歷讓我獲益良多，很開心和榮幸的擔任產品負責人和設計師。

原文鏈接：《How I increased this travel app’s booking revenue by redesigning it — a UX case study》?Felix Lee

歡迎關注譯者的微信公眾號：「彩云譯設計」