这5个技巧帮你设计出眼前一亮的APP引导页

Date 2025-03-20 17:27:55

现在新手指导已经成为手机客户端的标准,但一般的做法并不一定是最有效的。在本文中,我们将看到为什么新手指导往往无效,以及如何从游戏设计的原则中学习,以提高用户的参与度。

通过与各行业的移动团队沟通,我们发现这些新手指南页面增加了额外的帮助,让用户感到困惑和沮丧。一位测试参与者说:“我只是想打开应用程序开始探索。”用户测试表明,用户会跳过并忽略新手指南页面。在最好的情况下,用户会感到有点不方便;在最坏的情况下,这显然会阻止新用户进入应用程序。

一些常(wu)见(xiao)新手引导页模式( 透明度标注,演示视频,三步引导)

2-RetailMeNot-large-opt

为什么这些模式无效?

所以,为什么这些模式不起作用,我们可以在游戏领域找到答案。

游戏设计师知道,他们不仅不能阻止新玩家进入交火的房间,还能让他们享受这些体验,尽管大多数玩家在知道武器和如何反击之前都会挂断电话。

在游戏设计中,一些能让玩家深入了解游戏的模式比其他模式更有效,这些模式也适用于移动终端。虽然它不同于游戏中的死亡,但用户不知道如何这样做。当这种情况发生在大多数用户身上时,你的应用程序就结束了。

3-Figure-Portal-large-opt

(Portal让玩家在安全的环境中学习新技能)

Extra Credits在线教程系列从内部人士的角度展示了游戏的各个方面,“ 教程 101 “这是一个令人惊叹的视频,每个app的设计师都应该好好看看。

从“ 教程 101 我们可以在app设计中提取一些具有自身特点的有效教程的基本规则:

1、使用的文字越少越好。

2、前期内容不能太多。

3、让它变得有趣。

4、通过游戏学习。

5、倾听您的用户。

安卓版的Catch介绍了一系列功能,但不允许用户尝试。

9-Figure-Clear-preview-opt

Clear的苹果版,默认视图预装了一个任务,可以让用户通过做来学习。

如果有办法展示,不要只用文字解释,用文字解释“原因”,然后用来展示“效果”。

规则二:前期内容不能太多

“如果你试图在一开始就把一切都给玩家,”Extra Credits 在“教程101”中,“他们会淹没在大量信息中,但参与不足。用“用户”代替“玩家”也适用于app的设计。

当他们真正需要的时候,他们往往会忘记一次给用户很多内容;真正需要做的是在用户需要的时候提供简短易消化的信息。请记住,你会在这里给用户留下第一印象。你不想给更多的用户留下第一印象吗?

Dooo vs. Todoist

10-Figure-Dooo-large-opt

Dooo 苹果版压倒性11页引导页。

11-Figure-ToDoList-large-opt

Todoist 苹果版,一个小提示邀请用户完成第一个任务。然后另一个提示介绍了选择菜单。

Usertesting最近的文章断言“用户喜欢引导页”,这里的“引导页”指的是用户第一次使用时的一系列互动提示。

12-Facebook_paper-large-opt

当他们需要的时候,不要在信息超载的用户面前突然给出所有的内容,给他们一小块。

规则三:奖励

事实上,你可能还记得“教程101”中的规则是“让他感到有趣”。当然,“有趣”并不适用于所有应用程序。但当视频评论员说“你的教程应该和游戏的其他部分一样有吸引力”时,从另一个意义上说,这条规则也适用于我们的领域。

即使我们不能让我们的应用程序变得有趣,我们也可以通过其他方式将奖励集成到整个应用程序的使用中。一个做到这一点的好方法是与用户互动,让他实际完成事情。这给了用户一种加强学习的力量感。

即使有趣不是正确的基调,有时增加幽默感也是合适的。让我们来看看两种不同的方法来实现它,NBC News和Flipboard,后者使用了正确的方法。尽管NBC News的新手引导页面使用了“有趣”字体,看起来仍然像演讲。另一方面,Flipboard一打开就采用了不同的戏剧性方式。

这里没有介绍性的文字。下半部分的屏幕像笑话一样翻起来,逗你在翻下来之前看看下面的内容。当它再次这样做时,您可能已经理解了向上滑动以查看以下内容的提示。但是当你仍然没有滑动时,你会得到“继续向上滑动”的邀请。每个后续翻转都巩固了查看内容的手势。有趣而有意义。

NBC NewsVS. Flipboard(2013)

13-Figure-NBCNews-large-opt

NBC NEWS的IOS版本使用了有趣的字体,但长篇大论的叙述毫无价值。

14-Figure-Flipboard-large-opt

Android和IOS版的FLIPBOARD嵌入了有趣的提示来吸引用户,并加强了APP操作的关键手势。

第四条规则:通过使用强化学习

你还记得那些“啊哈!”瞬间在科学课上吗?当你通过实验了解一个原则时。这就是我们在这里要讨论的。当然,老师已经向你解释了相关的原则,但你真正学会的是通过实验。

这种方法对新手指南页面同样有用。如果你遵循前三个规则,这个补充规则可以很大程度上照顾好自己。它可能是一个非常微妙的视觉或听觉反馈与动作。

然后,当用户以后执行这样的动作时,同样的反馈会加强他们的学习。

上一篇:绿色·姑苏行 ——2016年度艾特奖苏州站暨“绿色设计”高峰

下一篇:图文科普影响视觉重心的6个因素

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

Floating Image