组件

引导操作

一个好的产品,不适合把所有功能都展示出来,对于一些高级功能,能很好的引导用户进行相关的操作,使用 “主动地发现” 来引导用户进入,会是一个不错的方式。用户不应该感到在迷宫中出不去,他们应该有一个清楚的路径出去,比如引导页面提供一个 “skip” 的按钮操作。

静态指引 #

有些复杂的内容,要求引导用户一步一步地完成整个流程处理。或想隐藏之前或之后的上下文,同时把用户注意力集中在多步中的一个任务上,也可以使用分页流程。分步成多页分组,可以向用户明确传达“这一步已经完成,接下来转到下一步“的意思。

步骤条 #

步骤条示例
针对简单的步骤条使用引导操作流程。

手势指引 #

手势指引示例
步骤1.当鼠标位于可推动(内容项)上方时,鼠标变成小手状,并该(内容项)会突出显示,表示可以“脱离”页面
步骤2.拖拽时,鼠标变为十字符号

交互指引 #

查看更多内容 #

有两种形式:1.鼠标悬停显示内容;2.给出表示还有更多内容的提示信息,提示用户在可见区域后还有更多内容。
这两种形式都是引导用户顺利进入下一个交互层次的有效方式。
鼠标悬停显示内容
通常用来显示完整信息、注释信息、辅助提示。
点击“更多”,查看全部内容