如何突出主要任务，如何引导用户完成任务？

四、如何突出主要任务

前言：主要任务不突出/引导不明确，会让用户感到迷茫和不知所措。如何抓住用户的注意力，引导用户关注页面的主要任务？我们可以通过分解用户任务、排列任务优先级、组织合并相关任务等方式，使用户专注于主要任务。

 1、突出主要任务的方法

 ◉分解用户任务

从用户的行为出发，详细描述用户的使用过程，将用户任务分解为具体的行为操作。这些用户行为=这个任务的子任务。

eg：在线购买电影票，只考虑购票流程，不考虑支付流程。

主流行为：选择影片→选择电影院→选择观影时间→选择座位→输入取票手机号码→确认订单。

首先，我们分解每段任务下的子任务。

分解出的用户行为可以看出，其实每一个子任务都对应一个产品功能、一个界面模块。接下来我们要开始排列和组合这些功能、模块。

 

◉排列任务优先级

确定优先级不是凭感觉，我们要有可以量化的标准来衡量哪里功能优先级高/低。大多数需要用到的功能和使用频率高的功能，需要重点突出。对用户目标和商业目标的影响大小，可以表示为此项功能的重要程度。

so，我们可以通过使用人数、使用频率、重要程度这3个维度排列优先级。

eg：通过使用人数、使用频率、重要程度将子任务分为3个层次。

第一优先级：浏览影片列表、选定要观看的影片、选择观影区域、电影院、日期、场次、座位图、输入手机号、点击“确认购票”按钮

第二优先级：浏览票房排行、优惠推荐、浏览生成的订单

第三优先级：浏览影片详情、评论详情、观看预告片。

⚠️注：优先级不是出现的先后顺序，而是页面中的重要程度。

 

◉组织合并相关任务

将次序相同、操作类似、界面类似的任务组合起来，合并为同一组模块展现在用户面前。

由于最终呈现的是界面，我们可以直接将分解出的子任务转化为界面。粗略的想好每个页面的大致设计，只要能表示出这是个列表页/选择器就可以了。

组织合并之后，15项子任务转化为8个界面模块，被规划在3个页面中。下面根据这些模块的优先级，将他们排布到页面中。利用人们的浏览模式，上到下左到右的阅读顺序，将重要的任务放在左上角并用强烈的视觉区域进行展示，强烈的对比度突出重要信息和操作。

 

🏷️总结

运用上述方法将所有页面进行布局之后，我们可以得到大致的页面原型。但是，仅在界面上突出主要任务是不够的。用户依然可能注意不到主要任务，以至于无法顺利完成任务。如何通过有效的引导，帮助用户顺利完成任务？

2、如何引导用户完成任务

eg：

买票机器，操作流程乱七八糟，没有按照用户的购票顺序放置操作入口，用户使用时手忙脚乱感到迷茫和挫败感。

下图购票机引导功能做得较好，将用户购票过程分为3个步骤，明确区分板块并用箭头对操作进行引导。为减少操作负担，将同一步骤的相关操作进行合并，如取票和找零。

 

🏷️同样，产品界面设计中，可以按照用户的操作逻辑，采用相似性引导、方向性引导、运动元素引导等。

◉相似性引导

大小、色彩、形态、视觉元素等因素相似，那么相似的元素可以牵引用户的视觉，引导用户操作。

eg：选择影院排期的界面中，如日期、区域、影院使用相同的视觉样式，用户马上意识到这3块内容是相关联的，都是为了选择影院所做的操作。

 

◉方向性引导

自动售票机的例子中我们可以看出，对于操作步骤较多的任务，利用箭头进行方向性引导。

下图，所有信息居左对齐，同一方向上的视觉顺序，使页面向下的逻辑关系很明显。清晰的方向可以提升用户完成任务的效率。

下图，视觉焦点左右跳跃，打乱了用户完成任务的顺序，在方向上的引导稍显混乱。

◉运动元素引导

如果迷失方向，有个人可以拉住你的手，带你去想去的地方，很赞！

运动元素引导就像用户的小向导，带领用户找到下一步该往哪走。

eg：用户选座后，所选座位会变成一张电影票的形状，按照“虚线”的运动轨迹，飞到右侧订单确认区。用户的视觉马上就会被牵引到页面右侧，去继续下面的操作。

以上的引导方式适合在同一个页面中对用户进行引导。如果跨多个页面怎么办？

 

◉向导控件

告诉用户完成任务一共需要多少步骤，你现在所处的步骤是哪个，还有多少步可以完成任务。让用户对整个操作有预期，帮助迷失的用户找到前进的方向。跨越多个页面的购票过程，可用向导控件进行引导。

（下期预告，从需求到界面隔着一道门就是信息的组织和任务的设定。接下来，过了这道门该如何设计界面呢？）