广东网站开发:移动入职之初学者指南

2019.08.12 mf_web

161

如今,向首次使用的用户显示入职者屏幕已成为移动应用程序中的常见做法。这些入职屏幕的目的 - 也称为演练 - 是介绍应用程序并演示它的作用。

鉴于这些通常是用户与之交互的第一组屏幕,它们还设置了用户对应用程序的期望。因此,参与创建产品的人员 - 产品经理,设计人员,开发人员 - 必须花时间评估是否需要为应用程序进行入职,如果是,则确定实施该应用程序的最佳方式。广东网站开发

在本文中,我们将提供一些关于如何处理入职的好方法,一些常见的实现,替代技术以及帮助您为用户提供最佳体验的资源。

板载还是不板载?

近年来,我们已经看到很多关于在移动应用程序中使用入门的有用性的讨论。反对入职的一个流行论点是,如果应用程序需要它,那么它基本上是有缺陷的,缺乏简单性和用户友好性的基本要素。虽然这种思路确实有逻辑,但它的结论太过彻底了。

数字设计世界有很多规则和最佳实践,这很好。这些规则使设计人员和开发人员不必每次在产品上工作时重新发明轮子。更重要的是,它们可以避免用户在使用新应用程序时施加压力 ; 相反,他们可以放心,知道编辑功能将由铅笔图标表示,并且“竖起大拇指”图标表示“喜欢”。规则很好。

但实际情况是,每个应用程序在其功能,使用方式和使用方式方面都是独一无二的。这些变化使得在某些情况下可以实现可靠,实用和用户友好的功能。让我们考虑一些用例。

用例1:不熟悉的交互

如果您要发布支持大多数用户不会定期接触的交互方法的应用程序 - 特别是手势驱动的应用程序 - 那么入职是至关重要的。手势驱动的应用程序仍处于试验和探索阶段。因此,开发人员需要引导用户如何与他们交互,清楚地呈现每个手势及其相应的功能。

例如,闹钟Timely,向用户指示轻敲屏幕的特定部分将从时钟增加或减少五分钟。

引导用户对每个手势和预期结果。
及时引导用户使用每个手势和预期结果。(查看大图)

用例2:空状态

一个默认状态为空且需要用户通过一个或多个步骤用内容填充它的应用程序也非常适合入职。即使入职流程只包含一个步骤,指南也会向用户保证他们正在做正确的事情。

向用户显示如何检索其第一组内容。
Feedly向用户显示如何检索他们的第一批内容。(查看大图)

使用案例3:产品套件

如果您的应用程序是一套产品的一部分 - 例如,使用桌面和网络随播广告 - 那么入职可以极大地改善用户的体验,特别是如果移动应用程序没有其他版本的所有功能。这在复杂的业务应用程序中尤其重要,其中许多应用程序具有各种用户角色,每个角色都具有特定的访问权限和安全限制。

通常,Web和桌面版本将支持完整功能(例如用于创建,查看,编辑和删除内容),而移动应用程序则限制它(例如仅查看)。在这种情况下,简要介绍解释应用程序的功能将有助于现有用户了解移动应用程序如何适应产品套件。

使用案例4:个人信息

如果您的应用依赖于个人信息(例如年龄,体重,性别,婚姻状况),则通过入职收集和存储此信息。逐步指导用户,以便他们清楚了解为何请求此信息。并确保允许用户随时更改此信息(通常从设置屏幕)。

告诉用户为什么需要他们的个人信息并指导他们。
Fitbit告诉用户为什么需要他们的个人信息并指导他们。(查看大图)

即使您的应用不符合上述任何示例,您的用户仍可能会受益于入职。请记住,与产品互动的任何人都至少想知道产品将如何使他们受益。您可以在入职时提供此信息,我们稍后将在面向功能的入职部分中进行讨论。

当然,我们的主要职责是设计直观且易于使用的产品。但是,我们不应该忽视入职,因为当它为用户提供价值时,它会带来更愉快的体验。

使用哪种技术?

这三种技术最常见:

  • 以福利为导向的入职,

  • 功能导向的入职,

  • 进步的入职。

我们将依次查看每个,并查看实现它们的一般指导原则。

技术1:以福利为导向的入职培训

这是非常明显的。使用此技术,您可以呈现应用程序的好处(即价值),将以下一项或多项内容传达给用户:

  • 什么不应用呢?

  • 用户如何将其融入生活?

  • 这种整合会提供什么价值?

突出显示用户使用您的应用程序将获得的收益。
Evernote Food突出了用户使用该应用程序所获得的收益。(查看大图)

实现此技术时,请考虑以下原则:

提供最多三个主要优势

这个数字不是基于硬科学,但是因为重点是让用户快速浏览应用程序,三个是安全号码(不包括标题屏幕)。通过这种方式,用户可以了解应用程序而不会因太多信息而感到厌倦或放慢速度。

应用“一张幻灯片,一个概念”规则

回想一下您保留最多信息的演示文稿。带有清晰,有针对性的信息的幻灯片可能对您产生的影响最大,也是最令人难忘的。入门屏幕也是如此。“一张幻灯片,一个概念”规则帮助用户专注于并消化每一小块信息。一次呈现所有内容会在视觉上产生噪音,并使用户分散您的关键信息。

确定优先级,确定优先级,确定优先级

抵制炫耀你的应用程序的一切酷的冲动。始终返回用户数据并提醒自己用户面临的问题以及他们需要的问题。然后,弄清楚如何通过入职来确保应用确实满足他们的需求。

使用一致的词汇

如上所述,Evernote Food使用动词快速吸引注意力并传达其主要优点。该方法有效,高效且简洁。如果你不能把事情简化为几个高影响力的动词或形容词,那么短短一两个就足够了。一定要坚持下去。在视觉和术语方面的和谐和连贯的演示将有助于以积极的方式开启用户的体验。

使用简明扼要的描述来传达您的应用程序的好处和价值。
NYT现在使用简明扼要的描述来传达其好处和价值。(查看大图)

注册前登机

因为入职是一种概述,所以在用户注册或登录服务之前提供。一旦他们决定登录,用户就可以开始探索应用程序了,不应该被关于应用程序优势的提醒打断。

保持简洁

也许你想知道入职是否真的有必要。毕竟,它不只是重复应用程序商店中的描述?一点也不。应用商店的描述有各种形状和大小,而入门必须简洁,因此,专注于绝对必需品。此外,许多人跳过了应用商店的描述,而宁愿直接进入体验。因此,一旦他们与应用程序交互,简短的演示可以帮助他们了解应用程序的功能。

什么不该做

可读性是一个非常实用的应用程序,不幸的是,它跨平台不一致。这在Android版本的入职中尤其明显,这会导致几个失误:

  • 用户必须消化总共七张幻灯片和相应的消息。

  • 某些幻灯片的文本运行有点长。例如,可以通过显示可以共享内容的社交网络的图标来简化关于共享的幻灯片。

  • 一张幻灯片鼓励用户安装一个Firefox插件,考虑到它是一个移动平台,这个插件似乎是错误的。此外,之前的幻灯片已经告诉用户“可读性是一个网络和移动应用程序。”移动应用程序中的入职不应该成为营销全套产品的全部,而应该与移动平台相关。

避免使用太多幻灯片和内容;  保持内容与平台相关。
避免使用多张幻灯片,并保持内容与平台相关。(查看大图)

技术2:面向功能的入职

另一个选择是放弃关于福利的演示文稿,而是关注应用程序的关键功能。这有时被称为教练标记。如果采用这种方法,请传达以下信息:

  • 什么是关键功能(例如,如何开始或最常见的操作);

  • 何时使用该功能(例如,查看搜索结果时);

  • 如何使用该功能(例如,点击或向左滑动)。

立即介绍关键功能。
Carousel立即引入了关键功能。(查看大图)

在整合面向功能的入职时,请记住以下几点:

不要解释明显的

自互联网诞生以来,从桌面应用到网络再到移动应用,“x”始终代表关闭,退出或取消。因此,除非该图标在您的应用中具有不同的用途,包括它在您的入职中不会为用户提供任何价值。

不要表现出明显的行动。
Adobe Kuler没有显示明显的操作。(查看大图)

三张幻灯片,每张幻灯片一个功能

如果您要在幻灯片中解释功能,那么请遵循我们所涵盖的以福利为导向的入门的相同原则:最多三张幻灯片(不包括标题幻灯片),每张幻灯片呈现一个功能。

帮助用户开始使用

如果您的应用默认为空,请在您的入职时关注此问题。第一次打开应用程序时,请勿让用户面对空白屏幕。包括一个快速说明,告诉他们如何开始,这样他们就不会怀疑 - 即使只是一秒钟 - 空白屏幕是一个错误还是一个功能。

通过告诉用户如何开始让用户放心。
Spendee通过告诉用户如何入门来向用户保证。(查看大图)

登录或注册前登录

与最后一种技术一样,板载用户在注册或登录您的服务之前。

什么不该做

摄影展示应用程序500px拥有一些惊人的内容和丰富的功能与其一起使用。但是,iPhone应用程序的入职流程会带来一些失败:

  • 导航栏及其功能已展示。告诉用户他们可以通过导航栏进行导航属于显而易见的类别。

  • 一些幻灯片显示按钮,如喜欢,收藏和分享。所有这三个功能都由与它们普遍相关的图标表示,因此在入职中解释它们是不必要的。让我们假设,为了争论,500px目标受众的一部分并不熟悉这些图标。在这种情况下,通过在上下文中呈现功能来逐步加入这些用户将更好地为他们服务(例如,当用户正在查看图片并且可能想要“喜欢”它时)。

  • 一张幻灯片显示了“流量”,这是一个时间轴,展示了用户关注的人的活动。因为一旦你跟随其他人,你只能从流程中受益,在他们跟踪至少一个人之后告诉他们有关这个功能的用户会逐渐加入。

避免在单张幻灯片上显示多个功能,保存详细信息以供日后使
500px可以避免在单张幻灯片上显示多个功能,以便稍后保存一些细节。(查看大图)

技巧3:渐进式入职

一般来说,人们通过做最好的学习。这可能解释了渐进式入门的普及,这是一个真正的演练,因为它在用户使用应用程序时向用户呈现信息。例如,当用户在仪表板上时,他们只会看到与仪表板相关的信息; 当他们查看搜索结果时,他们只会显示与搜索结果相关的功能。

用户浏览应用程序时显示提示。
Feedly会在用户浏览应用时显示提示。(查看大图)

在逐步入职时,请记住以下几点:

节省复杂的工作流程

如果您的应用程序具有相当复杂的工作流程或处理复杂的任务(例如财务),那么渐进式入门是一个不错的选择。只有在工作流程中合适且合乎逻辑的情况下,您才会提供用户信息,从而为用户提供时间来消化它。

用于隐藏功能

在开发移动应用程序时,我们始终专注于有效使用小屏幕,有时需要隐藏菜单和功能,仅通过双击或长按可见。在这种情况下,请引导用户完成这些隐藏的功能。

例如,拿下应用程序Pocket,如下所示。其中,功能可用于阅读列表中的每个项目,但用户必须向左滑动才能访问它们。因为用户必须使用内容填充应用程序,所以要等待用户将至少一个项目添加到阅读列表,然后立即指出左侧滑动显示隐藏的功能。

可以使用渐进式入门来指出隐藏的功能。
Pocket可以通过指出隐藏的功能逐步加入用户。(查看大图)

适用于手势驱动的应用程序

如果你的应用程序是严格的手势驱动,那么这种实践方法是最好的。随着功能的引入,让用户随着时间的推移采取行动将有助于信息的坚持。

13太阳能-OPT-500
Solar呈现每个手势并帮助用户边做边学。(查看大图)

让它持久

对于手势驱动的应用程序,可以在设置屏幕中提供手势列表及其相应操作的快捷方式。

请记住,您拥有的手势越多,用户记忆的越多。用户在他们的设备上安装的手势驱动应用程序越多,他们就越容易混淆,试图记住在一个应用程序中双击并在另一个应用程序中双击的区别。永久访问信息增加了额外的舒适感。

在用户需要参考的情况下,提供对手势列表的永久,快速访问。
Beats Music可以永久,快速地访问手势列表。(查看大图)

什么不该做

因为渐进式入门补充了用户对应用程序的探索,最大的风险是随着用户从一个屏幕移动到另一个屏幕而不断提示将破坏其他精彩应用程序的体验。因此,请更加谨慎地使用此技术来显示最有用的信息。

另外,请避免在每个屏幕上突出显示功能。为用户提供一些喘息空间,以便他们通过探索您的应用获得一些满足感。演练不能代替糟糕的设计。它应该只是增强体验。

替代方案

上面介绍的技术是最受欢迎的。但是,你也有其他选择一起玩!

备选方案1:混合

混合方法 - 混合一种,两种或所有三种技术 - 有时是可行的,正如Flink所示:

如有必要,ombine的好处和功能。
Flink结合了入职技术。(查看大图)

备选方案2:视频

视频入门在某些应用中使用,值得研究。这可以在不同的方向上进行,一些视频更实用,如教程,而其他视频基本上是广告。与网站上的视频一样,自动播放这些视频对用户来说是侵入性的和刺耳的。并且用户可能处于公共空间中,其中来自移动设备的爆破声音是不合适的。

利用声音和视觉的力量来展示您的产品。
五十三使用声音和视觉效果呈现其应用纸张。(查看大图)

备选方案3:样本数据

为用户提供一些样本数据可能也是值得的。这在处理敏感数据的应用程序中尤其有用,例如财务和人力资源数据。如果应用程序预先加载了样本数据,则用户会感到很舒服地进行实验,犯错误并了解应用程序的工作方式,并且他们会更好地准备输入实际数据。

为用户提供示例数据以操纵和了解您的应用的工作方式。
Xero为用户提供示例数据,以了解应用的工作原理。(查看大图)

结论

本文中的指南和示例将启动您的入职项目; 然而,与往常一样,用户是所有这一切的核心。因此,在评估要使用哪种技术时,请记住重新审视您的角色,用户场景和您拥有的任何用户数据,无论是来自分析还是市场研究。

如果您仍然不确定要使用哪种技术,请对用户测试一种或两种技术并分析反馈以查看哪些有效,哪些无效。没有任何解决方案是一刀切的,所以,一如既往,使用手头的数据做出最明智的决定。


广东网站开发

最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP