网页设计中的引导页究竟怎样做

 我来答
武汉肥猫科技
2016-12-22 · 武汉肥猫科技提供高端网站建设、SEO等服务
武汉肥猫科技
武汉肥猫网络科技有限公司,是一家集策划、设计、技术开发于一体的专业互联网产品服务公司,致力于为企业信息化提供驱动力。
向TA提问
展开全部

  如何设计引导页:

  1.了解引导页类型,清洗引导类型

  前置型引导页:启动应用程序后,进入主功能前的一系列图片或者动画效果,停留数秒后消失。在用户初次实用移动产品时,给予一些必要性的帮助,以便用户快速了解产品类型,功能,具体操作

  过程中引导:在用户使用产品过程中给出一系列帮助内容,主要方式有空白页的内容引导,loading等等状态引导,拆分包袱的逐步引导,巧设默认值的功能引导,tips引导,浮点引导,遮罩聚焦式引导,触发式引导,任务演练式引导等。

  网页设计中的引导页究竟怎样做?由于主要讲前置型引导,这里插播两个例子:

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

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

  2.认识引导页存在问题,避免走错方向

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

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

  3.把控引导内容

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

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

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

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

  4.用户引导规范,制定符合自己产品特性

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

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

  5.场景模拟,保证用户引导的有效性,减少干扰,提升用户体验

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

  6.避免引导页铺天盖地的在任何类型的APP上引用

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

  7.视觉聚焦

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

  9.著建特色,从竞品中凸显差异化

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

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式