杭州UI设计学习|引导的使用及分类

　　1.页面遮罩引导

　　页面屏蔽引导相当于升级了气泡引导样式。不同的是，页面上方增加了黑色半透明蒙版层进行蒙版，引导的下方内容被挖空。在面膜中加入互动手势、文字信息或插图进行辅助讲解。用户需要手动点击“下一步/跳过/关闭”按钮来操作其他内容。

　　这种新手引导最大的好处就是可以把视线集中在当前引导的功能描述上，保证用户不会被其他信息打扰。基本上是下载或更新后第一次打开应用时出现，可以显示一个或多个(顺序引导)。信息传递的有效性非常高。

　　需要注意的是，内容介绍一定要和引导的位置很亲密，关闭按钮要明显易操作。当有多个引导时，需要同时提供“下一步”和“跳过”按钮。有一些老用户是第二次下载或者是为了更新版本，根本不需要新手自举。如果每次都要一个一个点，对老用户来说不是帮助就是干扰。

　　2.对话框启动

　　对话框是一种强引导，通常出现在用户即将使用的某个功能在使用过程中受到限制或主动求助时。这对用户是有实际帮助的。对话框的出现还是会打断用户的操作，尤其是自动触发弹出的时机要合适，弹出不及时或者提前打扰用户都会有负面影响。对话框引导将由系统自动触发，或者由用户在适当的时候主动触发。

　　①系统自动触发。

　　例如，当用户需要使用某项功能时，系统自动弹出用户需要升级到新版本或完成任务才能体验，并为用户提供了直达目标的快捷方式。另外，视频应用的付费电影可以免费体验5分钟。时间到了，系统会自动暂停播放，弹出付费频道，引导用户转换。

　　②由用户手动触发。

　　这种引导会有一个操作入口，可以通过按钮、“问号”图标或者文字超链接(说明/指令/帮助)来提示...)，用户可以随时点击调出指导说明。例如，用户在应用中主动开启设备的通知和定位权限，在激活信用卡时保留手机号码的文字描述或卡片背面的CVV/CVC图形说明。

　　3.气泡提示制导

　　这是一种重量轻但方向性强的制导方法。它的表现形式是在需要的位置弹出一个带有尖角的气泡容器，并增加一个引导性的文案提示。用户可以按照引导操作或者忽略气泡直接操作其他内容，不会打断用户，干扰最小。

　　气泡引导可用于新功能上线、核心功能定位、隐藏菜单提示等场景。可以搭配图片素材和动画效果。由于指向性明确，可以出现在页面的任何位置，兼容性强。

　　4.操作杆指南

　　操作栏和上面提到的对话框引导相比有些类似，都是没有明确指向性的阻挡式引导方式。唯一不同的是，虽然操作栏的视觉重心略弱于对话框，但弹出位置在屏幕下方，有利于用户操作(靠近手指)，尤其是单手操作更容易达到。

　　另外，操作栏的空间资源更多，适合内容更多的详细指导。可以通过图文与背景的结合，营造出强烈的视觉氛围，还可以增加突出的CTA按钮，提高转化率。

　　5.其他指导方法

　　除了上面提到的几种新手指导，还有指导页、默认页、偏好标签等方式，但那些都是复杂独立的模块系统，不是三言两语能解释清楚的。建议看其他单独的相关资料。