恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
关于信息构架的终极指导(下)
0.0°
2015-05-03 自译外文 经验/观点 原作者: Cameron Chapman 举报 1329 6 4 0

用户是如何找打内容的

这种浏览方式,用户在网站上寻找信息有四种主要方式。这几种方式可能会有一些重叠,但这种方式分类给你一个很好的起点迎合他们的不同的需求。(前两个是建立信息架构实践的一部分,后者两人创造的唐娜·斯宾塞)。

已知的条目

用户清楚的知道他们在找什么,他们知道如何描述他们要找的东西,他们甚至知道从哪里开始找。这是IA所希望的。

这些用户不需要手把手指导,他们会找网站的搜索功能或者直接看目录。只要你的信息组织合理,逻辑清晰,并且你的搜索功能返回的搜索结果包含所有有关信息,这样用户浏览网站、寻找他们所需要的信息时就会很少遇到问题。

探索

探索性访问者有一个他们大概想知道的内容,但是对这些信息怎样找到和从哪里开始不太清楚。他们会打开你的目录菜单看有没有和他们要找的信息相关的,有时他们会尝试搜索功能。

自动推荐的条目对这些用户很适合,他们可能知道一两个关键词,搜索到结果列出相关的条目对他们很有帮助,也给这类用户更好的体验。

不确定

这类用户不知道他们真正想要什么。他们只有一个模糊的想法,或者他们可能认为自己知道自己想要的信息,但是如果不提供一些帮助他们不会有效地找到自己需要的信息。这种情况在比较复杂的领域比如法律或者金融很常见。

在很多教育行业也会出现;用户可能在寻找一个解决方案,但是他们没有真正理解问题。

这种情况在也回很明显地出现在以下情况:由别人推荐的用户;只是为了了解实事、跟上话题。

不论哪种情况,你需要引导用户浏览内容,帮助他们搞清楚他们到底需要浏览什么信息以及怎样找到这些内容。实现这些需要根据具体情况具体分析。

例如,引导用户浏览新闻网站和浏览金融咨询的网站是完全不同的。唯一相同的是用户需要更多的引导。

再寻找

这些用户寻找他们看过的内容,但是他们可能可以再找到那些内容,也可能找不到。有两种方法处理这种情况。

第一种是存储用户浏览过的信息(例如每个商业网站的“最近浏览”的部分)。这种方式不需要用户的操作,但是可能有一定局限性。例如,你可能为用户存储最近浏览的五个页面,但是如果用户需要看他之前浏览的倒数第十个页面呢?活着第五十个?这样的话他们就需要自己动手查找了。

另一种是提供让用户存储内容的工具,这样他们很容易再找到需要的浏览过的内容了。这个类似“save for later”(收藏)的功能,一个wishlist,一个最爱或者其他类似的。这些主动的解决方案让用户很容易再找到之前读的内容。这比自动存储用户浏览记录重要的多。

当然,把可以这两者结合,既存储用户最近浏览的内容,又给用户存储他们认为很重要的、之后会用的内容。

内容组织的模式

这儿有六个网站等组织内容的模式。根据实际结构,这些模式可以组合,也可以单处使用。

单页

一个单页的模版把所有信息和内容只放在一个页面上。对于一个内容有限、目的明确的网站这种方法很奏效。单页一般被分为几个区域,通常导航可以连接到每个主题。

单页在个人网站、展示单独的商品的网站或者其他类似的网站很常见。在大型网站的子页面也会看到。

扁平

扁平的结构在少于十几个页面的小网站经常见到。在扁平网站上,所有的页面可以互相切换,例如只有一个水平的导航。这种网站是最常见的投资组合和机构网站,业务简单的网站,产品屈指可数的电子商务网站。

当扁平的网站变得体积很大时,它的可用性就大大降低。如果你正在考虑打算使用一个扁平的网站时,要先确定未来你网站的内容不会增长达到使到这种扁平结构变的笨重的那个点。

索引

尽管在网站的中心位置通常有一个网站所有页面的列表,索引网站类似于扁平化的网站。这样有大量的页面的网站仍然有类似扁平的结构,可用性好而且简单。

这种结构最适合特定目的的网站,例如电子商务网站,一个商业网站,一个投资组合,或者一个特定主题教育的网站。

daisy(雏菊)

雏菊结构在web app中最常见,虽然有时也出现在教育网站。雏菊结构意味着用户在完成特定的任务后返回一个中心点(像一个主页或着陆页)。

例如,在一个待办事项清单应用程序中,用户在完成任务、编辑任务,或添加一个新的任务后可能会自动返回到待办事项清单。同样,在一个教育网站,用户在完成一个课程后可能自动会返回课程中心。

严格分层

在严格分层中,一个页面只有通过它的上一级页面才能到达。这种结构对于希望引导用户以特定方式浏览网页、不允许用户跳过的网站很适合。

因此,这种结构的网站很适合那种一节课建立在上一节课的基础上的教育网站。通过只允许用户通过父页面达到子页面的方式,防止用户跳过他们还没弄懂的信息。

多维层级

和严格分层紧密相关的是多维层级,这种结构允许用户通过多种方式到达一个页面。这也是常见的模式之一,一部分是因为这种方式容易实现。

多维层次结构也可能是最难实现的。因为尽管你想让用户以多种方式访问内容,需要的时候,你仍想引导他们沿着逻辑路径进行浏览。选择何时何地提供更多方式浏览内容也是一门艺术与科学。

多维层次结构的最简单的包括从他们的父页面访问的页面,以及从中央导航菜单(通常包括子菜单)。

最复杂的是,你有一个类似维基百科的网站,页面根据上下文相互连接,一个页面在另一个页面中被提到。这就织成了一个相关内容的错综复杂的网,而且永远没有尽头。


在建网站时,这些方法可以改造或者结合使用以适应实际项目的需要,或者项目的某一部分。例如,如果你有一个教育类网站,你网站大部分可能使用的是严格类型的结构,但是在某个单独的页面可能使用雏菊结构来教授某门特定的课。

组织和标签的规则

在这里并没有规定你网站上特定的页面必须命名为某个名字,但与此同时,遵循一定的约定和规则可以使网站更容易导航以及按内容的组织方式引导用户。

例如,当一个用户正在寻找联系信息,他们会首先寻找写着“与我们联系”、“联系”或类似词汇的一个页面、链接或一个区域;他们也会看到“联系”或“电子邮件”的链接。但称之为“reach out”、“feedback”,或另一个不常用术语会让用户必须花费额外的努力来找到他们寻找的东西。这可能会导致他们沮丧地去其他地方(可能是你的竞争对手)。

同样,如果你命名为“关于我们”、“团队”或类似的名称,这种“关于我们”的页面将是最容易被发现的。

如果你决定偏离标准的约定俗成的标签规则,确保你有一个很好的理由,并且你的标签在其上下文和网站的内容中都说得通。

当你组织特定内容时也需要遵循既定的约定。例如,“帮助”部分可能包括知识库、联系方式,一个论坛,和/或用户指南。如果你的用户指南是坐落在一个完全不同的部分(甚至自己独立的部分),你可能会使你的用户感到迷惑。

看看其他网站是如何安排他们的网站,并遵循类似的模式,除非你有与众不同的理由。

大型网站vs小型网站

尽管无论网站的大小良好的组织结构都很重要,但网站上的内容越多,结构组织变得越关键。

想象一下,如果维基百科没有在每一篇文章的链,如果你必须对每个新的、相关的话题进行单独的搜索,这将是极不容易使用的,特别是考虑到通过一个点击就能访问的附加信息的巨大数量。

相比之下,一个只有三四个页面的网站可以减少组织内容的压力,也不需要强大的导航,因为内容有限。

所以,不论网站大小,通过考虑选择一个最好的内容组织方式都是很重要的。而且随着项目的规模和范围的增大,它变得愈加重要。

UX vs IA

许多设计师和开发者认为IA是用户体验设计师整体工作的一部分。其实,两者虽然密切相关,但它们是不一样的。

良好的信息架构的关键是创造一个良好的用户体验,但是用户体验包含的不仅仅是网站的内容的组织和标记。

你的专业的用户体验设计师可能负责IA,但在大型或复杂的项目上,有一个专门的团队成员负责开发和监督网站IA策略制定才是明智的选择。

IA vs CMS

不管你的IA结构多么好,如果你的内容管理系统(CMS)支持的不好,并且让网站内容管理者轻易地组织内容、保持内容合理组织,那么你就是在邀请灾难、问题和不满挡你的路。

想想谁会和CMS打交道、他们的交互的技术专长和经验如何;什么样的数据在被管理,它的是否很关键?内容是如何从概念到被验收?谁在使用这些内容,怎么使用?

选择最好的CMS完全基于选择什么最适合内容,同时你还需要选择的CMS还要适合用户。一个超级技术的CMS可能是管理大量内容的最好的选择,但是对于普通的网站客户,很难有效及高效地使用,于是就它不是对的解决方案。

如果团队中的每个人都已经有使用类似WordPress软件的经验,这是你研究第一重要的事。如果负责维护它长期运行的人不能或不会使用提供的工具和系统,最完美IA计划也很快就会半途而废,

工具

尽管IA性质是数字的,但是许多传统的工具或信息体系结构是模拟的。

白板在IA在最初的计划阶段非常常用。它使内容可视化,容易迅速记录想法,容易建立连接关系。它适合团队协作,因为每个人都可以看到你正在记录什么(理想情况下)。

卡片分类是另一种很常见的工具。卡片分类是一个相当简单的技术来收集来自潜在用户的想法(或从你的团队成员)。将放在你网站的不同的主题被放在在索引或类似的卡片中;参与者根据他们认为合理的方式把这些卡片分类。这是一个很好的方法来发现用户认为该怎样组织内容,特别是在更复杂的网站上。

其他模拟工具包括简单的网格纸画出方格纸线框、网站地图、流程图等。

数字工具

尽管模拟工具更常用,也有一些IA可以使用的数字工具。这些数字工具越来越受欢迎,因为越来越多的团队分布分散并远程工作。当你有跨越四个时区的用户,在虚拟白板上分享、合作比现实中更简单便捷。

白板应用可对于分散分布的团队甚至与你的客户一起进行头脑风暴。最好的应用可以提供与真实世界同样的功能,但是能够数字共享。下是一些帮助你开始工具。

Awwapp

是一个触屏移动白板,可以在平板电脑,智能手机或电脑上使用。你可以画草图、协作和分享你完成的白板。这是兼容所有现代浏览器,而不需要安装其他的东西。

Twiddla

是一个在线白板会议工具,允许你实时协同浏览网站。它有30天的免费试用。

Scribblar.com

提供实时协作以及直播音频和文本聊天。它还允许文档上传,这是很有用的功能。如果让你的团队在规划会议中,无需离开应用程序就能进行分享。

构思工具就像一个加强的白板工具,并让你的笔记结构更合理。他们是一个很棒的方式来组织你的想法并分类信息。尽管思维导图用纸和笔就能完成(或彩色马克笔和纸),但数字工具使它们更容易编辑和分享。

Coggle

是一个免费的在思维导图工具,它很容易创建彩色思维地图并与同事分享。用它来记笔记,头脑风暴等风多。

XMind 6

是一个Mac、Windows和Linux上的可下载的思维导图软件。有免费版和高级版,这两个版本都允许你创建各种各样的图标、提供关系的工具、边界、总结、标签以及更多。它有保存到Evernote和在网络上分享的功能。

Bubbl.us

提供简单的在线思维导图,使用直观。有一个免费的基本版和付费版(包括一个团队计划),还有30天的免费试用。

线框图工具是信息架构师的工具箱的一个关键工具。线框图工具经常在团队中传递使用,所以线框图工具应该设计得简单易用好理解。虽然纸质的线框图是一个很好的起点,在与他人分享方面,数字版本是一个更好的解决方案。

Justinmind原型

是一个免费的下载下来的线框图工具,为移动应用程序创建可点击的线框图。可交互的线框图使设计更容易理解,这对于复杂的IA项目是个很好的的解决方案。

MockFlow

为超级简单的线框图提供免费的高级计划。它可以在线或离线使用,给你可点击的交互性的站点地图,并提供HTML下载,让你在没有专门软件的情况下轻松分享你的线框图。

Mockingbird

是一个在线的线框图和原型的创造者,你可以用它创建链接、预览、分享模型。它包括一些的工具可以让你不考虑视觉设计(从网格和智能文本大小开始)只纯粹的关注线框的结构。

总结

信息结构(IA)是创造良好的用户体验的一个重要部分。结构和组织良好的内容让你的网站更容易使用、对于访问者更有用。没有对IA原则、工具及其功能的掌握,你就像在黑暗中盲目地探索如何安排内容。即使你再某些项目上只是做信息构架师,对IA有一个好的掌握会使你成为更有效的设计师。

更新:2015-05-03

收藏

6人已收藏

糖果Lily

UI/UX Designer

  • 13

    作品

  • 21

    粉丝

  • 158

    关注

  • 南岸至尚美术馆官网设计
  • 逐鹿事务管理APP 界面设计
  • 看雪主页设计
  • 临摹练习
相关标签
翻译UXIA

    猜你喜欢

      2015-05-03 自译外文 经验/观点 原作者: Cameron Chapman 举报 1329 6 4 0

      关于信息构架的终极指导(下)

      0.0°

      你确定要举报关于信息构架的终极指导(下)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年05月03日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录