Coach Marks —— 新手引导提示标

全文一句话：

“Coach Marks 新手引导提示标的设计应该尽可能轻量化减少干扰；单次出现的数量不宜过多，可以分步骤出现；构成元素需要一眼就能读懂；必须出现在产品的核心功能附近；善用动效引导。”

一、什么是 Coach Marks？

你们之前一定见过这些提示标，之前我每次见到这些提示标心里都会想“干扰我操作”、“我不想看”、“挡住界面烦死了”，但后来慢慢发现各类的产品不但没有去掉这些烦人的小标，反而做得很精致，使用起来也很舒服。

Coach Marks

最近工作项目有所涉及，所以整理了一下关于 Coach Marks 的设计，跟大家一起分享一下。

二、使用场景

一般用于的产品情景：

1. 对于新用户的新手引导；

2. 界面改版设计后，元素和功能调整的说明；

3. 新功能的介绍和引导使用。

三、在设计的时候需要注意什么？

· 轻量化引导减少干扰性

越来越多的用户习惯于在使用中学习，所以 Coach Marks 应该是易于关闭，不要打断用户的核心行为流。

YouTube、快手、Instagram

越来越多的提示标不使用黑色蒙层，或者轻点蒙层即可消失的交互，尽可能不在界面上出现强干扰。

· 提示数量不宜过多，可以分步骤出现

当功能性很强的产品需要有一个类似教程类的引导时，这时候的 Coach Marks 将会提示多量的信息，这时候需要做的是将信息拆解成多个步骤，分步骤展示。

Things 通过悬浮气泡的形式一步步引导教育用户使用产品

· 设计的元素具有扫视性，一眼能读懂

简单讲就是图文并茂，让人一眼就能看懂，这不用多说了，大部分人使用产品的时候都是一扫而过，所以如何能让人在一眼之后就理解意思这很重要的。

微博、快手、高德地图

· 引导产品核心行为

少即是多，应该将所有提示放置于关键的功能介绍上，减少用户的精力消耗。

---

Reference：

Instructional Overlays and Coach Marks for Mobile Apps

Google Inbox app uses Coachmarks & Cards to teach users new features