app引导页&各类弹窗
2021-11-28 23:30:40 1 举报AI智能生成
几种app引导页和弹窗的产品设计
作者其他创作
大纲/内容
app引导&弹窗
app弹窗（http://www.woshipm.com/pd/1153385.html）
轻度提醒-自动消失，用户无需任何操作
toast
底部
顶部
hud
中度提醒-不自动消失，用户不需要选择，可以忽略
提示对话框Snackbar
Snackbar出现在页面底部
Snackbar跟Toast一样是有时间限制的，即使用户不进行回应，弹窗出现一段时间后也会自动消失
作为提醒或消息反馈来用，一般用来显示操作结果，另外可以提供一个功能按钮给用户选择使用。
提示栏
提示栏可以在页面上部也可在底部
与提示对话框的区别在于，它是内嵌在页面上的
子主题
浮层
浮层可能出现在画面各处
重度提醒-用户需要勾选或选择
对话框Dialog
对话框一般出现在页面中间
使用Dialog，功能按钮最好只有两个，让用户选择“是”或“非”的功能操作。
信息下发类
版本更新通知
授权通知
营销活动类
信息提交类
功能框Actionbar
功能框一般出现在页面底端
一般被设计用来向用户展示多个功能按钮选择
操作菜单（iOS叫Activity Views）
操作栏（iOS叫Action Sheets）
用户引导
引导新用户使用产品，目的是帮助用户更快地熟悉产品特点和操作，传递产品的价值，从而提升用户活跃度和留存率。
使用场景
“引导页”引导时
对于新装机且未进入过APP用户，启动后会进入新用户引导过程
新用户引导时
在用户第一次进入某个界面或使用某个功能时，会进行位置、功能的引导
常见新手蒙层引导
吸引用户目光时
有些功能是产品强烈希望用户去点击使用的，这时会使用一些动态效果或与众不同的样式引导去获得用户的关注
如樊登读书app的签到icon，随着手机晃动而晃动
功能触发时
当使用某些功能时会触发相应的操作引导，主要是预判用户的下一步操作行为或者希望用户接下来的操作行为
如微信发送语音时提示上滑可取消，淘宝app截图时自动跳出分享浮层
引导类型
探索型
对话/情节式
主要应用于游戏产品，通过对话或小视频展开故事铺垫，推动游戏进程
新手奖励任务
通过新手任务获得奖励来诱导用户探索产品功能
焦点式操作引导
以动态为主，会有很强的视觉效果，很容易成为整个界面的焦点
气泡/弹框引导
弹窗引导属于强阻断性的，需要用户点击才会消失
气泡引导
是所有引导方式中最轻量的引导，属于非模态，一般几秒后就会消失
一般会出现在用户初次进入页面时，它的表现形式是在操作按钮旁边弹出一个气泡提示框
常用于以下场景：告知用户有新功能上线、引导用户使用核心功能、或告知用户一些隐藏菜单的内容
教学型
静态引导页
通过3-5屏静态图片界面来展现产品特点
动态引导页
以视频/动画/GIF为主，通过动态形式展示产品特点或功能操作
结合场景的教学式引导
最复杂，体验感最强
让用户参与进来，边学边用，并及时给予积极的反馈，提供给用户继续尝试动力的同时，加深了用户对产品特点的认知
多用于工具类和游戏类产品
空状态引导
在空状态的界面上，加以正确的指引，推动用户进行下一步操作
蒙层引导
应用场景广泛，有单页和分步引导，通过蒙层和文字说明，让用户了解功能位置及特性，减少用户摸索时间
单页引导
比如：在展示新功能、说明界面中功能位置的改动、讲解操作方式、体现特定的手势交互划分说明界面的整体结构等等
分步引导
这类引导方式常用于界面相对复杂或完整交互流程比较长的工具类产品，带领用户快速了解每个功能的收纳位置，或让用户以最短路径完整体验一遍操作流程
0 条评论
回复 删除
下一页
