訪問量提升98.6%的背后，我是如何做APP改版的？
本期譯文，是一篇 App 改版干貨，有具體步驟，方法，分析，最后還有結(jié)論，值得學習。
我熱愛旅行，就和千千萬萬踏上旅行的人一樣。多一份獨處異鄉(xiāng)的體驗，試一次全新的生活場景，旅行所帶來的這種感覺無可替代。
作為一個設(shè)計師，上個月我給自己分配了一個任務(wù)：復(fù)盤 Passpod App 的重設(shè)計。為旅客提供更靈活、高效的預(yù)定服務(wù)。
Passpod 是一個在線旅游 APP，2017 年在印度尼西亞上線，它可以實時查看世界各地景點門票價格，并支持在線預(yù)訂。
重設(shè)計旅行APP
在 Passpod 公司，我爭取到了重設(shè)計的機會，并且是連同開發(fā)、設(shè)計師小伙伴一起進行。
- 我的角色：產(chǎn)品&設(shè)計的負責人
- 任務(wù)：研究，設(shè)計和改進目前的 app
- 時間：2018.07-2018.08
我在 LEMERS 平臺做了 Passpod 和競品 Klook 的用戶體驗調(diào)研，嘗試對比兩者之間的差異。邀請了3位測試者做了這項調(diào)研。
從分析中看出，Passpod 需要改進的方面有很多。
理解問題所在
問題：用戶在操作中感到困惑，不知該如何進行下一步從而受到挫折。
用戶一般在 Passpod 上租借 Mi-Fi(譯者注：Mi-Fi 是能夠提供 wifi 的設(shè)備，即隨身wifi)和預(yù)訂節(jié)日活動的門票。APP 的功能模塊組織性很好，這一點是在用戶瀏覽時發(fā)現(xiàn)的。
盡管如此，仍有 60% 的用戶在租借 Mi-Fi 和活動預(yù)訂的確認頁面中，選擇了退出。
原設(shè)計：Mi-Fi租借(左)和活動預(yù)訂(右)
用戶一直在吐槽，租借Mi-Fi的表單步驟太多，效率很低;
在活動預(yù)訂頁面，由于內(nèi)容的樣式設(shè)計沒有做好優(yōu)先級，用戶很難發(fā)現(xiàn)關(guān)鍵信息。
理解我們的用戶
如果想要深入問題，那么不妨聽聽用戶說了什么?
我們團隊內(nèi)部回顧了租借和預(yù)訂的流程，同時收集了用戶反饋的信息，對其進行了迭代。
1. 總結(jié)發(fā)現(xiàn)
搜索框和主頁的 banner 圖讓人困惑，搜索框看起來像一個按鈕，banner 圖又仿佛是靜態(tài)的圖片。
圖標的指示性不強，不容易理解其含義，比如導(dǎo)航欄和活動頁面。
Mi-Fi 租借是一個高頻行為，然而表單填寫步驟過于繁瑣。
用戶想要一次提交多個預(yù)訂訂單，但是目前并不支持。
2. 注意用戶的評論
界面設(shè)計看起來過時了，特別是主頁，一點都不好用。
活動預(yù)訂頁面信息量太大了，我根本看不懂。
洞察和分析：用戶想要一種體驗，一種訂票很簡單的體驗。
高效的活動預(yù)訂和 Mi-Fi 租借;
更直觀的圖標，可以清晰地表達出其代表的功能;
具有現(xiàn)代感且更令人舒服的設(shè)計。
3. 解決方案
Passpod 在功能設(shè)計方面，是一個足夠好的產(chǎn)品，但是在功能的具體展現(xiàn)上出了問題。
復(fù)雜的租借和預(yù)訂流程，使得用戶不能高效地借助 app 滿足自己的需求，同時圖標直觀性不足也削弱了 app 的易用性。
4. 解決用戶的問題
確保預(yù)訂流程高效，清晰和容易記憶;
改進用戶界面，確保用戶可以聚焦和獲取關(guān)鍵信息;
最后，使用新的交互方式，可以讓用戶輕松地就完成租借和預(yù)訂。
繪制用戶體驗地圖
1. 用戶的任務(wù)流程
2. 線框圖
根據(jù)解決方案和用戶地圖，在設(shè)計高保真原型前，先在紙上繪制低保真的線框圖做驗證。
3. 可用性測試
我們在合作的印度尼西亞的大學校園進行了可用性測試，測試的好處：確保我們聚焦于設(shè)計一個用戶喜愛的產(chǎn)品，并且給了團隊信心去進行技術(shù)迭代。
對于這次的用戶測試，我準備了測試文檔，詳細說明了測試目標，測試原則和測試用例，可以指導(dǎo)團隊完成整場測試。
最終成果
打造一個全新的用戶體驗。
經(jīng)過幾周的用戶研究和迭代，目標是解決發(fā)現(xiàn)的問題，我們最終產(chǎn)出了一個優(yōu)化設(shè)計方案。接下來講講我們基于可用性測試做的優(yōu)化，我非常樂意向大家分享這一部分。
1. 主頁重設(shè)計
- 首頁的搜索框和推廣海報變得更明顯，也對用戶更有意義;
- 導(dǎo)航欄的圖標使用用戶熟悉的圖標替代，也就是 app 內(nèi)的高頻操作的圖標──這里首要考慮易用性;
- 主頁新增 Mi-Fi 租借，活動預(yù)訂和旅行計劃(新功能)。
2. Mi-Fi租借重設(shè)計
- Mi-Fi 租借頁面刪除了一半的無效信息，確認操作變得簡單，用戶可以在確認前快速檢查;
- 支付頁面設(shè)計和平臺保持一致，保證交互的記憶性。
3. 活動預(yù)訂重設(shè)計
- 活動信息簡潔清晰，使得用戶易于瀏覽，圖標變得容易讓用戶理解。
- 頁面底部有價格，評論，加入購物車和預(yù)訂。價格和評論是用戶決策的重大影響因素──及時預(yù)訂的動機。
- 增加評論功能，用戶可以查看和編輯評論，建立景點活動的信用體系。
- 增加加入購物車功能，用戶可以一次提交多個預(yù)訂訂單。
最終成果&注意事項
一個成功重設(shè)計的收獲：
- 訪問量提升 98.6%;
- 跳出率減少 17%;
- 無障礙使用(易用性)提升了 97.5%;
- 交互度增加 4698.6%(譯者注：交互度的原文為「engagement」，參考http://www.chinawebanalytics.cn/key-metrics-8-engagement/);
- app 下載率提升 59.6%;
- 交易額增加 49.9%;
- 一個簡單，令人愉悅的體驗。
這是我們在測試時統(tǒng)計到的數(shù)據(jù)。總而言之，用戶喜歡體驗重設(shè)計后的 Passpod。
看看用戶說了什么：
- 界面非常簡單，看起來很容易能租到 Mi-Fi。明確顯示支付金額，而且可以選擇支付方式。──UMY 的 18 歲大學生
我的學習點
- 重設(shè)計過程，需要平衡商業(yè)利益和用戶體驗。為了說服利益相關(guān)者，我進行了 A/B 測試，使用數(shù)據(jù)來做決策，UX 平衡亦然;
- 我從開發(fā)小伙伴身上學會了高效的溝通方式：確定工作的重要性和優(yōu)先級;
- 最后，管理一群有才華的人，意味著需要和大家共享你的思路并善于討論，這樣可以確保每個成員的目標一致，并能積極地為團隊做貢獻。
要理解你的用戶，而不是單純做好技術(shù)。
在這個過程中，我不斷嘗試去復(fù)盤自己的思路和追問更深層次的問題，那就是關(guān)于理解用戶和理解技術(shù)。這次重設(shè)計經(jīng)歷讓我獲益良多，很開心和榮幸的擔任產(chǎn)品負責人和設(shè)計師。
