如何抓住用户的注意力,引导用户关注于页面的主要任务呢?
分解用户任务
要突出主要任务,首先要明确用户使用产品时要完成的任务有哪些,并详尽地分解出这些任务。
如何进行任务分解?
从用户的行为出发,详细描述用户的使用过程,将用户任务分解为具体的行为操作。这些用户行为就可以称作这个任务的子任务。
排列任务优先级
要突出用户的主要任务,就要对这些子任务所对应功能的优先级进行排列。确定优先级不是凭感觉的事,我们要有可以量化的标准来衡量哪些功能优先级高,哪些功能优先级低。大多数用户需要用到的功能和使用频率很高的功能,需要重点突出。对用户目标和商业目标的影响大小,可以表示为此项功能的重要程度。所以,我们可以通过使用人数、使用频率和重要程度这 3 个维度来排布优先级。
通过对使用人数、使用频率、重要程度这3个维度的分析,我们可以将子任务的优先级分为3个层次。
第一优先级:浏览影片列表,选定要观看的影片,选择观影区域、电影院、日期、场次、座位图,输入手机号,点击“确认购票”按钮。
第二优先级:浏览票房排行、优惠推荐、浏览生成的订单。
第三优先级:浏览影片详情、评论详情,观看预告片。
注意,优先级并不是出现的先后次序,而是在页面中的重要程度。这些任务的出现次序,要按照主行为流的次序排列。比如,“浏览影片列表”一定在“点击‘确认购票’按钮”前面,“点击‘确认购票’按钮”一定在“浏览生成的订单”前面,等等。
组织合并相关任务
我们可以看到,一个简单的在线购票,就包含了15项子任务。如果将这些任务毫无组织地呈现在用户面前,肯定是杂乱无章的。设计师需要将这些任务按一定的意义组织起来,便于用户理解和使用。就像设计一个洗衣机面板。首先要将所有按钮放在一个统一的区域内,再在这个区域内将操作和功能相似的按钮摆放在一起,然后画个圈把它们圈为一组。同样地,我们可以将次序相同、操作类似、界面类似的任务组合起来,合并为同一组模块展现在用户面前。
由于最终要呈现给用户的是界面,我们可以直接将分解出的子任务转化为界面。在这里,只需粗略地想好每个页面的大致设计,只要能表示出这是一个列表页、这是一个选择器就可以了。因为这里的界面模块,主要是为了组织用户任务,如图6-23所示。
注意,优先级并不是出现的先后次序,而是在页面中的重要程度。这些任务的出现次序,要按照主行为流的次序排列。比如,“浏览影片列表”一定在“点击‘确认购票’按钮”前面,“点击‘确认购票’按钮”一定在“浏览生成的订单”前面,等等。
组织合并相关任务
我们可以看到,一个简单的在线购票,就包含了15项子任务。如果将这些任务毫无组织地呈现在用户面前,肯定是杂乱无章的。设计师需要将这些任务按一定的意义组织起来,便于用户理解和使用。就像设计一个洗衣机面板。首先要将所有按钮放在一个统一的区域内,再在这个区域内将操作和功能相似的按钮摆放在一起,然后画个圈把它们圈为一组。同样地,我们可以将次序相同、操作类似、界面类似的任务组合起来,合并为同一组模块展现在用户面前。
由于最终要呈现给用户的是界面,我们可以直接将分解出的子任务转化为界面。在这里,只需粗略地想好每个页面的大致设计,只要能表示出这是一个列表页、这是一个选择器就可以了。因为这里的界面模块,主要是为了组织用户任务,如图6-23所示。
组织合并之后,15项用户任务转化为了8个界面模块,被规划到3个页面中。下面可以根据这些模块的优先级,将它们排布到页面中去。在页面中,对于不同级别的任务,要有不同的展现形式。一级任务一级展现,二级任务二级展现。我们可以利用人们从左上到右下的阅读规律及自上而下的直线式逻辑,将重要的任务放置在页面的左上部,使用较大的视觉区域进行展示。使用较强烈的对比度突出重要信息和操作,如图6-24所示。
运用此方法将所有页面进行布局之后,我们可以得到大致的页面原型,如图6-25所示。