BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

使用DoGo图设计信息架构

| 作者 Han Xu 关注 0 他的粉丝 ,译者 邵思华 关注 3 他的粉丝 发布于 2015年3月30日. 估计阅读时间: 3 分钟 | 如何结合区块链技术,帮助企业降本增效?让我们深度了解几个成功的案例。

信息架构(IA)是网站设计中最基本的一个方面。DoGo图是用于信息架构设计的一种全新方式,近期在用户体验(UX)社区中引起了一阵讨论。这门方法是由Rob Keefer提出的,目的是为了在直接进入详细设计或原型过程之前,以一种轻量级的方法对网站或系统进行事先计划与测试。

根据Keefer所说,DoGo图是对应于某个特定的用户场景的,它的创建步骤如下所示:

  1. 设立一个用户场景,针对这个场景创建DoGo图。
  2. 为该网站(或系统)中的每个页面创建一个节点,它将用于实现这个场景。不断重复这一步骤,直到这些节点集合变得相对稳定为止。
  3. 针对每个节点(就是一个页面),为该节点创建一张索引卡,其中包含以下内容:
    • 名称:该节点(页面)的一种描述性标签,通常来说是一个名词。
    • 引用数字:一个唯一的数字,目的是进行引用。
    • 输入字段:为了支持在“Do”这部分中所列举的行为所必需的表单字段。
    • Do:用户在该页面中会产生的行为(也就是“Do”),通常是一个动名词。
    • Go:用户从该页面可以跳转的相关页面(也就是“Go”)。
  4. 创建一张通用卡片,用以描述各种通用的功能,这样你就不必在每张卡片上都写下相同的字段和行为了。
  5. 将所有卡片贴到一块白板上,随后根据这些卡片上的“Go”部分的指示,在每张卡片与被引用的卡片之间画出一条连接线。
  6. 快速地查看用户场景,以测试整个系统的流向。当出现新问题或是提出新的想法时,要重新修改卡片的内容和流向。

图 1:某个网站的页面结点的一些示例索引卡

图 2:DoGo图的一个示例

Keefer对InfoQ表示,某些网站的信息架构已经表现出了错误的症状,举例如下:

  • 对子网站或迷你网站的集成做的很糟糕,大学网站是这方面的一个典型例子。
  • 网站中的结构层次过于严格。某些网站的设计依然是高度结构层次化的,因此用户不得不深入该结构才能找到相关的信息。
  • 在整个网站中的标签与导航信息缺乏一致性。

Keefer认为,DoGo图以图形化的方式展示了网站的网站地图和流程图,它为UX设计者与其它项目干系人之间的沟通提供了一个良好的基础,而无需编写繁重的文档。而且这种方式还能够有效地指出上述的各种问题,并且能够在整个网站或系统的信息架构设计过程中激发出新的思想。

某些UX设计者已经发表了他们在使用这种方法时所获得的体验。如果想了解更多有关DoGo图方面的内容,请在UX杂志UXPA杂志上阅读Keefer的原文。

查看英文原文Designing Information Architecture with DoGo Map

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

我通常叫这个页面流程图 by Wong Peter

相比DoGo图,只有一个名称内容。

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

1 讨论

深度内容

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT