设计师必看|新手引导藏在这里

完成一次满意的电商购物,学会新游戏玩法或产品新功能,仔细观察不难发现在产品链路中有着各种引导设计
新手引导可以帮助产品树立良好的第一印象,帮助用户快速学习产品用法。根据传达目的与传达内容差异,新手引导衍生出多种形态,简单如引导气泡,复杂如游戏攻略。小编整理了常见的新手引导形式,从交互形式、影响力、干扰度几个维度进行介绍,原来新手引导可以藏在这。
新手引导类型分为前置引导过程引导两大类。
设计师必看|新手引导藏在这里
#01
前置引导:
介绍产品是什么
前置引导是指用户打开应用就扑面而来的引导信息。
前置引导常用于介绍产品是什么(产品愿景、核心特色、新功能)。展现形式可以是内容直接铺陈,也可以将内容包装成故事,用情感和痛点认同打动用户。
1. 引导页
干扰强 影响力小
引导页是最常见的前置引导方式,通过图文或者视频传达内容,设计感强的引导页会对品牌感有很大的强调作用。设计引导页需要注意精炼内容,减少用户进入产品的阻碍。微信8.0的引导页就用最朴素的文字诗做引导页,大道至简,符合微信的产品气质。
设计师必看|新手引导藏在这里
▲ 微信8.0引导页
2. 开屏页
干扰小 影响力中
开屏是轻量化、常态化的引导页。开屏通常展示产品的核心,开屏展示后自动进入到产品,不会引起用户反感。手机淘宝的开屏展示了slogan,配合特殊节日会有差异化拓展。
设计师必看|新手引导藏在这里
▲ 手机淘宝开屏设计
3. 登录页
干扰弱 影响力中
若产品必须登录,新手引导可与登录入口融合,不额外增加进入产品的门槛。例如Soul、探探的做法就是将产品特点用动图的形式展示在登录入口背景里,在宣传产品同时吸引用户登录注册。
设计师必看|新手引导藏在这里
▲ soul登录界面融合新手引导
#02
过程引导:
介绍产品怎么用
有一些新手引导会在使用产品的过程中出现,过程引导常用于介绍产品怎样用,指引功能正确使用方法过程引导灵活多变,需要设计师根据引导内容选取恰当的引导方式,并在合适的时机和位置给予帮助。
1. 覆盖式引导
覆盖式引导在用户打开新页面时覆盖在界面上,常见形式有弹窗气泡蒙层
弹窗引导  干扰大 影响力小
经常用于新功能描述和升级引导。由于弹窗引导很像广告,用户可能潜意识就关掉了;
 
气泡引导  干扰小 影响力大
是一种轻量级但目标性很强的引导方式,一般需要手动关闭。
设计师必看|新手引导藏在这里
▲ 弹窗和气泡
蒙层引导  干扰中 影响力大
在半透明蒙层上方对界面进行圈注,让用户聚焦引导内容不被页面其他元素干扰。如果需要介绍内容多,可以使用带步骤的蒙层;
设计师必看|新手引导藏在这里
▲ 蒙层引导和多步骤蒙层引导
2. 嵌入式引导
干扰小 影响力大
嵌入式引导将引导内容直接嵌入到界面,可以嵌入到状态栏、导航栏或主体信息流中,让引导成为产品的一部分。常见嵌入式引导形式有信息提示条空状态引导、和预置内容。信息提示条和空状态常用于异常状态提示,引导用户接下来可以做什么。
设计师必看|新手引导藏在这里
▲ 空状态、信息提示条
预置内容常见于工具类产品,可以让用户迅速上手操作,快速熟悉产品。例如flomo便签就是将便签基本功能介绍写在预置内容中,用户可以直观感知真实便签使用效果;同样千牛客服预置了行业常用的快捷回复,客服可以快速学习行业优秀回复话术,减少编辑成本。
设计师必看|新手引导藏在这里
▲ flomo便签、千牛客服快捷短语预置内容
3. 互动引导
干扰小 影响力大
互动引导是用户触发功能后出现的引导,指引用户完成后续操作行为。互动引导形式与触发操作紧密相关,例如下拉,滑动,按住等交互可触发不同形式的互动引导。最经典的例如探探左划略过右划喜欢,就是交友应用常见的互动操作,在向右滑动过程中“❤️”按钮上有呼应动效,引导用户继续喜欢操作。
设计师必看|新手引导藏在这里
▲ 探探喜欢标记交互
不同于常用软件的刷新引导,手机淘宝在首页下拉时匹配了两段交互操作,因此用户在下拉过程中能够看见两种互动引导。
设计师必看|新手引导藏在这里
▲ 手机淘宝首页下拉分段式互动引导
4. 对话式引导
干扰中   影响力大
对话式引导常用于收集信息,以对话形式自然互动逐步收集必须信息,比枯燥的表单录入更亲切。像是淘宝客服咨询结束时使用对话的方式引导用户提供客服评价。
设计师必看|新手引导藏在这里
▲ 淘宝客服评价引导
探探也在新注册用户录入信息时,使用对话引导的方式逐步完善信息填写,友善亲切。
设计师必看|新手引导藏在这里
▲ 探探对话式引导
5. 教学式引导
干扰大   影响力大
教学式引导常见于工具类产品和游戏,因为此类产品使用方法(玩法)有一定学习成本,需要通过直观的引导,甚至从浅入深的玩法设计,让用户循环练习直至掌握。例如开心消消乐的引导方式:前10关教学关,用户在引导下尝试到成功过关的“高峰体验”;游戏关卡设计循序渐进,让玩家逐渐接触新技巧,引导新用户成为专家。
设计师必看|新手引导藏在这里
▲ 开心消消乐的教学式引导

发布者:洛雪儿,转载请注明出处:https://www.qztxs.com/archives/product/6457

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年5月13日 下午8:29
下一篇 2022年5月13日 下午8:46

相关推荐

  • 早上买咖啡的时候,我发现了一个可以常用的思维训练方法

      我们在排队的时候,最关心的是什么。很多人都用过美味不用等,或者是高峰期时各餐馆的叫号。 这时候,我们最关心,啥时候到我?我要排队多久?如果要半个小时以上,我是不是可以干点别的再回来。大部分软件都是一个估算的时间。由于时间的不确定性容易让你考虑是不是换一家比较好。如果决定继续排队,怕错过只能干等。有的商家为了解决排队问题,也想了很多办法,常见的就...

    2022年6月14日
    2000
  • 设计师必看 | 无障碍设计

    无障碍设计作为一种设计理念,最早是联合国组织在1974年提出。核心主张是为具有不同程度生理伤残缺陷及正常活动能力衰退的人(残疾人、老年人)设计满足其使用需求的公共空间环境及建筑设施、设备,以营造一个充满爱与关怀、切实保障人类安全、方便、舒适的现代生活环境。 除真实生活环境,电子设备及网络也成为现代人生活中不可或缺的部分,今天更多强调的是“包容性设计”,每个正...

    2022年5月13日
    2300
  • 产品工具书|9-如何确定需求优先级?

    △ ▴这是产品工具系列第9篇。             不知是与你相识的第几天。     感谢你一直努力的姿态  谢谢 你的来信 如此,我才知道,于你有用 感动 我的坚持,可以被认可和接纳 如此,我知道了 这不是一颗黑暗中的孤星     Part.1 话题背景 &nbs...

    2022年6月14日
    5700
  • 产品工具书|10-产品的用户行为数据如何分析?

      走过路过不要错过 点击蓝字关注我们   △ ▴ 产品工具系列第10篇。   Part.1 话题背景   我们常常对客户承诺说,可以利用用户相关行为轨迹做出用户的行为趋势,对企业或者相关用户做出相关行为引导,从而达到盈利目的,但用户对行为数据,该如何分析? Part.2 应用场景   需求分析、产品迭代、产品设计、产...

    2022年6月14日
    3400
  • 设计师不怕绿,大作色彩搜索正式上线!

    今年应该没有哪个颜色能像绿色这样让人又爱又恨了, 大家一边祈祷绿马常在,一边担心股市变绿, 这道绿光简直不要太难驾驭。     但谁能想到,有一种绿更是成为了今年设计圈炙手可热的流行色! 今天,就让我们一起来聊聊这个2023年度色彩趋势中的新颜色——仙人掌绿(#8D998A) 仙人掌绿从名字就能看出,这是一个灵感来自于大自然的绿色调,让人能够在绿色中看到黄色...

    2022年4月7日
    3500

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信