用户体验(UX)易于学习,但难以掌握。从入门到转换,App设计师采用各类技术来维持用户的参与。毕竟,在移动端吸引用户注意力是很困难的。并发
咱们新的文章系列将会对流行App的UX进行分析,看看他们的优点和能够改进的内容。经过深刻用户体验的细微之处,但愿发现流行App如此吸引人的缘由是什么。学习
本文以Airbnb为例,将详细讲述其用户从注册到首次使用预约的流畅体验案例。测试
1、注册动画
Airbnb优点:简单、分步注册编码
Airbnb的注册流程开始时展现了一系列的全屏幕形式。五个分屏幕可能看起来像一个简单的帐户建立过分,可是因为屏幕只包含一个问题,每一个步骤更容易消化。spa
对话语言也有助于缓解用户的不耐烦情绪。“你叫什么名字,你的电子邮件是什么呢?”这样的方式让注册的过程再也不像常规模式那样枯燥。设计
有待提升视频
虽然注册流程是完善的,可是仍须要一个能够提高用户注册率的方式。经过容许用户看到他们在注册过程当中所剩步骤,Airbnb能够激励在渠道早期退出的用户。A/B测试是一种测试这种解决方案是否发挥了价值的简单方法。blog
2、参与接口
Airbnb优点:私人定制,易于探索
一旦注册完成,App将显示在咱们的主屏幕上。“ForYou”选项卡显示了根据用户浏览习惯的推荐,鼓励用户浏览Airbnb的非住宅房源。Airbnb的应用还会为用户推荐当地热门旅游景点,这是鼓励用户探索App新部分的好方法。
滚动过几行后,将看到“特点目的地”carousel界面(如右图所示)。这些连接可帮助用户将结果筛选到特定位置。
虽然我是这个App的新用户,可是到此为止的体验已经得到个人好感。如上图所示,用户能够经过简单的向上滚动来自定义主搜索上的筛选器。当你滚动回内容时,筛选器和导航栏将无缝地消失。
此外,进入App后还会请求用户位置。这是一个很好的提高UX的办法,由于在用户筛选附近房源时,共享位置数据的价值是显而易见的。
一样,加载屏幕图标为UX的其余枯燥部分添加了趣味性,加载图标很简单,但它是一个“可爱”的补充。
有待提升
应用的主屏幕能够一次传递大量的信息(每一行都是一个可滚动的轮播)。但更具个性化之后这些信息的传递将会更增强大。
即便浏览了该App并加入书签,“ForYou”标签没有尝试在该目的地建议更多的房子源或体验。事实上,尽管我已经对去其余地方旅游很感兴趣,“最受欢迎体验”仍排列在我最想看到信息的第一名。
3、特点功能
Airbnb优点:直观的客户支持
在“配置文件”菜单中,我发现了一些意想不到的功能。
一、屏幕上有一个小按钮,显示“为何选择成为房主?”
这个不起眼的按钮其实是导向潜在房主的注册流程。
这样一个本具备不少流程的引导程序都体如今了“About”屏幕上!与此同时,用户的配置文件上有一个“介绍您的房间”按钮,能够跳过此入站流程,并直接跳转到应用程序进程中。比前者更容易找到后一个按钮。
二、一个有趣设定:“摇一摇反馈”
录制这篇文章的视频时,我不当心发现了这个功能。个人屏幕录制应用设置为在我摇动设备时中止录制。不多有人知道摇动也会触发Airbnb的反馈表单!
这个微妙的UX决定可能很好地从负面的AppStore评论中拯救了Airbnb。这个假设固然是一个愤怒或不瞒的用户可能会摇动他们的手机。在这种状况下,弹出窗口提供一键式的方式来发送电子邮件给客户支持。从用户的角度来看,这是直观和聪明的。
一时激动之下,客户摇晃手机比手动打开“AppStore”列表并发表评论更容易触发一个愤怒的电子邮件。此外,经过将用户留在App中,Airbnb能够更好地了解致使用户不满的步骤。这是一个共赢的设计决策。
有待提升
虽然这些功能很是好,可是第一个App打开的改进的导航流能够帮助新用户探索他们可能会发现有用的功能。用户注册后,Airbnb能够经过A/B测试一系列将用户指向这些屏幕的应用内消息。
4、列表
Airbnb优点:明亮的号召性用语,流线型设计
Airbnb App的效果很是好,可以促使新用户探索商品。如上图所示,“旅程”和“收件箱”菜单在空白屏幕上不会简单显示。它们都提供了一个号召性用语按钮,将用户重定向到“浏览”菜单。
“Homes”选项卡比“ForYou”选项卡更加简洁。每一个列表占据屏幕的所有宽度,而且是一个简单的垂直滚动按钮。
如上图所示,动画桥接列表画面和搜索屏幕之间的间隙,产生一个单一的、链接的接口错觉。
列表页面提供用户可能须要的全部信息。Airbnb明智地在屏幕下方放置了一个“类似的房源”转盘,利用个性化的建议帮助用户探索。
有待提升
我遇到的惟一的问题是列表页面是地图。如上图所示,“浏览”标签上的地图视图显示每一个家庭的精确位置,而完整的列表页面显示普遍的圆形范围。
Airbnb的房源真的只显示一个邮政编码和街道,而不是精确的街道地址。可是,“探索”标签上的针脚表示App正在告诉咱们列表的确切位置,而不只仅是估计。
5、预约
Airbnb优点:付款帐户建立
由于个人帐户是新的,因此当我试图预订一个地方的时候,左边的屏幕弹出了最后一步:结帐流程。
很明智的是,Airbnb推迟了联系方式确认步骤,直到客户完成付款等流程。在这一点上,用户已经找到了想要预订的房子或体验,因此花费额外的时间来确认联系方式并不重要。
有待提升
可能会对初次使用者形成误导,由于用户须要更多信息进行首次预订。左侧的屏幕并不清楚是否还有更多的预订过程,但即便在确认了用户的身份后,用户也会看到右边显示的三个步骤。
也就是说,拆分两个流程多是最好的。三个是可消化的任务数量,任何更多的事情都开始感受像一个烦恼。而上述六项任务中,四项仅适用于初次使用者,因此结帐过程对于后续预订将变得更加简单。
6、取消预约
Airbnb优点:推送未收藏产品资源
最后,值得一提的是,该应用在浏览特定列表后24小时向我发送了一个推送通知提醒。
有趣的是,我并无对这个推送里面的资源点击“喜欢”按钮过,我认为该App经过点击次数或屏幕上花费的时间来选择此列表。不管哪一种方式,这个推送通知代表,Airbnb正在运行一个有效的自动化消息传递流程。
这个推送通知是有效的,由于它有助于将个人兴趣转化为预约。我已经对此列表感兴趣,不管是将其添加到个人收藏夹或花几分钟的时间阅读细节。Airbnb利用这种兴趣推荐的行为吸引我完成预订。
有待提升
这是一个好的作法,但能够经过更加深刻的个性化来增强。包括用户参数能够增长参与度,由于它使得消息感受更直接。很棒的是,消息包括列表和位置名称,可是使用用户特定的数据能够更多地复制该副本。
这也是多渠道拓展的好机会。当我在注册过程当中提供了个人电子邮件地址时,我只经过推送通知而不是电子邮件收到此消息。在两个渠道上都尝试一下可能会对不想在手机上完成交易的用户有效。
UX分析结果:Airbnb如何改进?
我在UX分析中强调了屏幕和各种流程,很显然,Airbnb的App已经提供了极好的用户体验。设计和动画在视觉上吸引人,内容丰富,但不凌乱。
若是说还有一种方式能够将App的UX提高到一个新的水平的话,就是用户个性化了。经过更好地利用浏览习惯,Airbnb能够在整个应用中提供更有针对性的建议,从而提升转化次数,并提升用户体验。
原文做者:Stefan Bhagwandin
本文由吆喝科技编译自:https://www.leanplum.com/blog...