美文网首页
引导设计

引导设计

作者: 橴Zzzz | 来源:发表于2016-08-23 17:13 被阅读0次

生活中随处可见各种引导

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

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

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

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

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

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

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

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

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

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

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

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

用户引导类型

新特性新功能

推广运营

品牌展现

说明指引

信息定位

新特性新功能

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

推广运营

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

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

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

品牌展现

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

说明指引

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

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

信息定位

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

用户引导形式

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

文字与界面组合

文字与插图组合

动态效果与音乐

视频

文字与界面组合

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

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

文字与插图组合

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

动态效果与音乐

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

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

视频

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

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

引导设计原则

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

保证用户引导的有效性

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

保证用户引导的有效性

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

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

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

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

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

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

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

总结

要与产品气质相符

兼顾技术实现

用户轻量体验

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

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

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

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

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

相关文章

  • 引导设计

    最近买了一款丁盯门磁,不过第一次安装并没有完整的指导说明书,但是产品本身给予了一定的反馈,由于产品是由两部分组成,...

  • 引导设计

    生活中随处可见各种引导 引导:就是指通过用某种手段或方法去带动某事物的发展 引导是存在于被引导者和他的目标之间的一...

  • 海报设计

    《海报设计》-初级班 引导:以经典的海报设计为引导,让同学选择自己喜欢的海报为借鉴而设计。 讲解:先是文字设计,确...

  • 刘贝贝老师培训20190317

    刘老师是促动师、引导师。(问问题方式)(角色转变) 设计流程、 设计架构、 指导、引导他。 备课很重要时间要投入很...

  • 先锋队-设计组每日设计分享(2016/11/27)

    简约的引导图设计,文案也不错

  • 【干货】活动页面设计的技巧(下)

    活动信息的内容和4点技巧:去繁从简、加强引导、设计文字、构思文案 加强引导 设计文字 构思文案 内容排版的要点掌握...

  • UI设计@引导页@雷锋照塔的插画

    UI设计@引导页@雷锋照塔的插画

  • PPT动画设计全攻略(超级实用)

    hello,我是a吃饭。 接设计技法复盘的动画设计复盘来了。 动画的根本目标是为了视觉引导。 而视觉引导是基于逻辑...

  • APP 引导页设计5-总结

    前面4篇分别介绍了引导页的分类、展现方式、优秀引导页的特点、如何设计优秀的引导页,是时候来个总结了。 引导页分类:...

  • 需求梳理会-Scrum模拟(3人小组)

    一 议程设计 二 引导过程 三 成果 四 心得

网友评论

      本文标题:引导设计

      本文链接:https://www.haomeiwen.com/subject/szknsttx.html