起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識如何通過App改版提高50%交易額？
本期精選的這篇文章，是一篇App改版干貨，有具體步驟，方法，分析，最后還有結(jié)論，值得學(xué)習！
以下是譯文：
我熱愛旅行，就和千千萬踏上旅行的人一樣。多一份獨處異鄉(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)研。
使用LEMERS評估可用性
翻譯的表格：
從分析中看出，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ù)訂的流程，同時收集了用戶反饋的信息，對其進行了迭代。
總結(jié)發(fā)現(xiàn)：
- 搜索框和主頁的banner圖讓人困惑——搜索框看起來像一個按鈕，banner圖又仿佛是靜態(tài)的圖片。
- 圖標的指示性不強，不容易理解其含義——比如導(dǎo)航欄和活動頁面。
- Mi-Fi租借是一個高頻行為，然而表單填寫步驟過于繁瑣。
- 用戶想要一次提交多個預(yù)訂訂單，但是目前并不支持。
注意用戶的評論：
“界面設(shè)計看起來過時了，特別是主頁，一點都不好用?！?/p>
“活動預(yù)訂頁面信息量太大了，我根本看不懂?！?/p>
洞察和分析：用戶想要一種體驗——一種訂票很簡單的體驗。
- 高效的活動預(yù)訂和Mi-Fi租借；
- 更直觀的圖標，可以清晰的表達出其代表的功能；
- 具有現(xiàn)代感且更令人舒服的設(shè)計。
解決方案：
Passpod在功能設(shè)計方面，是一個足夠好的產(chǎn)品，但是在功能的具體展現(xiàn)上出了問題。
復(fù)雜的租借和預(yù)訂流程，使得用戶不能高效的借助app滿足自己的需求，同時圖標直觀性不足也削弱了app的易用性。
解決用戶的問題：
- 確保預(yù)訂流程高效，清晰和容易記憶；
- 改進用戶界面，確保用戶可以聚焦和獲取關(guān)鍵信息；
- 最后，使用新的交互方式，可以讓用戶輕松的就完成租借和預(yù)訂。
繪制用戶體驗地圖
用戶的任務(wù)流程：
Felix 繪制的租借和預(yù)訂的地圖
線框圖：
根據(jù)解決方案和用戶地圖，在設(shè)計高保真原型前，先在紙上繪制低保真的線框圖做驗證。
租借Mi-Fi的低保真線框圖
活動預(yù)訂的低保真線框圖
可用性測試：
我們在合作的印度尼西亞的大學(xué)校園進行了可用性測試，測試的好處：確保我們聚焦于設(shè)計一個用戶喜愛的產(chǎn)品，并且給了團隊信心去進行技術(shù)迭代。
在某所大學(xué)的可用性測試
對于這次的用戶測試，我準備了測試文檔，詳細說明了測試目標，測試原則和測試用例，可以指導(dǎo)團隊完成整場測試。
最終成果
打造一個全新的用戶體驗：
經(jīng)過幾周的用戶研究和迭代，目標是解決發(fā)現(xiàn)的問題，我們最終產(chǎn)出了一個優(yōu)化設(shè)計方案。接下來講講我們基于可用性測試做的優(yōu)化，我非常樂意向大家分享這一部分。
主頁重設(shè)計：
- 首頁的搜索框和推廣海報變得更明顯，也對用戶更有意義；
- 導(dǎo)航欄的圖標使用用戶熟悉的圖標替代，也就是app內(nèi)的高頻操作的圖標——這里首要考慮易用性；
- 主頁新增Mi-Fi租借，活動預(yù)訂和旅行計劃（新功能）。
Mi-Fi租借重設(shè)計：
- Mi-Fi租借頁面刪除了一半的無效信息，確認操作變得簡單，用戶可以在確認前快速檢查；
- 支付頁面設(shè)計和平臺保持一致，保證交互的記憶性。
活動預(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ù)?？偠灾脩粝矚g體驗重設(shè)計后的Passpod。
看看用戶說了什么：
界面非常簡單，看起來很容易能租到Mi-Fi。明確顯示支付金額，而且可以選擇支付方式。
——UMY的18歲大學(xué)生
我的學(xué)習點
- 重設(shè)計過程，需要平衡商業(yè)利益和用戶體驗。為了說服利益相關(guān)者，我進行了A/B測試，使用數(shù)據(jù)來做決策，UX平衡亦然；
- 我從開發(fā)小伙伴身上學(xué)會了高效的溝通方式：確定工作的重要性和優(yōu)先級；
- 最后，管理一群有才華的人，意味著需要和大家共享你的思路并善于討論，這樣可以確保每個成員的目標一致，并能積極為團隊做貢獻。
要理解你的用戶，而不是單純做好技術(shù)。
在這個過程中，我不斷嘗試去復(fù)盤自己的思路和追問更深層次的問題，那就是關(guān)于理解用戶和理解技術(shù)。這次重設(shè)計經(jīng)歷讓我獲益良多，很開心和榮幸的是擔任產(chǎn)品負責人和設(shè)計師。
原文：https://uxdesign.cc/how-i-increased-this-travel-apps-booking-revenue-by-redesigning-it-a-ux-case-study-39c37b96ed78
作者：Felix Lee
譯者：小短毛，一個正在探索期的產(chǎn)品&設(shè)計！公眾號：彩云譯設(shè)計
本文由 @小短毛 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
- 目前還沒評論，等你發(fā)揮！
