页面|APP设计模式之——引导设计( 二 )

三、弹出框弹出框，英文Popup Box，全称“弹出式窗口”，与“固定式窗口”相对应，指的是通过应用自身触发或者用户交互动作触发的，悬浮于原有页面上方的窗口式设计，触发后，用户可对其进行关闭，因此这是一种非全局的、只存在于特定状态下的设计，也因为这种特点，弹出框在最初经常被用于广告提示。
随着设计模式越来越规范，人们发现，弹出框的人机交互模式非常适合用于应用本身的提示和引导，逐渐普遍在互联网和移动互联网产品中普及。典型的设计是：弹出框口+半透明蒙版背景（增强视觉对比）。
对于现在的移动APP来说，对话框是一种最常见的引导设计。同时，也正因为无处不在，它也是最容易被忽略和摒弃的，我们可以用弹出框引导来实现：
消息/内容提示。如Pregnancy+和宝宝树孕育：

问题/错误提示。如icon和Wolters Kluwer：

内容详情。如阿里旅行（已更名为飞猪）和淘宝：

操作判断。如频果单词（右图）：

最佳实践：

保持弹出框文案简短；
确保弹出框内容可以在应用其他功能模块中访问到。

四、对话框对话框，英文Dialog Box，提起它时脑海里就浮现“聊天对话框”或“消息对话框”的样式，这是一种次要窗口，不能最大最小化、不能改变形状，只能用于简单的人机交流，如消息提示等。
对话框用于引导时，可以显示在屏幕任意位置，并且比弹出框更贴合操作情景。如千牛工作台和知乎：

点击页面内任意区域，即可关闭对话框。再比如Wave Analytics和Way of Life，后者更是在一个页面内，可同时存在多个提示：

最佳实践：

提示尽可能靠近指向对象；
内容要简短；
开始触发交互动作后（如触碰屏幕），提示要自动消失；
对话框整体颜色要和页面有所区分，对比鲜明。

五、空状态页面空状态页面，指的是内容为空的页面，常见于需要用户自己进行初始化配置、创建内容等的应用中，典型场景是用户刚安装应用并开始使用。当用户完成配置、创建内容后对“空状态”的页面进行覆盖。
而空状态页面引导，就是在空状态页面中加入引导式设计，增强用户体验。而空状态引导也被称为初次使用引导。
空状态页面引导一般由一种或几种元素构成：包括文字提示、表意插图、触发按钮等。这些元素往往将固化在屏幕设计中，并一直存在，直到用户执行交互操作，或被其他内容覆盖。许多笔记类应用，都是用初次使用引导去吸引用户添加内容。
我把空状态页面引导设计分为两种：被动型引导和主动型引导。
先介绍被动型引导。这种设计以空状态界面为典型应用，如Change和Finger：

为什么说它们是被动型引导，因为这个页面的提示信息对用户来讲，与其说是引导，还不如说是提醒，用户无法通过当前页面进行任何有效的相关的交互。Change只用文字告诉了用户当前页面状态（可能更大的作用是，页面上有这几个汉字，就不会让用户觉得当前页面出了什么bug，仅此而已）。