美文网首页关于交互与视觉设计产品设计
怎么设计引导页,才能获得用户好感?

怎么设计引导页,才能获得用户好感?

作者: 蓝湖产品设计协作 | 来源:发表于2017-04-10 17:42 被阅读351次

作为设计师,我们一直希望自己的产品可以给用户提供最好的用户体验。拿app来说,他们对这款产品的第一印象起始于引导页。第一印象产生的时间极短,但是它所带来的影响却要长远的多。如果说给用户构建一个完美的用户体验体系是我们的“千里”,那么引导页就是我们“足下”的第一步。所以一款app的引导页对于用户和产品之间纽带的建立是十分重要的。

什么是引导页?

引导页英文Onboarding原文意为新员工的入职培训。这与我们使用一款新app相类似,人们尝试新事物过程中会产生紧张与不安,引导页的作用就是短时间内让用户对这款产品有一个大概的了解,缓解用户的焦虑与不安,让用户更快的进入使用环境。

引导页的三个基本功能

引导页可以做的很简单,也可以做的很复杂。但是再简单的的引导页也必须有三个功能:问候、传递信息和提升参与度。

问候

引导页是用户和这款app的第一次接触,她的作用相当于向用户进行自我介绍和问候。当然问候不意味着我们要真正写一个“Hi”或者“用户,您好”,有的时候一个吉祥物形象或者字符也能向用户传递问候。问候和介绍要尽量的简短,不要分散用户过多的注意力。

传递信息

这是引导页对于用户来说最重要的一项功能。优秀的引导页用户浏览后会对这款app的核心功能有一个大致的了解。此外引导页要起到操作说明书的作用,告诉用户如何快速上手操作,这会降低用户首次使用时的学习负担。

当然“用户的时间是有限的”,用户对于引导页更多的是一瞥而过,不会投入过多的精力。短时间内用户能从引导页中获取的信息是极其有限的,这意味着我们必须对引导页的内容做一个优先级筛选。只有真正重要的内容才能放到引导页中。

提升参与度

我们不仅要了解用户,也要让用户了解我们,要建立用户对于产品的依赖度。引导页通过展示产品的价值和功能,可以在用户心中建立对于产品的一个高期望值,而这高期望值会抵消首次使用时可能出现的负面情绪,保障用户不会在短时间内把你卸载。另外出彩的引导页会极大的提升新用户对于产品的好感,人类毕竟都是视觉动物。

引导页设计要素

不同的app有着不同核心功能和目标用户群,其引导页的框架与内容也是不一样的。但是每一款app的用户体验立足点却是相同的:用户需求、用户期望、产品性质、经营目标。引导页作为用户使用app的出发点,我们的目标是以一种动态的,易懂的和有吸引力的方式告诉用户这款app的基本信息。

引导页一般有3-4页,主要有图片、文字和动画组成。

图片

大多数人对图片的感知速度要比文字来得快。无论是拍摄的照片还是手绘的插画都可以充分的完成传递信息的功能。所以引导页中图片的合理使用会帮助用户在短时间内充分的获取信息。当然引导页中对于插画的要求不是很高,简单的iocn类插画也同样出彩。插画对于低年龄段用户来说有着巨大的吸引力。特别是对于青少年来说,他们很喜欢带有插画的引导页。

文字

对于引导页来说,文字是占主导地位的。引导页中文字要足够的简明扼要,降低用户的阅读时间。有的时候将一个长句子缩写成一个短句是比直接写一个长句要更加困难的,因为你必须学会从长句子中提取重要的信息。用户不会在引导图上花费很多时间,他们不可能一字一句去读,所以文字要尽量短小精悍。

动画

引导页用户虽然不会给予过多的注意力,但是这并不意味着我们可以降低对引导页的视觉审美要求。引导页也要做的足够用心,要好看并且有吸引力。动画的应用可以给界面注入生命力,增加界面活力。有趣的动画可以很好的娱乐用户,这会提升他们对这款app的期望值。引导页中有些信息是比较重要的,采用动画我们可以将用户的注意力吸引过来。但是动画另一方面意味着更多的加载负担,更长的等待时间。所以对于动画的应用,设计师应该和开发进行深入的沟通务必达到最优的实现效果。

跳过选项

另一个我们需要考虑的要素就是是否要给用户选择跳过引导页的选项,因为不是每一个用户都愿意看这些引导图,即使是第一次使用的新用户。当然是否给用户跳过选项要根据对目标用户群的调查和分析才能做出决定。

总结

这是一个内容为王的时代,用户真正关注的是页面中的内容,这款app究竟能给我解决什么样难题,我通过使用这款app会带来哪些便利。用户对于界面样式的关注度不是很高,淘宝客户端更新了,采用了最新潮的渐变色,但是很少有用户在网购的时候会注意到这些。所以客观条件决定了设计师在内容页面中无法进行更多的改进与创新,引导页因为其巨大的包容性成为设计师发挥他们天马行空想象力的舞台,也是产品彰显其独特魅力的渠道。

作者:Marina Yalanska

译者:王M争

相关文章

  • 怎么设计引导页,才能获得用户好感?

    作为设计师,我们一直希望自己的产品可以给用户提供最好的用户体验。拿app来说,他们对这款产品的第一印象起始于引导页...

  • 引导页

    引导页设计 一般不会超过5页。作用:让用户了解产品价值和功能,引导用户更快进入使用环境。 按照功能分类: 1.功能...

  • 中间透明的UIView实现的几种方法

    前言 当用户第一次使用app的时候, 在app的开始页或者主要的界面,就会显示用户引导,引导用户怎么使用这个app...

  • UICollectionViewController的基本属性和

    在项目的作用:引导页的使用 怎么来插入引导页当第一次进入程序时,为了给用户一个良好的体验,所以需要进行介绍,让用户...

  • 什么是着陆页?

    什么是着陆页?我们先来看看百度怎么说: 着陆页也称:落地页、引导页,在互联网营销中,引导页就是当潜在用户点击广告或...

  • iOS之引导页

    1.每个应用程序刚安装后启动的时候都会有一个引导页,用于引导用户使用APP,怎么实现呢,首先来把引导页写好,说白了...

  • 【技巧】引导页如何设计,才能把用户顺利“引进门”?

    如今,同类产品竞争越演越烈。用户对产品的第一印象往往决定了一切。而用户的第一印象又起始于引导页。也就是说,引导页的...

  • APP 引导页设计5-总结

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

  • iOS开发之引导页的实现

    一、App引导页一款App在首次安装后打开时,会有3-5页的介绍界面引导新用户使用或者给用户更新提示。根据引导页的...

  • 超实用!6个小技巧帮你打造高转化的网站落地页

    当用户打开网站落地页时,如何才能通过设计引导他们进行下一步行动,顺便留个好印象呢,今天这篇总结了6个实用的小技巧,...

网友评论

  • 贰yang:好复杂,程序猿实现不了咋办?

本文标题:怎么设计引导页,才能获得用户好感?

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