交互设计规范原则——新手引导（四）

前面 给大家详细介绍了新手引导的交互设计原则，接下来就看看一些常用的新手引导设计模式。

三、设计模式

设计模式一词来源于设计系统一书，用于指代任何可重复使用的界面元素，包括按钮、文本框、图标、配色、字体、可重复使用的交互行为和功能流程。这些元素用于解决特定的设计问题，满足特定的产品需求。

设计师可以根据场景直接使用设计模式来完成新手指导的界面设计，也可以从设计模式开始，衍生出更多的商业场景来满足个性化设计的需要。
下文将以定义、组成元素、使用场景、使用规则以及示例，来介绍常用的6种新手引导的设计模式：
1.引导页

定义：

当用户第一次打开应用程序时，引导页面基本上由3-5个页面组成。在用户使用产品之前，为用户创造良好的产品基调和氛围，宣传产品功能和亮点或告知用户核心操作模式。必须仔细选择引导页面的内容，以确保它能给用户带来新鲜感，并吸引他们的注意，否则它会干扰用户，只会直接选择快速通过。
构成元素：文本介绍+图片介绍+操作指导。

使用场景：用户首次APP，全面展示APP功能。

使用规则：引导页最多不超过5页；图片介绍尽可能符合真实使用场景，有趣；有明确的操作指导用户进行下一步操作，例如：翻页指示，下一步按钮。

2.蒙层引导

定义：

蒙层引导，顾名思义，就是在产品的整个界面上覆盖一层黑色半透明的蒙层，用手势、文字、符号、插图等环绕界面。这种引导方法可以让用户专注于理解被圈注的功能点或手势描述，而不会被页面中的其他元素所干扰。
组成元素：黑色蒙层+亮点内容+内容介绍+操作指导。

使用场景：显示新功能，解释界面中功能位置的变化，解释操作模式，反映特定的手势交互划分，解释界面的整体结构。

使用规则：内容焦点：让用户一眼就能看到亮点，不要被其他元素干扰；内容介绍必须与亮点内容保持亲密；操作按钮很明显，如果可能的话，将整个页面设置为点击热区。

接下来还有四种常见的新手引导设计模式，下篇文章继续给大家详细介绍，接着去看看吧！

以上就是“交互设计规范原则——新手引导（四）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。