访问量提升98.6%的背后，我是如何做 APP 改版的？

本期译文，是篇 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

欢迎关注译者的公众号：「彩云译计」