火星网校
UI设计进阶!9种UI设计中的用户引导方法
发布时间：2024-03-10 19:14:39 浏览量：251次
我是上元教育·上元喵
立志承包你一生的职业培训！
喵喵与你一起吐槽、一起努力，一起成为更好的自己！
-------这是充满梦想的分割线-------
用户引导，在生活中随处可见。医院的科室指向标、交通警察的指挥手势、男厕内为了达到“精准射击”的小苍蝇……
然而，当我们看到不知是该“推”还是“拉”的门把手、看不出状态的开关、摸不清头绪的指示标，便会产生迷惑甚至焦躁。
引导是通过某种手段或方法，干预目标对象的决策和发展，促使其更快地接近目标。
一、用户引导的目的
从用户的角度来说：降低学习成本，迅速上手使用产品；告知有价值的信息，减少时间和精力开支；提前预知帮助，愉快的学习使用产品。
例如App Store的精华产品Paper，作为绘图软件它的交互建立在很多特殊手势之上，还定义了一些带有品牌特色的操作规范。要知道用户没有多少时间和耐心去摸索一个完全陌生的产品，因此Paper为用户使用初期做了大量的引导。
二、用户引导三要素
如何做引导设计？
目的：
我们想达到的目标是什么？
用户能从中得到什么好处？
我们能从中得到什么好处？
用户：
目标用户是谁？
新用户还是老用户？
活跃用户还是轻度用户？
场景：
被引导对象的使用场景是怎样的？
需要在什么场景下触发？
三、引导的9种形式
引导页通常是APP下载/更新第一次打开后，来向用户展现产品中的功能和操作方法。
通常用户对信息吸收的效率并不高，用户更希望赶紧体验产品而不是看这些教导。
因此引导页的数量一定不要过多，页面简明扼要、中心明确才是王道。
1、toast提示
toast是一种极为轻量的提示方式，通常作为功能操作后的反馈。
toast出现的时间都很短，不要指望用户能真正注意到你在讲什么。因此不要将其用作重要对象的引导形式，大多是可有可无或是会反复出现的，其次语言精练也是必要的。
2、页面遮罩
遮罩式引导为一种比较强势的引导。
通过直接盖住界面来强调当前需要引导的内容。
3、气泡/浮层
气泡/浮层式引导是一种量级轻但是目的性很强的引导方式。
一般是半透明浮层结合文案的设计模式。
4、嵌入式（局部嵌入/整体嵌入）
嵌入式引导分为局部嵌入和整体嵌入。
局部嵌入就是在当前页面内容上增加引导提示。
5、操作示意
操作示意较常采用简短的动画向用户展示操作方法。
也不乏静态图片配以描述的方式。
6、互动式引导
互动式引导通常比较隐蔽，是在用户与产品之间互动的过程中引导用户完成操作。
7、弹窗
与遮罩式相同，弹窗也能达到很强的引导效果且对当前操作具有很大的阻断力。
8、激励引导
激励引导常见的有任务激励和榜样激励
任务激励是通过让用户做特定的任务从而获得相应的好处，是APP拉新、促活惯用的方法。
榜样拉新则更偏向心里战术，比如给自己的偶像打榜，激发起人性的好胜心通过购买数量的多少来表达对TA的热情。
9、自体变形
自体变形是元素自身发生改变，可以是纯视觉上的也可以配合动画效果。它没有额外增加其他元素，也不会像膏药一样覆盖在页面上，只是通过效果变化达到与同组的其他元素作区分。
四、用户引导的4个注意
1、保证引导的有效性
用户引导是对产品内容以及形式的辅助说明，存在即要有意义。
2、触发场景准确
用户在浏览/操作时都有一定的使用场景，根据场景触发相应的用户引导，保证在用户需要的时候出现引导，才能达到接受度的最大化。
3、简单易懂，突出核心
不论什么类型的引导，它们的目的都是为了让用户更好得去使用产品、减低认知和摸索学习的门槛。复杂繁琐的内容会给用户带来压力进而失去耐心，也很容易就被遗忘。
4、与产品基调一致
用户引导的视觉风格、语言表达要与产品定位、产品理念相一致。因地制宜的前提下保证全局的一致性，切记没有克制地随意发挥。这样的好处是可以让用户在看到引导的时候对产品有一个大致的基调认识和感受。
用户引导是什么：是在对的时间遇到对的你~~
关于上元教育
--------------------------
我们是有思想有温度的职业教育培训机构。
会计丨设计丨建工丨资格丨外语丨学历
关注我，每天干货、趣闻、高质量内容等你哟~
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
大家今天走运了,我就把自己总结出来的学习UI设计的一些经验与大家一起分享吧。想做一个好的UI设计师除了应该具有一定的审美能力,还要了解整个产品的...
最新文章
