数极客首页

Facebook Paper新用户引导背后的设计思路

Facebook Paper新用户引导背后的设计思绪

从 设计上讲,Paper 是我个人很喜欢的产品,除了它创新的移动

App 交互方式和众多令人惊喜的设计细节,初次运用
时的磁性女声引导也颇为令人称道。这篇文章是在看过 4 月 18 日 Facebook 在 YouTube 上发布的 Paper 团队小范围技术分享会中关于新用户引导的演讲后,想与大家分享所作。

背景:4 月 18 日,Facebook 在 YouTube 上发布了 Paper 团队小范围技术分享会的视频,会中 5 位 Paper 团队成员分别引见
了在 Paper 的开发过程中包括新用户引导、UI、动画、手势交互等方面的设计思绪
和细致

办法

,并配以案例阐明

;也是在这场分享会中,官方初次
发布
了 Paper 背后的动画引擎 Pop 行将
开源的音讯

翻开
Paper 能够

看到,不像常见的 App,Paper 的主界面中是没有导航栏的。这样做的目的是,在有限的屏幕上尽可能多地呈现给用户有用的内容,而不是被各种功用
按钮所占领。能够

比较

一下 Facebook for iOS 和 Paper 的首屏:

Facebook Paper新用户引导背后的设计思绪

后者的有效内容占比显然
多于前者(下图,黄色之外):

Facebook Paper新用户引导背后的设计思绪

但这样做是有风险的:用户曾经
习气
了进入一个 App 中点击导航按钮来中止

各类操作了,往常

失去了导航,必需
得想其它的办法

来通知
用户怎样
运用
这个 App——什么样的方式比较

好呢?

Paper 的办法

是引导 / 教程(Tutorial)。Tutorial 有不少益处

,例如会让用户学习 App 运用
的过程变得有趣,像寻宝普通
;但缺陷
也耳目昭彰,例如可能会打断用户体验(想 想假定

正在中止

某项操作,却被屏幕上飞出来的引导打断的觉得
有多糟;更不要提当看到与当下操作无关的引导时的心情了),以及可能会给用户强迫感(为什么一 定要逼我学习这些功用
?特别是当刚翻开
App 就呈现
5 步 Tutorial 时:我还不分明

你的 App 是做什么的,怎样
可能学会记住?),等等。

Paper 做 Tutorial 的准绳

  • 不要一次性通知
    用户一切
    功用
    及操作办法

  • 每个功用
    点的 Tutorial 在用户操作的相应场景中才呈现
  • 及时给用户反响

    (如下图,当用户依照

    引导倾斜手机后,显现
    胜利

    反响

  • 保证整个过程在 App 中
  • Tutorial 可被关闭(避免

    给用户强迫感)

  • 经过
    察看

    各类游戏的交互取得

    灵感,让 Tutorial 尽可能有趣

Facebook Paper新用户引导背后的设计思绪

Tutorial 的呈现
机制

为了适时提供用户需求
的辅佐

,同时秉承避免

打扰

用户的准绳
,Paper 定义了 Tutorial 呈现
的机制:

  • Tutorial 必需
    在相关的场景中呈现

也就是说,假定

用户正在 Seings 页,那么系统决不会显现
与 Seings 无关的 Tutorial。

  • 依据

    相关性测试判别
    一段 Tutorial 能否
    该呈现

举个例子:用户正在阅读
一个帖子,此时系统本应为他 / 她显现
与阅读
帖子相关的 Tutorial;忽然

用户点击了通知按钮,若此时继续显现
帖子相关 Tutorial,则与用户正在中止

的操作(查看通知)无关。

Paper 不想向用户显现
与当下动作无关的引导,因而

设置了 Tutorial 的相关性变量。当检测状态显现
相关性为 True 时才启动 Tutorial;若为 False,则搁浅当前 Tutorial 至教程中心。

  • Tutorial 的启动延迟

这样做的益处

有二:
1、用户在 A-B-C 衔接

操作时,避免

在操作 A 和操作 B 间呈现
A 和 B 的 Tutorial。
2、给用户自己

弄明白功用
的时间,只需

系统以为
用户需求
辅佐

时才启动 Tutorial。

Paper 团队做引导的感悟

  • 用户喜欢引导,前提是引导对用户真的起到辅佐

    的作用
    因而

    引导要做到真正辅佐

    用户处置

    问题,在合适

    的时间点给用户合适

    的内容。

  • 用户面对新 App 的典型反响
    是「我想先自己

    试试,搞不懂的话再查看辅佐


    因而

    要给用户自己

    尝试的机遇

    ,而不是立刻

    就呈现
    引导。

  • 找到「辅佐

    用户」和「烦用户」之间的均衡

    过多的、非当前场景相关的引导会令用户厌烦

    ,合适

    且适时的引导才真正会起到引导的作用。

p.s. 这段视频,关于
从事移动

应用开发、特别
是对相似

Paper 的动态动画有兴味
的同窗
是十分

值得一看的,干货很多。自己

不才,不懂动画,只看得懂 General Principles,讲到细致

完成
方式就歇菜了 T^T。因而

,假定

有同窗
有兴味
看看后 4 个演讲并与大家分享,go for it!

视频地址:http://v.youku.com/v_show/id_XNzAzMDA5NDY0.html

Facebook Paper新用户引导背后的设计思绪

 

原文地址:daily.zhihu

作者:@Sitsism

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章