6.1.4 如何突出主要任务

如何抓住用户的注意力,引导用户关注于页面的主要任务呢?

分解用户任务

要突出主要任务,首先要明确用户使用产品时要完成的任务有哪些,并详尽地分解出这些任务。

如何进行任务分解?

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

购票任务分解

排列任务优先级

要突出用户的主要任务,就要对这些子任务所对应功能的优先级进行排列。确定优先级不是凭感觉的事,我们要有可以量化的标准来衡量哪些功能优先级高,哪些功能优先级低。大多数用户需要用到的功能和使用频率很高的功能,需要重点突出。对用户目标和商业目标的影响大小,可以表示为此项功能的重要程度。所以,我们可以通过使用人数、使用频率和重要程度这 3 个维度来排布优先级。

通过对使用人数、使用频率、重要程度这3个维度的分析,我们可以将子任务的优先级分为3个层次。

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

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

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

购票功能优先级

注意,优先级并不是出现的先后次序,而是在页面中的重要程度。这些任务的出现次序,要按照主行为流的次序排列。比如,“浏览影片列表”一定在“点击‘确认购票’按钮”前面,“点击‘确认购票’按钮”一定在“浏览生成的订单”前面,等等。

组织合并相关任务

我们可以看到,一个简单的在线购票,就包含了15项子任务。如果将这些任务毫无组织地呈现在用户面前,肯定是杂乱无章的。设计师需要将这些任务按一定的意义组织起来,便于用户理解和使用。就像设计一个洗衣机面板。首先要将所有按钮放在一个统一的区域内,再在这个区域内将操作和功能相似的按钮摆放在一起,然后画个圈把它们圈为一组。同样地,我们可以将次序相同、操作类似、界面类似的任务组合起来,合并为同一组模块展现在用户面前。

由于最终要呈现给用户的是界面,我们可以直接将分解出的子任务转化为界面。在这里,只需粗略地想好每个页面的大致设计,只要能表示出这是一个列表页、这是一个选择器就可以了。因为这里的界面模块,主要是为了组织用户任务,如图6-23所示。

组织合并相关任务

注意,优先级并不是出现的先后次序,而是在页面中的重要程度。这些任务的出现次序,要按照主行为流的次序排列。比如,“浏览影片列表”一定在“点击‘确认购票’按钮”前面,“点击‘确认购票’按钮”一定在“浏览生成的订单”前面,等等。

组织合并相关任务

我们可以看到,一个简单的在线购票,就包含了15项子任务。如果将这些任务毫无组织地呈现在用户面前,肯定是杂乱无章的。设计师需要将这些任务按一定的意义组织起来,便于用户理解和使用。就像设计一个洗衣机面板。首先要将所有按钮放在一个统一的区域内,再在这个区域内将操作和功能相似的按钮摆放在一起,然后画个圈把它们圈为一组。同样地,我们可以将次序相同、操作类似、界面类似的任务组合起来,合并为同一组模块展现在用户面前。

由于最终要呈现给用户的是界面,我们可以直接将分解出的子任务转化为界面。在这里,只需粗略地想好每个页面的大致设计,只要能表示出这是一个列表页、这是一个选择器就可以了。因为这里的界面模块,主要是为了组织用户任务,如图6-23所示。

组织合并相关任务

组织合并之后,15项用户任务转化为了8个界面模块,被规划到3个页面中。下面可以根据这些模块的优先级,将它们排布到页面中去。在页面中,对于不同级别的任务,要有不同的展现形式。一级任务一级展现,二级任务二级展现。我们可以利用人们从左上到右下的阅读规律及自上而下的直线式逻辑,将重要的任务放置在页面的左上部,使用较大的视觉区域进行展示。使用较强烈的对比度突出重要信息和操作,如图6-24所示。

不同级别任务的不同展现形式

运用此方法将所有页面进行布局之后,我们可以得到大致的页面原型,如图6-25所示。

大致的页面原型
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,951评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,606评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,601评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,478评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,565评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,587评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,590评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,337评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,785评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,096评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,273评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,935评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,578评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,199评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,440评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,163评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,133评论 2 352

推荐阅读更多精彩内容

  • 黑豆的营养价值不用多说,抗氧化,预防骨质疏松,避免大脑老化…… 所以,今天的小菜是营养价值很高,又简单易做的——酱...
    爱旅行的大金牛阅读 539评论 0 1
  • 年年岁岁花相似 岁岁年年人不同 楼下一棵开花的树 经常引人驻足 没有绚丽的色彩 没有芬芳的气味 紫色的小叶 粉白的...
    卜悠悠阅读 239评论 2 1
  • 江清风月高,把酒漫相浇。 初到三宝地,人生礼先到。 借重趁巨浪,日遥此心昭。 注,浇是一种仪式,就是打开酒后的第一...
    陽春阅读 151评论 2 3