怎么设计受欢迎的引导页?

   今天微博的@Jason-yangsong 同学分享了他的处女作,虽然是第一次总结,但文章很有看点,以常用的引导页作为切入点,结合引导页目的与设计原则,帮设计师深入到用户体验层面思考引导页的设计,实例与理论兼备,特别值得借鉴哟。


  一、用户引导的作用

  移动应用在新用户注册以及新版本发布的时候都会使用用户引导,那用户引导的作用是什么呢?

  可以从两方面来进行探讨:一方面从产品的角度出发,产品需要通过用户引导来突出产品的新功能和特性,说明功能结构变化,避免产品的陌生感,满足产品的需求。例如花瓣,通过图中的用户引导说明产品各模块的功能,并鼓励用户去探索,建立产品与用户间的互动,拉近了用户与产品间的距离。


  另一方面从用户的角度出发,用户需要通过用户引导了解产品的功能以及如何操作,迅速上手这个产品,降低学习成本,满足用户的需求。例如paper,通过图中的用户引导形式告诉用户可以通过手势进行操作,从而实现与产品的交互,建立用户的使用认知,让用户知道如何去操作,用户很快上手这个产品。


  二、用户引导的设计原则

  1. 保证用户引导的有效性

  保证用户引导发挥自身的作用,突出产品的功能,帮助用户更好的使用产品。这是用户引导设计的第一原则,用户引导是对产品内容以及形式的辅助说明,如果不能保证用户引导发挥作用,那用户引导不但失去了意义,反而会影响了用户体验。

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

  用户在使用产品的时候都是有一定的使用场景的,根据用户的使用场景触发相应的用户引导,保证在用户需要的时候弹出引导是最符合用户体验的,也是用户最愿意接受的时候。这样引导既不会特别突兀,弄的用户不知所措,又能在相应的场景下帮助用户。例如Facebook开启定位的引导,但用户需要发送当前位置的时候,应用会弹出图中的引导形式,告诉用户开启定位的作用,用户在这种使用场景下会很乐意开启定位,从而提高了开启定位的转换率,又不会觉得这个引导影响了自己的体验。


  3. 减少对用户体验的干扰,尽可能去提升用户体验

  用户引导在用户使用产品过程中的弹出是用户意想不到的,很有可能就打扰了用户使用产品的流畅性,破坏了用户体验。因为这是用户没有预期突然出现的东西,在一定程度上会有一定的惊慌失措感,但是好的用户引导出现在用户需要的时候,反而会起到雪中送炭,提升用户体验的作用。就好比用户在无助的时候,旁人对用户一句有益的提醒,反而感动了用户。比如Google搜索中,在用户进行拖动操作的时候,顶部的状态栏变成了一句温馨的提示,非但不打扰用户,反而有一定帮助,用户会觉得很贴心。


  三、用户引导规范的制定

  每个移动应用都有一套自己的用户引导规范,在制定用户引导规范的时候,不要一味的钻到用户引导的设计里面。研究各种竞品,借鉴各种用户引导样式,这本身无可厚非,但注意用户引导的样式要适合自己的产品。都说paper的引导做的好,是因为paper主要的交互形式是手势操作,所以这种用户引导形式很适合paper,但移植到别的产品上就不一定合适了。

  用户引导规范的指定可以按照不同的形式进行指定,一种是从用户引导的样式角度出发,把产品涉及到的各种用户引导样式一一罗列出来,并说明每种引导样式的适用范围、触发机制以及消除机制等。这种形式的优点是各种引导样式结构清晰,一目了然。

  另一种形式是从产品功能的角度出发,由于产品每个功能的重要程度和优先级不同,对应的需要突出强调的程度也不一样,所以将用户引导样式分为强中弱三大类,对于产品主要功能,优先级很高的采用强引导样式,对于次要功能,优先级稍差的采用适中的引导样式,对于辅助功能,优先级最低的采用弱的引导样式。同时强中弱三大类里面又分别包括几种引导样式。这种形式的优点是从产品角度出发,根据功能的重要程度的优先级选择对应的引导样式,方便快捷。

  四、总结

  移动应用的用户引导设计要保证引导的有效性,根据使用场景进行设计,减少引导对用户的干扰。切记用户引导的作用,选择最合适自身产品的引导形式,让用户引导更好的拉近产品与用户间的距离。

时间: 2024-12-22 15:46:06

怎么设计受欢迎的引导页?的相关文章

如何设计受欢迎的引导页?

  迎客入门,该大方热情还是谦卑有序?是张灯结彩还是朴素平常?对于引导页来说,这都得看产品的调性.今天分享一篇好文,针对不同类型的软件,提出切实可行的具体建议,是引导页设计不可多得的好教程,赶紧来学习吧! 当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验.因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜.那接下来我跟大家一起来探讨关于引导页的设计. 一. 目的区分 根据引导页的

App应用引导页设计教程

引导页是用户在首次安装并打开App应用后,呈现给用户的说明书.目的是希望用户能在最短的时间内,了解这个应用的主要功能.操作方式并迅速上手,开始体验之旅.既然是说明书那难免不受待见,因为我们的用户总是傲娇,他们不喜欢被教育.被说明,他们喜欢一口气划过引导页,直接上手,但是在碰到问题.遇到挫折的时候又会各种别扭.所以这就需要设计师非常用心的去处理引导页的设计. 丰富多彩.风格迥异的引导页设计 有些引导页则沉稳大气,适合资讯类的应用,给人以可信赖感.例如搜狐新闻客户端的引导页设计,摒除了所有多余的设计

如何让用户最短时间内接受应用:引人入胜的引导页设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 引导页是用户在首次安装并打开应用后,呈现给用户的说明书.目的是希望用户能在最短的时间内,了解这个应用的主要功能.操作方式并迅速上手,开始体验之旅.既然是说明书那难免不受待见,因为我们的用户总是傲娇,他们不喜欢被教育.被说明,他们喜欢一口气划过引导页,直接上手,但是在碰到问题.遇到挫折的时候又会各种别扭.所以这就需要设计师非常用心的去处理引导页

移动界面设计技巧:引导页设计技巧总结

文章描述:引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品遇到障碍之前给予及时的帮助.在移动互联网的产品的设计中,新手引导的设计则是在用户初次使用该移动产品时,给予的一些必须性的帮助以使得用户能快速愉悦地了解这个产品的功能与具体操作方式.为了完成不 前言: 引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品遇到障碍之前给予及时的帮助.在移动互联网的产品的设计中,新手引导的设计则是在用户初次使用该移动产品时,给予的一些必须性的帮助以使得用户能快速愉悦地了解这个产品的功能与具体

深聊一组效果显著的引导页设计案例

  最全面的设计优秀案例全面解读!今天腾讯的同学分别从产品属性.设计载体.屏间交互以及扁平风4方面各自挑选了一组顶尖的案例来分析,在引导页设计方面木有经验的设计师,将这4个方面作为参考借鉴,工作起来容易上手,非常方便,强烈推荐哟. 随着苹果ios8的发布,可以看到App store货架上,众多主流App迫不及待地向人们展示产品视频预览,接下去会是被设计师.市场宣传相继关注的焦点,产品宣传的下一轮引爆点.作为能在App store上先发触达地形成前期推广的视频预览,又会否影响到App安装完毕后的引

如何设计移动应用引导页

  编者按:今天的译文绝对值得设计师收藏!来自设计网站的龙头老大Smashingmagazine,专业全面,条理性强,一篇文章几乎包括了移动应用引导页的全部设计方式,还分析了知名APP的反面例子,可以说是搞定引导页的最实用指南,赶紧来学习下! 译文很用心,原文有误的地方都有提醒,欢迎同学们关注译者的微信公众号"开卷有译". 如今,移动应用对首次使用的用户呈现欢迎页这种方式已经越来越流行了.这样做的目的就是向用户介绍并展示我们的应用. 引导页往往是与用户进行交互的第一组界面,于此同时,这

移动端引导设计技巧1:前置的引导页

前言: 引导是带领用户更快速更愉悦地达到目标的过程,能在用户使用产品遇到障碍之前给予及时的帮助.在移动互联网的产品的设计中,新手引导的设计则是在用户初次使用该移动产品时,给予的一些必须性的帮助以使得用户能快速愉悦地了解这个产品的功能与具体操作方式.为了完成不同的引导内容和引导的目标,移动端的引导设计会根据需求进行不同的多样化处理.根据引导出现的时机,可以分为前置型的引导与过程中的引导. 前置型的引导:在用户还没有正式开始使用这个产品时给出的一系列帮助内容.主要的设计方式为引导页的设计.过程中的引

Landing Page引导页的设计

上篇博文写的是关于LP,有朋友细问,这篇就写LP的设计.最近接触电商比较多,LP页对电商用处也比较大,尽管网上已经有很多经验什么的,我也来写一写. 我习惯的称LP页为引导页,引导页是非常主动向用户推送内容,起到吸引注册或者使用某个产品等等使用户进一步使用的目的.现在很多的网站的首页经常就会用引导页作为首页,但是国内很多都搞成有奖销售了,不管三七二十一先在LP上放上有奖促销的活动,这里我也不谈这个,我从常规的方面谈一个引导页的设计,对从事电子商务的企业(B2C.B2B)或许有所启发. 一个引导页必

APP设计欣赏课堂:引导页设计赏析

  摄氏度:在APP的启动页做品牌展示后,越来越多的开发者开始打起了前置引导页的主意,广告营销.操作教程.品牌引导--显然引导页可以做的东西比启动页要多,同样更多的启动页正在被开发者们玩坏. 奥卡姆剃刀原理:如无必要,勿增实体.绝大部分情况下,引导页都无存在的必要,让用户第一时间接触APP才是最重要的事情. APP操作教程类:Taasky & Wthr & Launch Center Pro APP功能说明类:Yummly & Sosh & Yahoo News Diges