Day31 引导设计

生活中随处可见各种引导

志愿者美眉
这个是电影《爱情左灯右行》里号称最帅的交警,大家能认出来是谁吧
地铁和停车场

引导:就是指通过用某种手段或方法去带动某事物的发展

引导是存在于被引导者和他的目标之间的一条线,有了这条线能更有效地让被引导者与目标之间建立关系,否则这个过程很冗长。

引导的目的是为了让被引导者更快地接近目标。

不仅在生活中我们需要引导,在快速消费的互联网里,我们更需要用户引导去帮助用户去达成他们的目标。

互联网产品的丰富性和快速迭代性,让用户都失去了仔细看的耐性,这决定了用户引导存在的必要性,尤其是移动互联网产品;

从用户的角度出发,用户需要快速、愉悦地学习使用产品,通过引导去了解产品的功能以及如何操作,迅速上手这个产品,降低学习成本,满足自己的需求。

从产品的角度来看,产品需要通过用户引导来突出产品的新功能和特性,说明功能结构变化,避免产品的陌生感,满足产品的需求。

用户需求:快速、愉悦地学习使用产品

产品目标:将新手用户快速转化为活跃度高、黏着度高的忠实用户

现下的各种应用,用户引导都做得很充足,尤其是新手指引,几乎成了标配,各种类型的应用,在用户第一次打开的时候,几乎都可以看到新手引导页。


要为用户提供最佳的引导体验,需要了解引导设计的基本知识;

用户引导类型

新特性新功能

推广运营

品牌展现

说明指引

信息定位

新特性新功能

最常见的属这类,当一个产品持续稳定迭代,每推出一些新功能,便跟随版本包装发布。这是最基础的,就是有啥说啥。在网络化、碎片化的时代,用户停留的成本越来越高,浏览一个app界面的时间不会超过3秒,在这宝贵的3秒里,我们就要做到用简要明白、通俗易懂的文案和界面来呈现产品的新功能,一针见血;

推广运营

推广类引导页除了有一些产品功能的介绍外,更多是想传达产品的态度,让用户更明白这个产品的情怀。

这类引导多用于电商譬如干爹家的淘宝,或者图中lofter这类以情感化内容为运营的产品

要注意的是,这一类的引导页如果做的不够吸引人,用户只会不耐烦地想快速划过。而制作精良、有趣的引导页,会获得用户驻足观赏并给用户留下深刻印象。

品牌展现

使用这一类引导的应用,它的产品基调功能偏长期稳定、以内容维护居多,甚至内嵌视频打包品牌概念和软件界面功能展示,像个精美的品牌广告。譬如优衣库的这款结合了美食、音乐和时尚元素的烹饪app;

说明指引

这类引导多适用于操作较复杂的工具类应用,它的好处是没有一页页的引导页,直接到达产品的首页,当用户首次打开App,会进入半透明黑屏蒙版模式,开启新手指引环节。

这种方式存在的弊端是有强制教育用户的赶脚,尤其是指引做的不够有限而且还繁多时候,可能会引起用户的反感。因此也有不少App换作白底,稍作轻量去展示教程,类似图三。

信息定位

使用这类引导的App,一般是把了解用户信息作为首要任务,譬如用户的身高体重性别等个人信息,多见与图中这类健康类应用;又或者是通过获取用户的爱好兴趣信息,才能精准推送内容;

用户引导形式

用户引导的展示形式,随着技术演进和大环境提升,已经从开始的静态图片过渡到动效,甚至有些引导页是采用流媒体形式。

文字与界面组合

文字与插图组合

动态效果与音乐

视频

文字与界面组合

这是最常见的引导页面,简短的文字+该功能的界面,主要是运用在功能介绍类与使用说明类引导页。

这种方式能较为直接地传达产品的主要功能,缺点在与过于模式化,显得千篇一律。

文字与插图组合

文字与插图的组合方式也是目前常见的形式之一。插图多具象,以使用场景、照片为主,来表现文字内容。

动态效果与音乐

在单个页面采用动画的形式,或者把动效同页面切换方式结合起来,更甚至加入一些与动效节奏相符的音乐。在当前来说,是比较新颖的方式。

但需要注意的是,用户使用移动设备很可能处在公共空间,声音播放就显得不那么合适了,音乐的加入和设定需要谨慎;

视频

这类引导,在第一次打开应用时通过播放视频的方式来介绍产品或传递一种理念,这种方式多见于偏生活记录类的应用,如拍照、运动类应用;又或者是趣味性强的小游戏;

这类引导的好处是直观,动感,更吸引眼球。缺点:造成应用较大,视频播放可能会出现卡顿的情况,带来负体验的风险比较高。

引导设计原则

在引导设计过程中,需要注意谨记的一些原则;

保证用户引导的有效性

根据使用场景触发相应的用户引导

保证用户引导的有效性

用户引导是对产品内容以及功能的辅助说明,如果不能保证用户引导发挥有效作用,那用户引导不但失去了意义,反而对用户造成了干扰,会影响了用户体验。

像左边这个应用是一个海淘资讯和攻略的应用对购买功能的引导,我们知道国内绝大部分海淘用户都是从淘宝用户进阶而来,购物车是购买的标识,用户早就在淘宝上得到了教育并形成了习惯,在这里没必要在作一次引导。但像右边这个非常规交互的闹钟应用,是主打手势交互的应用——那么引导页是必不可少的。

根据使用场景触发相应的用户引导

像上图中这个应用,操作比较复杂,在用户第一次打开APP的时候,就在新手引导里一页页地罗列出各个功能说明,类似厚厚一本说明书,这样做不仅引导作用微弱,甚至会引来用户的觉得被强制教育的厌恶感;

在对应场景下适时出现对应的引导,才是最高效的,

举个正面的例子,这是微信漂流瓶新手引导。如果你拣到瓶子,立刻就点击了,是永远不会看到这个提示的。只有你捡到了,但是几秒没任何操作的时候,才会出现这个。

在用户触发功能行为的时候跟随出现指引,匹配合适的场景模式,强化临场感,这样的引导应该会更得用户欢心;

总结

要与产品气质相符

兼顾技术实现

用户轻量体验

在设计用户引导的时候,我们应该选择跟产品气质相符的类型,应该由产品的特性去决定引导页的风格。是走轻松娱乐、小清新,还是规整、趣味性的风格,

如淘宝的娱乐、豆瓣的清新文艺、百度的工具,都是由它产品本身的特性去决定的;

同一个产品,采用不同的引导类型,在最终的表现形式上也就会有完全不同的展现;

其次,在选择用户引导的形式时要注意,通常情况下技术会对软件包容量进行限制,像视频类引导形式虽吸引眼球,但是未必能走得通,好像我们国际版UC浏览器的,它的用户设备以及用户网络情况都相对较差,像这种情形下如果采用了视频类引导,不仅大大增加安装包容量,还会造成比较傲严重的卡顿问题。

最后是,设计用户引导要用户轻量体验。要突出核心,不要让界面上的内容信息成为用户的认知负担。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,657评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,889评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,057评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,509评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,562评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,443评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,251评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,129评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,561评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,779评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,902评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,621评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,220评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,838评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,971评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,025评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,843评论 2 354

推荐阅读更多精彩内容

  • 前言: 引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品遇到障碍之前给予及时的帮助。在移动互联网的产品...
    镹壹阅读 1,692评论 0 12
  • [产品设计] [用户体验] 封面用研整编文章 如同Jesse James Garrett在《用户体验要素》提出最底...
    CoverUER阅读 7,306评论 4 28
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,116评论 25 707
  • 怎么从她的身上感受不到那爱情的意味 那头也不回的走 不说一声再见的再见 很是猜不透
    常小识阅读 205评论 0 0
  • 坏习惯:自己吃饭时看手机 暗示:开始吃饭了 竞争反应:加快吃饭速度 记录:1次 坏习惯:自己吃饭时看手机 竞争反应...
    用心_99e6阅读 207评论 0 0