你了解引导页吗?

1 引导页类型

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

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

2 引导内容

7±2效应:一个人的短时记忆至少能回忆出5个字,最多回忆9个,即7±2个。因此展示的文案要控制在9个字以内,超过后用户容易遗忘、出现记忆偏差。如果表达起来困难,可以辅助一小段文字进行解释或补充。

建议将引导页采用纯色简单直接,尽量和主界面构架形式一直,让用户有快的感觉,有些工具型应用的引导页单屏滚动多在0.5秒内。如果应用功能主要是在横屏的情况下完成,建议引导页以横屏方式呈现,以引导用户提前切换手持设备姿势,快速进入到你的应用界面中。

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

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

4 场景模拟,在用户最需要的时候弹出最符合的用户流畅性。

5 视觉聚焦

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

6 表现形式有特色

增加页面动效,利用动效,包括放大、缩小、平移、滚动、弹跳,表现形式更加多样化,会让引导页更有趣,注意力更为集中。

时间: 2024-10-29 15:19:48

你了解引导页吗?的相关文章

推荐4个Android引导页控件

Guideshow 快速实现引导页, 2015-08-03 更新 CircleIndicator 一个轻量级的viewpager指示器 ,类似于nexus5 启动器的效果 2015-08-02 更新 XhsWelcomeAnim 小红书欢迎引导第二版 2015-07-10 更新 AppIntro 非常简洁.漂亮的引导页控件,使用简单 2015-07-07 更新 http://www.see-source.com/androidwidget/list.html

添加数据储存(上一节引导页的问题)

1. 一般的APP都是,最开始启动的时候走引导页,下一次启动的时候就不走引导页,直接就到主页.为了实现这个功能. 这个里面的代码是基于 ViewPager实现引导页 这个来实现的. 创建 Welcome.java 欢迎Activity public class WelcomeAct extends Activity { private boolean isFirstIn = false; private static final int TIME = 2000; private static f

ViewPager实现引导页

1. 要使用ViewPager,必须要创建 PagerAdapter. 这里创建一个 ViewPagerAdapter来继承PagerAdapter public class ViewPagerAdapter extends PagerAdapter{ private List<View> views; // 我们引导页的list private Context context; // 上下文 public ViewPagerAdapter(List<View> views, Co

如何做好App的引导页?(转)

http://uedc.163.com/12264.html 当你第一次打开一款应用的时候常常会看到精美的引导页设计,它们在你未使用产品之前提前告知你产品的主要功能与特点,第一次印象的好坏会极大地影响到后续的产品使用体验.因此各个公司都在努力将这几个页面设计好,从一开始就引人入胜.那接下来我跟大家一起来探讨关于引导页的设计. 一. 目的区分 根据引导页的目的.出发点不同,可以将其分为功能介绍类.使用说明类.推广类.问题解决类,一般引导页不会超过5页. 1.功能介绍类 功能介绍类引导页主要是对产品

Android用户引导页实现,圆点实现动画效果

当前市面上比较流行的应用,用户引导页已经是一个必不可缺的功能点了,简单的介绍下应用的基础功能或者版本升级功能点介绍. 那么常用的用户引导页是如何实现的呢?这篇文章就说说我个人用到的,并且觉得使用不错的效果. 1.首先定义布局文件guide_layout.xml文件,主要使用ViewPager做页面显示,使用一个圆点布局显示圆点,圆点根据图片数目动态添加. guide_layout.xml文件的代码如下: <?xml version="1.0" encoding="utf

【安卓】判断&quot;全新安装初次打开、升级后初次打开、第二次打开&quot;,比如可用于判断是否应显示&quot;引导页&quot;、!

思路: 1.基于SharedPreferences,每次打开时,根据上次打开时记录的版本即可区分此次打开的情形. StoredData.java: 1.Application.onCreate中调用StoredData.getThis().markOpenApp();即可.其他位置就可以根据getLaunchMode判断打开类型了. package com.example.test; import android.app.Application; import android.content.S

html5跟随鼠标炫酷网站引导页动画特效

html5跟随鼠标炫酷网站引导页动画特效一款非常不错的引导页,文字效果渐变,鼠标跟随出绚丽的条纹.html5炫酷网站引导页,鼠标跟随出特效. 体验效果:http://hovertree.com/texiao/html5/ 效果图: 以下是源代码: 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Co

Android引导页设计

大家在安装好一个应用后,第一次打开时往往会出现一个使用引导页,形式一般为三.四张图片,随着我们的滑动进行切换,在最后一页会有一个进入应用的按钮,我们通过点击这个按钮可以进入应用,其实这其中没有太多的复杂的地方,切换的完成就是一个ViewPager,说了这么多,下面开始为大家解读代码: 开始我们的设计之前我们需要做一些准备工作,首先我们新建一个工程,然后选择工程通过右键单击properties,然后选择Java Build Path,点击右侧Libraries,再点击Add jar,将我们工程li

Android ViewPager欢迎页+引导页+进入首页

1 import android.app.Activity; 2 import android.content.Intent; 3 import android.content.SharedPreferences; 4 import android.content.SharedPreferences.Editor; 5 import android.os.Bundle; 6 import android.os.Handler; 7 8 /** 欢迎界面 */ 9 public class Wel

制作引导页[2]

第二种制作引导页的方式,是直接在AppDelegate.m方法中进行的,在AppDelegate方法中,当视图控制器变得可视化的时候时候,我们就把引导页添加上. 效果还是一模一样的哦,只是比第一种方法更好而已:) 源码: // // AppDelegate.m // Show // // Copyright (c) 2014年 Y.X. All rights reserved. // #import "AppDelegate.h" #import "RootViewContr