搞点儿翻译之Onboarding

IOS篇:

搞点儿翻译之Onboarding_第1张图片

如果是首次使用你的应用,启动页结束后的第一个页面需要我们设计商场的应该就是着陆页了(摩拳擦脚

IOS的要求:

1.要有跳过

2.不要太多,太多就说明你的应用可用性差,请闭门反思

3.使用可交互的动画帮助用户学习

4.以上过程当用户卡顿或者迷惑不前时,你应该具有前瞻性的预估这种情况并给予提示

搞点儿翻译之Onboarding_第2张图片

延展之MD篇:

Onboarding is a virtual unboxing experience that helps users get started with an app.

着陆的过程就像虚拟拆盲盒一样,这段经历会帮助用户方便开始使用应用

关于用法

你的应用着陆过程必须明确目标,和不同熟悉应用程度的用户心智模型匹配

然后MD给了一些匹配项作为参考

总结就是:

用户着陆的目的是想要快速使用应用,要让应用易懂易操作,在第一周内让用户保持活跃度提高留存率

Show onboarding to first-time users. Don’t show it to returning users.

给首次登录的用户展示你的登陆页,老用户就不要展示了。

搞点儿翻译之Onboarding_第3张图片

关于类型

有三种着陆形式的选择:自选式&快速开始式&最佳用户利益式

搞点儿翻译之Onboarding_第4张图片

自选式像是系列定制页面,用户可以自由定制内容,以此决定应用体验

快速开始式像是一个内容大池子,准确提前地帮用户选择可能项,用户只要点下一步操作就可以了

(常见很多内容APP)

最佳用户利益式则是用简短动画或者静态图片做成幻灯片来告诉用户使用应用的好处或者是重大更新

(类似apple store的展示页用来王婆卖瓜)

*其实看来最后一种的最佳用户利益式也常常被人改造成引导页用来操作提示&教育用户

接下来是三种形式的详解

关于自选式:

1.选项内容一定是简短有意义并且引人注意的

2.要问用户不能在日常使用中收集到的信息

3.页数要简短精炼

搞点儿翻译之Onboarding_第5张图片
搞点儿翻译之Onboarding_第6张图片
搞点儿翻译之Onboarding_第7张图片

设计自选式时,形式由你的应用内容决定

专注于内容消费的应用程序可能会询问感兴趣的主题

而带有提要的应用程序可能会询问要捆绑哪些主题

一些常见的自选式有以下几种:

搞点儿翻译之Onboarding_第8张图片
搞点儿翻译之Onboarding_第9张图片

关于快速开始式:

1.给用户选择并且有指向性的UI去引导用户

2.提供教程但不要强迫用户学习

3.给出关键操作引导

搞点儿翻译之Onboarding_第10张图片
搞点儿翻译之Onboarding_第11张图片
搞点儿翻译之Onboarding_第12张图片

关于最佳用户利益式:

1.可以展示应用能解决的问题

2.可以展示应用创造的价值

3.符合用户痛点的一些常用功能(*原文用到了一个很有意思的词 “toothbrush features” 意思是一天会用两到三次的功能)

当该模式是静态图片时,

1.需要有分页指示器,并且自动翻页播放,暗示用户不止一张幻灯片

2.当用户触摸幻灯片时,需要出现“开始”按钮,提示可以进行下一步操作

3.幻灯片必须是可以前后滑动的

当该模式是视频录像时,

不需要分页指示器但需要“开始”按钮

对于幻灯片的配图官方也给了一些建议:风格一致&画风简约&图画抽象具有美感

搞点儿翻译之Onboarding_第13张图片
搞点儿翻译之Onboarding_第14张图片
搞点儿翻译之Onboarding_第15张图片

MD最后还提到了一些设计上的规范

竖屏时,

手机端,居中对齐,上图下文下交互,下分页指示器

平板端,居中对齐,左图右文右交互,右分页指示器

搞点儿翻译之Onboarding_第16张图片
搞点儿翻译之Onboarding_第17张图片

横屏时,

手机端,居中对齐,左图右文右交互,右分页指示器

平板端,居中对齐,左图右文右交互,右分页指示器

桌面端,居中对齐,上图下文下交互,下分页指示器,卡片右边增加前进后退按钮

搞点儿翻译之Onboarding_第18张图片
搞点儿翻译之Onboarding_第19张图片
搞点儿翻译之Onboarding_第20张图片

你可能感兴趣的:(搞点儿翻译之Onboarding)