为啥我的APP功能引导设计这么low?如何做好功能引导设计?

2023-05-16

功能引导设计历史版本
Level1 APP第一次打开的浏览页
展示主要功能及简单使用方式;
Level2 引导流程页
使用?方式在界面右上角,点击后展示使用流程详情;
Level3 蒙层
可以有上一步、下一步、跳过,每个页面有简单的当前页功能介绍;
Level4 预加载任务引导
(预加载任务是指在用户进入产品后,自动为用户创建了一些和产品形态相关的示例,而不是留给用户一个空页面。在引导的同时突出了产品的特色,借用本身的形态让用户沉浸在产品的真实场景中去学习,在后续产品的使用中上手速度更快。)
Level5 教学式引导
(教学式引导会结合产品实际使用场景,一步一步地引导你进行操作,鼓励用户参与其中,边学边用。这种方式很容易让用户沉浸其中、快速学习,并且因为有及时的操作反馈,所以用户很容易获得强烈的成就感。)
用户完成引导中的任务或操作时,给予用户及时的反馈,或者对用户进行鼓励,带给他们成就感。比如:可以给出较为夸张的赞美式反馈,如果是有涉及消费的产品可以以代金券、优惠券的形式给用户奖励。在设计比较长的引导任务的时候记得要“用最短路径让用户获得最好的成果”,让用户产生“哇!我这么厉害!”的感觉。
可参考“王者荣耀”新手引导的操作任务,让用户根据练习游戏的引导,一步步操作游戏,每次完成一小步任务时给与夸张的语音鼓励。

为新手用户做好引导到底价值在哪里?

从需求方(用户)的角度看

1、降低学习成本、提升上手效率;
2、解决使用问题,更好地完成目标任务;

从供给方(tob企业)的角度看

1、宣扬产品价值和竞争差异点,刺激拉动用户投入更多的时间和精力使用产品;
2、帮助用户更好更流畅的达成目标、传递产品价值,有助于用户留存和口碑传播。

什么时候做、做什么以及怎么做

一、从0开始接触本系统

用户情况:在用户首次接触产品时,及时地给出相应的引导内容来满足其此时的需求。

1、强调产品价值,通过刺激用户的痛点和利益点,激发其体验产品的动力和主观能动性;
2、提前给出核心场景的上手路径和方法,让用户对学习成本有预期和进行心理减压;
3、提供充分宽阔的探索尝试空间,注意避免太强硬的指引(想象父母絮絮叨叨教你做事的感觉)

1.1 滑动引导页
文字简洁有力,图示为主
内容强调价值和差异化
控制在3-5屏以内
有醒目的跳过/关闭按钮和进度条显示

1.2 蒙层引导
文字和内容简洁
步骤数控制在3-5步以内
大面积蒙层部分支持点击跳出
有醒目的跳过/关闭按钮和进度条显示

1.3 预设任务型引导
提炼核心任务流程,简单、符合认知
任务置于醒目位置,但不要过于强制
凸显任务价值和有吸引力的激励制度

1.4 缺省空白处引导
示例数据贴合实际线下场景
搭配轻松有趣的图示和文字以缓解空白焦虑
尽可能给出行为指引,方便快速开始上手

二、开始尝试使用某一功能

用户情况:产品上线了新功能

该新功能的价值大小、够不够吸引
学习成本和使用成本(辅助内容)

2.1 弹窗引导
内容需要凸显价值和吸引力(很多产品没有做到)
提供功能跳转,方便快速开始上手

文字简洁、图示为主
蒙层部分提供跳出

2.2 蒙层引导
参考1.2
2.3 缺省空白处引导
参考1.4
2.4 预设任务型引导
同一,但引导场景更偏向于具体的某一新功能
2.5 气泡引导
气泡引导的特点就自然对应为弱引导、低打扰、不醒目。
偏向于那些不需要过度打扰到用户的引导,只需要在用户所需时进行弱提醒即可。

设计要点:
通过阴影/颜色对比区分出层级,避免和原页面混为一体
文字简洁
注意气泡数量和出现时机把控
提供关闭按钮

三、使用功能期间

用户情况:有一定能力完成新任务。
需要帮助满足用户的核心关注点在于:

当用户需要时及时提供场外援助,让用户放心的探索每一步
提供清晰的前后流程路径,方便用户反悔,降低出错后需要重来的成本

3.1 气泡引导
当用户首次在流程中的某一步卡住,系统判断其停留过久、操作频繁报错、提交频繁失败的情况下,此时可以通过气泡进行弱提醒,帮助用户寻找问题并找到解决方案。
原因:既能够帮助用户解决问题,同时也保护了用户的自尊心,使其仍旧保持一种大部分问题由自己独立解决的成就感。
设计要点同2.5

3.2 产品Q&A知识库
常驻式的引导方式,当用户遇到问题时,如果他希望获得一个系统性的全面解答,那么这时候需要建立起一个产品的Q&A知识库,在用户使用系统期间随时随地都可以前往查询。
设计要点:
常驻显示,供随时随地查询
点击后新开标签页,以避免影响当前流程
内容结构有条理,符合用户分类认知

3.3 客服IM中心
在产品初期,客服中心似乎是显得最简单的一个,但当产品逐渐步入正轨之后,如果要做到即时响应、即时解决问题,其实成本是很高的;某种程度上来说,如果在客户需要帮助的时候难以即时快速响应,那么还不如不做。做一个客服IM中心意味着你不仅需要实时在线的客服同学,还需要他们全都具备产品的全部Q&A知识库,那么这里的培训也就存在着一定的成本。
因此,小公司一般很少做客服中心,而中大型公司则是机器人+人工客服2种形式结合来进行,因此在做之前,需要结合用户体量和公司成本来统一进行决策。

设计要点:

常驻显示,供随时随地咨询
机器人和人工客服结合最佳

四、使用功能之后

当用户成功完成一次任务流程之后,我们需要从系统供给方的角度给予用户奖励和认可,这种暗示型的引导能够有效强化用户信心,让其拥有继续尝试新功能的勇气。因此,此时的引导通常都是以弹窗的强引导方式给出,以强化用户成就感。
用户奖励可以只是从内容上给予肯定,也可以考虑是金币/积分等营销型的奖励,具体奖励形式自行视产品情况而定
我们也需要在用户完成当前流程之后,猜测其下一步流程大概率要做什么,并在对应弹窗上及时给予下一步的路径引导,方便用户无缝衔接式的完成一次又一次的产品任务,提供流畅而智能的用户体验。
产品做新手引导不能抱着一种“我都是为你好”的态度,而是要站在用户的角度去考虑他的的需要程度和时机,最好能在用户恰好心里想要帮助的时候提供引导,而不是每一步都自以为是地提供指引,否则只会适得其反,给用户带来一种不被尊重信任的感觉。

最关键的是我们需要把产品设计到能够自解释的程度,就像一本书籍,如果非要另辟蹊径引用一些常人难以理解的生涩例子,那只会让读者时不时地被岔开思路、影响阅读体验和对书籍的深入理解。因此,通过产品逻辑层和表现层的良好设计,让用户在不经外部引导的情况下快速上手,这才是最好的新手引导。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为啥我的APP功能引导设计这么low?如何做好功能引导设计? 的相关文章

  • cmakelist 寻找opencv

    我猜测可能是因为我修改opencv的默认安装路径 xff0c 导致这个问题 xff0c 于是百度CMakeList txt该如何修找opencv4的库 slam十四讲里面 xff0c CMakeList寻找opencv4库的语句 xff1a
  • git clone early EOF解决方法

    在git clone时经常会遇到 early EOF这种错误 fatal The remote end hung up unexpectedly fatal early EOF fatal index pack failed 一般出现这种错
  • opencv检测矩形

    参考 xff1a 使用OpenCV检测图像中的矩形 知来者逆的博客 CSDN博客 opencv检测图像中的矩形 1 得到原始图像之后 xff0c 代码处理的步骤是 xff1a xff08 1 xff09 滤波增强边缘 xff08 2 xff
  • 模型大小 与参数量计算

    1 model size 就是模型的大小 xff0c 我们一般使用参数量parameter来衡量 xff0c 注意 xff0c 它的单位是个 但是由于很多模型参数量太大 xff0c 所以一般取一个更方便的单位 xff1a 兆 M 来衡量 比
  • 多传感器融合track fusion

    这个讲的不错 xff1a 第六篇 无人驾驶的sensor fusion和多目标tracking 知乎 题图来自matlab公开课 sensor fusion and tracking 侵权删 但凡目前自动驾驶公司的一线工程师 xff0c 或
  • windows software develop kit 安装卸载笔记

    windows software develop kit 是visual studio 的开发工具库 安装 xff1a 打开Visual Studio Installer中 xff0c 1 Visual Studio Installer所在
  • px4flow智能光学流动传感器

    PX4Flow 是一款智能光学流动传感器 传感器拥有原生 752 480 像素分辨率 xff0c 计算光学流的过程中采用了4倍分级和剪裁算法 xff0c 计算速度达到250Hz xff08 白天 xff0c 室外 xff09 xff0c 具
  • Spring源码之ConfigurableEnvironment Environment ConfigurablePropertyResolver PropertyResolver

    PropertyResolver xff1a 接口以解析任何底层资源的属性 boolean containsProperty String key 返回给定的属性KEY是否可用于解析 xff0c 如果给定密钥的值不是NULL String
  • pyqt setStyleSheet用法

    设置背景 xff1a self content splitter setStyleSheet 34 QSplitter handle background lightgray 34 设置padding self detailFrame pi
  • [音乐] 随遇而安

    黄霑真的很适合唱这种充满了江湖气息的歌 xff0c 这首歌的经典程度不亚于 沧海一声笑 有兴趣的自己搜来听听吧 人外有人山外有山 不怕拼命怕平凡 有得有失有欠有还 老天不许人太贪 挺起胸膛咬紧牙关 生死容易低头难 就算当不成英雄 也要是一条
  • 视觉SLAM十四讲(一)基础知识

    SLAM是Simultaneous Localization and Mapping的缩写 xff0c 中文 同时定位于地图构建 双目SLAM的距离估计是比较左右眼的图像获得的 xff0c 非常消耗计算资源 xff0c 需要使用GPU和FP
  • E-R概念模型

    E R 概念模型 1 信息的现实世界 我们要管理的客观存在的各种事物 事务之间的相互联系及事物的发生 变化过程 1 实体 Entity 现实世界中存在的可以相互区分的事物或概念称为实体 2 实体的特征 Entity Characterist
  • 数据库设计说明书参考模板

    数据库设计说明书参考模板1 xff0e 引言 1 1 项目名称 1 2项目背景和内容概要 xff08 项目的委托单位 开发单位 主管部门 与其它项目的关系 xff0c 与其他机构的关系等 xff09 1 3相关资料 缩略语 定义 xff08
  • 事件的简单解释:

    事件的简单解释 事件是对象发送的消息 xff0c 以发信号通知操作的发生 操作可能是由用户交互 xff08 例如鼠标单击 xff09 引起的 xff0c 也可能是由某些其他的程序逻辑触发的 引发 xff08 触发 xff09 事件的对象叫做
  • .Net中把图片等文件放入DLL中,并在程序中引用

    摘要 有时我们需要隐藏程序中的一些资源 xff0c 比如游戏 xff0c 过关后才能看到图片 xff0c 那么图片就必须隐藏起来 xff0c 否则不用玩这个游戏就可以看到你的图片了 xff0c 呵呵 本文就讲述了如何把文件 xff08 比如
  • VB中如何保存图片到 Sql Server中,又如何读取出来??

    Const BLOCKSIZE 61 8192 Public Sub SaveToDB ByRef Fld As ADODB Field DiskFile As String Dim byteData As Byte 39 定义数据块数组
  • 在Vf中如何将Excel数据导入(用Vf来导)?

    请大侠们赐教 使用import命令 xff0c 如 xff1a IMPORT FROM 表1 xls TYPE xls 将表1 xls导入为表1 dbf 点击 文件 xff0d gt 导入 xff0d gt 类型选择 xff1a Micro
  • 3.3 生产管理系统需求分析

    根据以上对生产管理内容和生产管理系统的分析 xff0c 一个标准的MRP生产管理系统应该包括如图3 12所示的几大功能 除此之外系统还应包括信息系统必须具备的通用功能 xff0c 例如系统管理 权限设置 数据备份与恢复等 xff0c 这些功
  • Spring源码之事物注解@Transactional原理(源码层面)

    官方文档地址 xff1a https docs spring io spring docs 4 3 21 RELEASE spring framework reference htmlsingle transaction 我翻译的地址 xf
  • 設計公司軟件開發需求分析流程

    工作流程 一 平面设计客户合作流程 信息收集 1 客户提出工作要求 2 客户提供相美文本及图片资料 公司介绍 项目描述 基本设计要求 提案 1 双方就设计内容进行协商 xff0c 修改 补充 xff0c 以达成共识 2双方确定设计具体细节及

随机推荐

  • DBcontext应用于已存在数据库

    EF4 1有三种方式来进行数据操作及持久化 分别是Database First Model First Code first xff0c 前面都已经简单介绍过了 下面简单小结一下 xff1a 1 Database First 是基于已存在的
  • 没有为该对象定义无参数的构造函数(MVC 之DefaultControllerFactory 依赖注入)

    Asp net mvc2中提供很多可以扩展的地方 xff0c 利用这些扩展之后 xff0c asp net mvc使用起来更加灵活 Simone Chiaretta曾写过一篇文章 xff1a 13 ASP NET MVC extensibi
  • Entity Framework 学习总结之一:ADO.NET 实体框架概述

    ADO NET 实体框架概述 新版本中的 ADO NET 以新实体框架为特色 它使开发人员可以通过对象模型 xff08 而不是逻辑 关系数据模型 xff09 专注于数据 实体框架有助于将逻辑数据架构抽象为概念模型 xff0c 并且允许以多种
  • Entity Framework 学习总结之四:对象服务介绍使用

    System Data Objects System Data Entity dll 该命名空间包含一些类 xff0c 用于提供对 对象服务 的核心功能的访问 这些类使您可以藉由作为实体类型实例的强类型 CLR 对象来查询 插入 更新和删除
  • Entity Framework 学习总结之四:对象服务介绍使用

    System Data Objects System Data Entity dll 该命名空间包含一些类 xff0c 用于提供对对象服务的核心功能的访问 这些类使您可以藉由作为实体类型实例的强类型 CLR 对象来查询 插入 更新和删除数据
  • 未执行的URL(MVC异常)

    昨天开始就碰到在IIS里面通过URL无法直接访问到图片 xff0c 提示错误 xff0c 所以经过研究发现 xff0c 合理的配置节应该如下 先改成集成模式 xff0c 然后再改成经典模式 lt system webServer gt lt
  • PIX学习路径-1-选择PIXHAWK作为飞控学习的起点

    xff08 先声明出处 xff1a http blog csdn net qq 21842557 article details 52214425 xff09 创业领域现在最火爆的是什么 xff1f 无疑是机器人和无人机 越来越多的巨头和V
  • PIX学习路径-3-PIXHAWK二次开发之前需要知道的事

    现在作为一个consumer xff0c 能够实现将飞机装配 xff0c 使用MP进行固件烧录 xff0c 初始化校准 xff0c 然后还能够调节PID xff0c 这样算是一个合格的consumer了 xff0c 现在希望对PIXHAWK
  • Java面试题全集(上)

    2013年年底的时候 xff0c 我看到了网上流传的一个叫做 Java面试题大全 的东西 xff0c 认真的阅读了以后发现里面的很多题目是重复且没有价值的题目 xff0c 还有不少的参考答案也是错误的 xff0c 于是我花了半个月时间对这个
  • Netty学习:Channel及其内部接口Unsafe

    连接到网络套接字或组件的一种连接 xff0c 它能够进行I O操作 xff0c 如读 写 连接和绑定 通道为用户提供 通道的当前状态 例如是否打开 它是连接吗 通道的 64 linkplain ChannelConfig配置参数 如接收缓冲
  • 拥抱开源

    使用linux ubuntu 已经一个月多了 xff0c 偶尔用windows是因为要改vb delphi net的程序 在linux下 xff0c 似乎多数软件都是开源的 xff0c 免费的 如今我算是终于义无反顾的走上了这条路了 jav
  • STM32 | C语言对寄存器的封装

    说明 xff1a 这里以GPIO外设为例 xff0c 介绍C语言对寄存器的封装 以此类推其他外设同样可以用这种方法来封装 本文有两部分构成 xff1a 1 介绍宏定义 2 使用结构体封装寄存器列表 1 宏定义 以封装STM32 GPIOH为
  • Intel CPU(i3、i5、i7、i9)型号、性能详细解读

    一 Intel CPU的性能比较 xff1a 它们分为高中低端 xff0c 最低端的G系列 xff0c 然后是低端i3系列 xff0c 中端i5系列 xff0c 高端i7系列和至尊i9系列 Intel CPU 末尾字母含义 xff08 M
  • 字符串搜索函数

    一 字符串中找字符 char strchr const char s int c 表示从左边 开始找这个字符第一次出现的位置 char strrchar const char s int c 表示 从右边 开始找这个字符第一次出现的位置 注
  • 4. Service

    4 Service k8s 中的Pod是朝生夕死的 xff0c 并且是不会重生的 xff0c 尤其是在ReplicaSets中动态创建或销毁Pod 然而每个Pod可以获取自己的IP地址 xff0c 即使这些IP地址是不稳定的 xff08 重
  • STM32 Free RTOS实战

    FreeRTOS是一个开源的实时操作系统 使用的平台 xff1a 秉火STM32 Cortex M3内核开发板 xff0c Free RTOS v8 2 3 多任务流水灯 span class token builtin class nam
  • 参考 | 升级 Win11 移动热点开不了或者开了连不上

    讲道理 就很离谱 一开始我升级了 Win11 后 突然发现 移动热点 开不了了 就是那种 开了之后 手机 ipad 能检测到电脑移动热点的信号 但是会出现这两种情况 死活连不上连上了 在移动端显示 无互联网连接 解决办法 打开 移动热点 打
  • 在 Linux 上安装和使用恶意软件检测工具 LMD

    在 Linux 上安装和使用恶意软件检测工具 LMD xff0c 是个相当简单的过程 xff0c 1 下载资源 wget http www rfxn com downloads maldetect current tar gz 2 解压缩资
  • Docker 使用Dockerfile创建镜像

    基本结构 Dockerfle 由 一行行命令语句组成 xff0c 并且支持以 xff03 开头的注释行 一般而言 xff0c Dockerfle 主体内容分为四部分 xff1a 基础镜像信息 维护者信息 镜像操作指令和容器启动时执行指令 e
  • 为啥我的APP功能引导设计这么low?如何做好功能引导设计?

    功能引导设计历史版本 Level1 APP第一次打开的浏览页 展示主要功能及简单使用方式 xff1b Level2 引导流程页 使用 xff1f 方式在界面右上角 xff0c 点击后展示使用流程详情 xff1b Level3 蒙层 可以有上