恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
移动应用弹窗设计指南
0.0°
2017-08-08 自译外文 经验/观点 原作者: Hannah Levenson 举报 5202 11 8 1

弹窗的使用在移动产品中无处不在,我们却往往把它当做主要界面和主要流程之外的东西,在观念上就没有给予足够的重视。然而它有时候却是产品能正常运转的前提。

Mobile App Pop-Up Guidelines

弹窗、对话框,随你怎么称呼,这些小窗口出现在屏幕上从来都不是理所当然。虽然它们是你应用中一些相对较“小”的元素,却扮演着影响用户体验的重要角色。

一方面,它们可以帮助用户度过应用内的旅程。另一方面,处理不当时,它们也会使用户感到挫败。

有幸的是,弹窗比较成熟,容易实现。用适当的手段和规范可以轻易改善它们。我们这篇文章要讨论的就是这个。

由于并非所有弹窗形式都相同,我们把它分解为5种常见类型,并且总结了每一种的优化“准则”。遵循这些指南,你一定可以使你的弹窗更好地达成目标。



“推荐给朋友”和“为应用打分”弹窗

你当然希望用户量增长、提升好评率、增加病毒式传播的可能。谁不想呢?但是你要了解,多数用户不会向朋友推荐你的应用,或者给它打分,除非他们觉得这么做会得到有价值的回报。

Uber的奖励弹窗



“但是,推荐给朋友是如此简单轻松的任务啊!为什么用户不会大发慈悲,帮助一款小软件成长呢?”很不幸,现实没有这么简单。

注意我们刚才用的词是“任务”。这就是多数用户看待“推荐给朋友”和“为应用打分”的方式——看成任务互换原则就在此时发挥作用。大概来说,就是你得给予用户某些东西,然后才能向他们索取。可以是通勤应用中的免费出行,或者是某种总体价值和乐趣。最好对这些弹窗使用A/B测试,让它们以不同时机出现在用户旅程的不同位置。这能让你更好地获得重要的统计数据,了解最终应该在何时何地放置弹窗。

同时也一定要确保,从你的应用中转到App store、社交媒体频道、或消息平台的过程尽可能流畅。获得一个推荐链接对于用户真的是“简单”的事情吗?在Wi-Fi和移动网络环境下,整个流程的运转有何差别?有许多重要因素需要考虑。花时间分析和优化这两种弹窗,你肯定能收获更高满意度、活跃度和更多新用户。

记住,“[聪明地]索取,你才会有回报。”



“推送通知”弹窗

推送通知是一个超有价值的手段,能使用户保持投入、反复使用。对许多用户来说,推送通知已经成为了他操作一款应用的主要媒介。不必再打开应用,用户通过推送通知满足他们大部分需求。于是,获取和保持向用户发送通知的权利,应该是用户粘性与留存策略中的一个重要方面。

在Android系统中,方式很直接:推送权限请求会作为AndroidManifest.xml的一部分,用户在安装前会看到所有需要获取的权限。

在iOS上就是另一回事了。iOS的权限弹窗必须由应用内的代码触发,会向你的用户展示一个这样的弹窗:

图片来源:Xtremepush.com


如果用户点按了“不允许”选项,对你来说就相当于玩完儿了。除非用户手动进入权限设置,否则拒绝权限是不可逆转的。所以让你的用户按下“允许”权限至关重要。

我们推荐两种方式,来尽可能保有最多的通知推送许可:

  1. 尝试创造一个你自己的、应用自带的权限弹窗,让你评估用户接受推送通通知的意愿。这会让你更加理解用户的行为和偏好,把权限获取留到某个用户真的愿意点“允许”的时机。
  2. 仅仅在在你认为最相关和最有说服力的时候请求权限。在此时此地,真的有需要获取通知权限吗?在权限请求提示中,借助当前环境清晰地向用户作出解释。


数据权限弹窗

推送通知权限和数据获取对话框一脉相承。同样,对于这些特殊弹窗的用户体验,我们都是在讨论iOS应用。数据权限弹窗包含对位置、日历、联系人信息、提醒事项和相册的请求。移动开发者必须小心翼翼,因为请求数据权限不是一系列勾选框那么简单。

来源:Developer.apple.com


苹果在他们的权限请求指南中提到:“虽然人们赞赏移动应用获取个人信息所带来的便捷,但他们也希望能掌控自己的私密数据。例如,人们喜欢自动给照片标记上地理位置,或者找到附近的朋友,但他们也想要一个能关闭此功能的选项。”

要使这类弹窗保持相关、显而易见。别设计一个请求用户地理位置的计算器——别这么做。

使用苹果在弹窗中提供的文字位置,描述你的应用为何需要这些信息,即使你自己认为原因显而易见。在某些特定的、相关的用户操作之后,再请求适合的权限,也是一个好方法。比如说,用户使用你的应用创建了一段视频,并且想要分享给朋友。只要用户点了“在Facebook上分享视频”按钮,这就是弹窗请求用户社交媒体账号权限的绝佳时机。用户更容易接受权限,因为它提供了清楚的解释,“要想达成A,必须先完成B”。

想要深入研究,请看我们的一篇文章,讨论如何使数据权限不那么令用户望而生畏



“错误”弹窗

除了向用户索取权限,弹窗也是开发者向用户表达信息的一种重要手段。尤其是关系到应用内的错误。

世事无常,总有错误出现。错误中的错误是最不该发生的。这么说是什么意思?就是说你的弹窗不能让用户感到迷惑,使得已经发生错误雪上加霜。

我们来举个例子,比如用户的收货地址写得不合逻辑,所以当他们在支付时就会发生“错误”。如果你的弹窗里写着:“发生了错误:支付无法完成”,用户就不得不试图猜测错误的原因。相反,你应当利用这个时刻告诉用户为什么错误会发生,收货地址中具体哪一项需要更正。必须要了解,用户任何的猜测和挫败,可能被一个弹窗放大,最终影响潜在的转化。

而且,对于那些需要用户操作的错误,我们不仅仅告诉用户错误发生、该做什么,还需要引导他们前往相关的操作界面。坚持使用清晰的措辞来准确表明操作(抹掉、撤销、前往的我个人信息界面),而不是使用模糊的文案,例如“是”或“否”。

如果应用中发生了技术性错误,你可以利用弹窗来触达用户,告诉他们你正在努力解决问题。这给你的应用增加了一丝人性,同时向用户表明你在乎他们的个人体验。

想了解“反馈”类弹窗的更多秘诀,我们建议你读Nick Babich的这篇文章,讨论对话框设计的5条重要原则。



挥洒你的才华

我们不是要粉饰任何事情。最终有些用户仍然会看到这样的弹窗:

图片来源:OSXdaily.com


但也并非人人如此。你有能力轻松改善弹窗,让使用与转化增长。首先,要确保你拥有一个移动应用数据分析平台,例如这个,Appsee,能使你监控它们的表现和用户体验效果。这些洞见可以让你自信满满地迭代、测试和验证。弹窗可能名声不怎么样,但利用深思熟虑的策略,它们会给你的移动应用带来重大转机。


作者信息:Hannah Levenson

原文链接:http://usabilitygeek.com/mobile-app-pop-up-guidelines/

更新:2017-08-08

收藏

11人已收藏

可乐橙

UI/UX设计师,现居杭州

  • 113

    作品

  • 6675

    粉丝

  • 14

    关注

  • 短期记忆与用户体验
  • 记忆的工作原理与设计诀窍
  • 老年用户的体验思考
  • VR中的协作游戏
相关标签

    猜你喜欢

      2017-08-08 自译外文 经验/观点 原作者: Hannah Levenson 举报 5202 11 8 1

      移动应用弹窗设计指南

      0.0°

      你确定要举报移动应用弹窗设计指南

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年08月06日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      11
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录