在设计大型电子商务网站或复杂的在线服务时，您可能需要设计一个系统来整理顺序和结构。简单直观的设计，让用户顺利通过，是提高转化率的关键。一路上的所有挫折都可能导致他们离开，选择其他产品。
易于使用的一步一步的过程帮助用户避免挫折，并成功地完成主要任务。在本文中，我们将学习各种形式的分步导航，并了解如何使用它们。
什么是分步导航？
分步导航(或分步指示器)将一系列过程分解为若干合理的步骤。它指导用户通过一些步骤来完成一项复杂的任务。好的逐步导航应该告知用户以下信息:
他们完成了哪些步骤(或任务)？最好有适当的视觉反馈。
你现在在哪一步(用户在整个流程中的当前位置)
其他步骤是什么，有多少(最好有明确的名称)
分步导航通过步骤编号来表达整个过程。
有三个主要原因可以解释为什么应该使用循序渐进的过程:
合理分组数据输入
为用户建立明确的期望。
在一个复杂的过程中跟踪整个过程。
为什么有效？
逐步导航清楚地指示完成任务的路径。研究表明，它让用户清楚地知道完成最终目标需要多少步，这可以显著降低放弃的概率。从心理学的角度来说，这是相当有意义的。如果你知道完成这个过程需要多少步骤，你会更容易完成。
逐步注册帐户
将内容分块展示，便于用户浏览，有助于理解。事实上，分区实际上是有意创建视觉上分离的内容单元，这在整体环境中有其意义。
逐步导航的使用
分步导航可用于许多场景。以下三个领域是最常见的。
在线订购
到目前为止，分步导航应用最广泛的案例是与在线购买的结合，因为这个任务可以自然地分为多个步骤。
多步表单
如果表单要求用户填写大量信息，最好将其分为多个步骤。
启动页面
逐步导航也可用于引导用户使用应用程序或服务的功能。如果步骤不多，也可以用小圆点表示(就像下面的Dropbox例子)。
Dropbox的启动页面
逐步导航设计的最佳实践
没有通用的方案来创建优秀的分步导航。但是有一点是肯定的——你应该总是考虑用户如何与系统交互。简单来说，就是要把流程步骤设计得尽可能简单明了，不要把用户搞糊涂了。
设置用户的期望值
当用户想要执行一项复杂的任务时，提前建立他们的预期并告诉他们需要多少时间和精力是很重要的。如果用户认为这个任务只需要2分钟，但实际需要10分钟，体验就很不好了。
提供简单的描述可以帮助用户准备复杂的任务。估计完成任务所需的时间也很有帮助，尤其是当这些步骤不相等时(例如，一些步骤比其他步骤长)。
建立合理的流程
显示流向。最好用箭头来强调方向，因为线条本身并不提供“过程”的意义。
用图形和文字描述步骤。让用户知道步骤的顺序。
不要花太长时间。3-5步就够了。
使用数字序列号来描述步骤，表明用户当前所处的步骤(例如，步骤3、步骤5)。
让用户知道他们的当前位置
“我去过哪里？”这是导航需要用户回答的基本问题之一。因此，一个优秀的分步导航设计的关键是让用户知道当前的位置。这可以提高连续性，因为用户知道当前位置与先前和后续步骤之间的关系。
为流程设计一个好的视觉展示。用户依靠导航元素中的这些视觉线索来回答这个关键问题。
图片:Dribbble
状态的变化要清晰，告诉用户当前的步骤不仅仅是改变颜色。合适的图形和文本标签可以帮助用户理解菜单项。
异常标签的错误状态。
避免多层逐步导航
避免在一个页面上多次使用它，或者嵌套逐步导航。这会造成界面混乱。
显示流程反馈
分步导航可以在保存每一步后简要显示反馈信息。只有在步骤之间有长时间延迟时，才应该使用这种反馈。
保存步骤后，该分步指示器会简要显示反馈信息。
移动应用程序中的逐步导航
因为水平空空间有限，所以在移动应用和网页中，垂直分步导航可能是一个很好的解决方案。但要确保每一步都有反应。
在小屏幕上使用垂直分步设计。
结论
分步导航要设计的通俗易懂，低调含蓄，不要忽视它们的视觉表现。它应该在视觉上吸引和引导用户。“顾客至上”。记住我们不是为设计师设计，我们是为普通用户设计。最终，优秀的分步导航可以让用户留下来，完成任务，并对你的网站和应用产生积极的印象。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）