腾讯设计 师帮你掌握基于任务的导航设计

发布时间:2017-06-17 06:03 来源:互联网 当前栏目:网页设计教程

 腾讯设计师帮你掌握基于任务的导航设计 电脑高手网

  用过Windows控制面板的同学应该都体会过那种找不到目标,一打开直接懵了的感觉,因为这类基于任务导航的产品,要求设计师要对产品用户以及用户任务一个非常清晰的认识,今天腾讯同学从企业QQ的实战中总结了不少经验,对这类小众但很有可能用到的知识,建议收藏哟。

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

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

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

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

  基于对象的导航

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

基于任务的导航设计

  基于任务的导航

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

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

基于任务的导航设计

  主导航

基于任务的导航设计

  其他辅助导航

基于任务的导航设计

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

基于任务的导航设计

  导航细节

基于任务的导航设计

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

  任务分析的工具与方法

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

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

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

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

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

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

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、