恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
引导页该何去何从
0.0°
2015-08-30 原创文章 经验/观点 原作者: 原作者 举报 4692 46 23 2

我们通常理解匆匆而过的,不仅有朱自清的笔尖,还有手机上的引导页。是开门迎客还是朴素低调。不少人单纯的认为引导页并无可用之处,有时没有效果反而更好。那引导页该何去何从,怎样解释设计师做的引导页并非炫技的行为。本文详细介绍引导页存在的现实意义。

我们通常理解匆匆而过的,不仅有朱自清的笔尖,还有手机上的引导页。是开门迎客还是朴素低调。不少人单纯的认为引导页并无可用之处,有时没有效果反而更好。那引导页该何去何从,怎样解释设计师做的引导页并非炫技的行为。本文详细介绍引导页存在的现实意义。

说明: Macintosh HD:Users:janne:Documents:文件:引导页分享:9786df058c73a6c0c8aad14da28210494d0704f5eeb2-qJ5fM6_fw658.jpg



一.被误解的引导页

误解一:认为如果一个产品需要引导,拿本身就是一个缺陷,说明该应用缺乏简单和用户友好的基本要素

误解二:认为引导页是登陆时拦截用户高效前进的障碍


貌似很道理,有时甚至是断章取义,也要具体问题具体分析:

理由一:而且如果没有引导页,设想下使用场景,由于程序是多种代码命令和数据组合而成的。启动应用程序实际上是运行代码和数据读取的过程,这个过程需要一定的加载时间,与其让用户看代码运行过程,不如看些展示图片。

理由二:而且任何一款应用都不是完美的,我们现在看到的微信等成熟的应用也都是通过多次迭代完善的,偶尔也会有应用出现过长等待时间,而用户对于加载的忍耐极限通常只有5秒,如果运用有意思的启动页面,可以争取到更多的时间。

理由三:全天下的主人都明白开门迎客的道理,如果客人登门拜访时主人却没有开门迎接,而需要客人自己动手开门进来,对于客人来说是极不礼貌的。

理由四:引导页中也并非无用,因为一个应用的访客群体基本上是固定的,用户有着既定目标去访问应用,应用里有着他们必须要了解的信息,引导页中提供有效的信息,能让用户和APP建立良好的互动,让用户快速上手使用。

说明: Macintosh HD:Users:janne:Documents:文件:引导页分享:138.PNG

 


二,引导页到底有哪些作用

心理学上有“七秒钟理论”,说的是人与人交往时,产生好恶决定于见面的头七秒钟。一个漂亮的引导页也是提升用户良好体验的开始。引导页的存在一定程度上增加了应用的美观度和新奇感。但是这里讲心理学上的奇妙理论,只是初次使用的头7秒,不是每次使用的头7秒。

从产品角度出发,首先,产品需要通过引导页通过引导来促进登录/注册行为的发生,增加用户注册量,也是培养忠实用户的开始。其次,突出产品的新功能和特性,说明功能结果变化,避免产品陌生感。并鼓励用户去探索,建立产品与用户之间的互动,拉近用户与产品的距离。

从用户角度出发,用户最需要了解产品功能和如何操作,迅速上手这个产品,降低学习成本。此外,也能在注册之前告诉用户这是一款什么样的应用。何时使用。

说明: Macintosh HD:Users:janne:Documents:文件:引导页分享:IMG_2115.PNG

 

 


三,怎样设计引导页

方法一:了解引导页类型,清晰引导类型

引导页分为两种,一种是前置型引导页:启动应用程序后,进入主功能前的一系列图片或者动画效果,停留数秒后消失。在用户初次实用移动产品时,给予一些必要性的帮助,以便用户快速了解产品类型,功能,具体操作;另一种是过程中引导:在用户使用产品过程中给出一系列帮助内容,主要方式有空白页的内容引导,loading等等状态引导,拆分包袱的逐步引导,巧设默认值的功能引导,tips引导,浮点引导,遮罩聚焦式引导,触发式引导,任务演练式引导等。

由于主要讲前置型引导,这里插播两个例子:

1.下图(左)Facebook开启定位的引导,但用户需要发送当前位 置的时候,应用会弹出图中的引导形式,告诉用户开启定位的作用,用户在这种使用场景下会很乐意开启定位,从而提高了开启定位的转换率,又不会觉得这个引导影响了自己的体验。

2.下图(右)比如Google搜索中,在用户进行拖动操作的时候,顶部的状态栏变成了一句温馨的提示,非但不打扰用户,反而有 一定帮助,用户会觉得很贴心。


方法二:认识引导页存在问题,避免走错方向

随着访客的审美疲劳,频繁出现的引导页已经失去了对引导页的新鲜感和喜爱感。要么就是过多展示没有实际功效的内容作为噱头,而且这个噱头并没有吸引足够的目光。在很多情况下却起到了相反的效果。

毕竟首页作为引流的窗口重要性显而易见,引导页前置需要访客花时间等待主页面的启动,如果是一个体积过大时间过长的引导页,或是引导页上面的“skip”按钮不够明显,很可能导致部分访客流失,之前也讲到,技术原因造成的访问延时,引导页能够起到缓解用户情绪的作用,如果是引导页的不正确使用造成的访客流失,那就是引导页干的坏事。


方法三:把控引导内容

心理学上发现的7±2效应,一个人的短时记忆至少能回忆出5个字,最多回忆9个,即7±2个。因此展示的文案要控制在9个字以内,超过后用户容易遗忘、出现记忆偏差。如果表达起来困难,可以辅助一小段文字进行解释或补充。因此在最终文案的确定上,要突出重点,多余的文字尽可能地进行删减。如果文案删减后字数还是过多,因考虑对文字进行分层,通过空格或逗号或换行的方式进行视觉优化。

精准贴切的文案也十分重要,将专业的术语转换成用户听得懂的语言。尤其对于通过照片来表现主题的引导页设计,文案与照片的吻合度,直接影响到情感传达的效果。

建议将引导页采用纯色简单直接,尽量和主界面构架形式一直,让用户有快的感觉,有些工具型应用的引导页单屏滚动多在0.5秒内,眼睛一睁一闭,引导页就过去了。

如果应用功能主要是在横屏的情况下完成,建议引导页以横屏方式呈现,以引导用户提前切换手持设备姿势,快速进入到你的应用界面中。


方法四:用户引导规范,制定符合自己产品特性

每个移动应用都有一套自己的用户引导规范,在制定用户引导规范的时候。

用户引导规范的指定可以按照不同的形式进行指定,一种是从用户引导的样式角度出发,把产品涉及到的各种用户引导样式一一罗列出来,并说明每种引导样式的适用范围、触发机制以及消除机制等。这种形式的优点是各种引导样式结构清晰,一目了然。另一种形式是从产品功能的角度出发,由于产品每个功能的重要程度和优先级不同,对应的需要突出强调的程度也不一样,所以将用户引导样式分为强中弱三 大类,对于产品主要功能,优先级很高的采用强引导样式,对于次要功能,优先级稍差的采用适中的引导样式,对于辅助功能,优先级最低的采用弱的引导样式。同 时强中弱三大类里面又分别包括几种引导样式。这种形式的优点是从产品角度出发,根据功能的重要程度的优先级选择对应的引导样式,方便快捷。


方法五:场景模拟,保证用户引导的有效性,减少干扰,提升用户体验

用户在使用产品的时候都是有一定的使用场景的,根据用户的使用场景触发响应的用户引导,用户引导在使用过程中弹出时是用户意想不到的,很有可能打扰了用户使用的流畅性,因为这是用户没有预期出现的东西,在一定程度上有惊慌失错感,保证在用户需要的时候弹出最符合用户体验,也是用户最愿意接受的时候。这样的出现既不会特别突兀,不至于弄的用户不知所措,又能在响应的场景下帮助到用户。


方法六:避免引导页铺天盖地的在任何类型的APP上引用。

(信息类应用是一个内容为王的地方,尤其是被信息内容充满的应用和注重效率的工具应用,比如说搜索应用,不断追求信息以一种更快速更详尽多方式呈现给用户,所以才会有rss,基于AJAX技术的页面布局。任何一些阻碍用户高效获取信息的细节都将导致用户流失,而引导页就是头号杀手。


方法七:视觉聚焦

在单个引导页中,信息不宜过多,只阐述一个目的,所有元素都围绕这个目的进行展开。视觉聚焦包括两部分,一是文案的处理,要注意层次,主标题与副标题要形成对比;二是引导页中的界面、场景、文案具象化元素,要有一个视觉聚焦点,多个视觉元素的排布采用中心扩散的方式,聚焦点的视觉面积最大,同时与扩散的元素拉开对比。这样用户能清晰地看到核心文案信息与文案对应的视觉表现元素。同时结合视线流动的规律,从上到下,从左到右,从大到小。因此可以根据这个视线流的规律来进行引导页的设计。


方法八:著建特色,从竞品中凸显差异化

之前对于表现方式的归类已经讲到了动画及页面切换方式,如果增加了页面动效,利用动效,包括放大、缩小、平移、滚动、弹跳,表现形式更加多样化,会让引导页更有趣,注意力更为集中。

更新:2015-08-30

收藏

46人已收藏

Janne

存在即是合理

  • 5

    作品

  • 32

    粉丝

  • 16

    关注

  • 怎样提高转化率
  • 互联网用户的社交心理
  • 搜狐焦点新版上线游戏活动
  • 搜狐焦点购房宝&金融钱包
相关标签
引导页

    猜你喜欢

      2015-08-30 原创文章 经验/观点 原作者: 原作者 举报 4692 46 23 2

      引导页该何去何从

      0.0°

      你确定要举报引导页该何去何从

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年08月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      23
      46
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录