基于任务的导航设计

基于任务的导航设计

对于不同平台导航的交互形式与视觉样式,相信有不少的文章来介绍与总结。本文所介绍的是关于导航规划思路。一个比较小众的领域,基于任务的导航(Task based Navigation)。

目前产品主要使用基于对象的导航和基于任务的导航。相对来说的,纯粹的基于对象的导航的较为常见,但纯粹的基于任务的导航的产品却为数不多。不少业务复杂的产品会考虑混合使用这两种导航,主辅结合来尽可能覆盖用户的使用场景。

如何区分导航的组织方式?

最简单的的区分法,关注导航标签的命名方式。基于对象的导航,通常使用名词作为导航标签,标签指向目标事物;基于任务的导航,通常使用动词、动宾短语作为导航标签,标签指向动作行为。

基于对象的导航

这类界面在日常中比较常见,以名词为主的导航标签。

2015110212404754

基于任务的导航

可以关注界面中的导航标签的命名,以动词、动宾短语为主,关注事务的执行。基于任务的导航通常在工具应用型的产品中。

AT&T的账户管理页面,导航按照任务作为划分与指引。

20151102124027511

主导航

20151102124031473

其他辅助导航

20151102124035523

这是 Fedex的官网,界面导航基本都是基于任务的划分与拆解。

20151102124039413

导航细节

20151102124043359

使用基于任务导航的产品,对设计师有较高要求,对产品涉及的用户以及用户任务要有一个的非常清晰的认识。产品的导航核心是基于任务的,那么任务分析就显得尤为重要。

任务分析的工具与方法

对于单个的任务分析,关注于任务的本身要素与影响因素。

1、决策表。把活动中的条件与行为加以区分,根据不同的条件采取不同行为的对应关系以表格形式展示。

2、流程图。以活动流程图的形式来展示任务的操作要素与流向。

对于多个的任务分析,关注于任务间的关系梳理,尤其适合那些逻辑、顺序模糊的任务。

3、语句描述。通过语言的组织来展示任务的要素、关系以及执行要求。

4、时间序列。依据行为执行时间长短以及顺序来展示整个活动过程中各个任务的优先级以及相互关系。

5、任务清单。把活动中所有的任务逐个罗列出来,并标识先后顺序、重要程度、频率等。任务清单的难点在于罗列的完整性,许多的伴生任务以及支线任务容易在梳理的过程中遗漏。

何时考虑使用基于任务的导航?

1、明确用户的首要目标。以寻找或探索事物为目标的,适合使用基于对象的导航为主;以把事情完成为目标的,适合使用基于任务的导航为主。

2、明确产品定位与功能。官网、博客等展示类的产品适合基于对象的导航。管理后台等应用类的产品适合基于任务的导航。

对于不同主题对象提供同一功能为主的产品,适合基于对象的导航;对于同一主题对象提供不同功能的产品,适合基于任务的导航。

3、考虑混合使用对象导航与任务导航。

在应用过程过程中,不拘泥于纯粹的对象导航还是的任务导航。灵活使用主次混合导航,充分利用各自在使用场景下用户认知优势,取长补短,完善产品的整体导航。

实际案例的启迪

Windows 控制面板,如果我们把控制面板看作一个独立的应用。

当用户首次打开控制面板,界面如下:

20151102124055420

这是一个使用混合导航模式的界面设计,以对象作为认知主线,用户任务作为行为指引。绿色的链接主要是名词或名词性短语,这是基于对象的导航设计。蓝色的链接是动宾短语(操作+对象),这是基于任务导航的设计。

然而,这却是一个充满争议的界面,不少人抱怨这个页面不好用。用户往往找不到所需要的功能,更愿意切换到大图标/小图标视图进行功能的索引。

20151102124051633

是什么造成了用户抱怨?

回忆一下控制面板的使用场景,用户通常是有着明确使用目标,使用频率较低等特点。

这些特点,形成的使用预期是能够快速找到并使用设置功能。降低使用效率的点,将会引起用户的抱怨。

1、依赖层次阅读。从界面设计来推断,当时设计师可能是希望用户通过绿色文字的快速阅读进行范围定位,然后再根据蓝色文字进行操作定位。设计师通过分组聚类的方式试图降低每个界面信息量,毕竟设置项非常多。但是更多的人,在使用这个界面时使用的是顺序阅读,短时间内面对不同的维度导航指引,容易造成认知困惑。

2、任务的短语文字冗长,造成核心信息获取效率的降低。虽然标签的文案单个看起来更自然亲切,但在短语的信息需要阅读完毕后才能获取到。

3、任务数目远大于对象数目,无形中提高了检索成本。

我的心得

1、审视用户对任务的认知

不同产品对于用户任务的诠释存在较大差异。由于基于任务的导航,对用户的认知、场景的覆盖有较高要求,不当的使用容易降低可用性。

我们将用户认知拆解成这几个维度去考察:目标性强弱、任务执行的频度、核心任务数量。

2、重新组织任务与对象

对于展示型的产品中,我们更推荐使用基于对象的导航。

对于常用的服务型、功能型产品,用户往往对产品所能提供的服务比较熟悉,或者有生活实际映射。如果能够将场景拆为几个界线明晰的子场景,则可以考虑使用以任务导航为主,对象导航为辅的模式。

对于使用频率较低的服务型、功能型产品,可以考虑使用以对象导航为主,任务导航为辅的模式。对象容易识别与认知,通过对象导航优势可以增强用户对产品的认知,尤其适合新用户。通过任务导航的辅助串联,将功能场景化,提高的使用效率。

项目中的尝试

企业QQ,一款针对公司全体员工的办公IM管理软件。除了日常使用的IM终端,还有一个面向管理者的管理系统。

我们首先看管理任务的特点。管理者对于管理内容与任务目的性比较强,使用频率较低。在枚举任务时候,容易发现任务种类和数量非常多,存在较多的关联性任务,在场景的划分上,较难划分出界线清晰的子场景。

所以我们尝试使用以对象导航为主,任务导航为辅的模式。利用基于任务的导航来弥补对象导航中存在的遗憾,将关联功能/场景进行串起。关联功能,转为任务纬度可以是相似任务或分支任务。

20151102124059193

作为一个小众的领域,国内交互设计领域对此探讨的并不多,在产品实践中则更少。国外不少有产品在这个领域进行实际应用。界面的截图,也多来自于此。文中列举的界面样式可能会过时,但是其背后的设计思路是可以不断学习领悟的。

腾讯ISUX (http://isux.tencent.com/task-based-navigation.html)

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/10349/

(0)
iouedioued
上一篇 2015-11-02
下一篇 2015-11-03

相关推荐

  • 回答这3个问题,完善你的交互设计(文末有彩蛋)

    “我躺在沙滩上,感觉到细碎的沙子在后背陷入;我踩在小溪里,感觉到脚底的乱石和流过脚面的溪水。我和沙子,我和溪水,产生了交互。”如果是静态的画面,我们恐怕不能确定画面中人是先吼叫被抓住,还是先被抓住再吼叫:
    “疯狂罪犯终于落网!”
    “魔法界警察暴力执法!”
    ——这两者之间的差别可大了。“大页面的设计是焦点的设计,小页面的设计是空间的设计”“扁平化其实为了让你觉得地方足够大。你信吗?反正我信。”——“李白”“使用APP,你不需要别人告知左箭头是什么意思。”你应该熟读Android和ios的官方设计规范、人机交互指南文档,只要遵循这些规范,用户不会因此犯错。
    Ps:规范可以帮我们“不出错”,但要达成“绝妙的设计”还需更多创造力。突然!你被人打晕了!
    醒来的时候你发现自己到了一个陌生的地方。
    现在你在想啥?——
    “我在哪?”
    “我是谁?”
    “我该怎么办?”“我在18层1806,我要去3层0303。出门左拐坐电梯,出了电梯再右拐“

    2017-05-23
  • 【求职招聘】绝对干货

    阿里巴巴1招聘岗位1.数据研发工程师2.java研发工程师3.机器学习算法工程师(研究生及以上)4.客户端开发工程师5.前端开发工程师6.产品经理(对候选人要求高,应聘人数多,淘汰率高,投递前望客观自我评估)7.运营等(对候选人要求高,应聘人数多,淘汰率高,投递前望客观自我评估)2岗位要求计算机与理工科等相关专业,本硕博皆可3岗位说明1.申请过内推、网申、被拒绝过的无法再次内推,请勿投递2.理论上官网上面的实习岗位都可,阿里集团及下属公...

    2018-03-26
  • 网站交互细节,打动用户还是伤害用户?

    细节决定成败,也许一个小小的细节,就能够让用户对你的产品情有独钟,弱水三千只取一瓢。也能够让你的用户从此陌路,再无关联。

    2017-05-30
  • 交互设计要点&配色趋势

    色彩在任何一种设计中都起着很重要的作用,相差不多的色彩却能渲染出截然不同的情感效果。因此,好好利用色彩与生俱来的魅力,就能让你的网页设计更特别。 1Metro和柔和鲜嫩的色彩 Odam Luiran的网站是Metro风格,…

    2015-12-08
  • 艾璐斯刘光有:用户体验为先 九字方针瞄准盈利点

    2018年3月2日下午,由慧聪网主办、慧聪汽车用品网承办、广东哈弗石油能源股份有限公司总冠名的哈弗润滑油杯’2017年度汽车用品行业品牌盛会颁奖盛典在北京钓鱼台国宾馆芳华苑隆重举行,来自汽车后市场商(协)会领导、获奖企业代表、渠道商、终端门店精英、主流媒体记者等嘉宾共聚一堂,聚焦汽车用品行业热点话题,全面解读行业最新发展趋势,推动汽车后市场快速有序发展!香港艾璐斯实业有限公司总经理刘光有行业盛典现场嘉宾共聚一堂在本次盛会上,香港艾璐斯实...

    2018-03-06
  • 注重用户体验场景化,不局限于赛事版权的世界杯营销新浪怎么玩?

    缺少赛事版权,是所有互联网公司进行世界杯营销时面临的难题。新浪的做法是,利用社交网络的优势,通过提高用户体验,最终实现成功的营销。距离2018年俄罗斯世界杯还剩不到三个月时间,目前还没有任何一家新媒体平台获得赛事新媒体版权,在此情形下,各大网络平台选择怎样的报道及营销策略,将成为世界杯媒体大战的胜负关键。3月29日下午,新浪在北京总部局举办了体育产业论坛,首席运营官兼总裁杜红分享了体育产业新时代,在用户认知和消费全面升级的趋势下,如何通...

    2018-03-29
  • 日期选择器设计总结

    本文是作者对时间选择器设计做的一个小总结。enjoy~

    2017-04-27
  • 好的人机交互设计(UX)评判标准的四个原则

    一些设计的基本原则往往是通用的,甚至可以说放之四海皆准的,例如优先级、一致性、界面的隐喻等等,好的设计都需要考虑到这些问题,甚至再更广的范围内也同样适用,而不仅仅是交互设计范畴。 一个设计师&产品…

    2015-04-14
  • 02案例:用户体验与结婚教练

    02 案例:用户体验与结婚教练来自信息读书00:0017:04用产品经理的视角来看人今天我想讲一个结婚教练的故事。她是我的一个朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。这个结婚教练以前是干什么的呢?她以前是一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何观察和判断一个人。因为...

    微信热点 2018-03-27
  • 聊聊意见反馈,小功能也有大门道

    反馈是几乎所有应用的标配功能,往往藏在“设置”或者“关于”里面的小角落。意见反馈在产品开发中的作用是不能忽视的,这几乎是所有应用最好的用户意见收集入口,但是不同应用对意见反馈的处理各不相同。最近在做反馈系统的梳理工作,也包括意见反馈页面优化,将这一段的分析整理成此文。

    2017-06-01