152
确定如何组织您的网站并非易事。为您的网站寻找合适的结构可能需要相当多的研究和反复试验。要找到合适的方法,您需要了解信息架构并为您选择正确的方法。
从本质上讲,信息架构会告诉您网站的某些部分应该去哪里。这包括在您的主页,导航以及整个网站的各个其他页面上。信息架构的关键在于它不是设计本身,而是一种令人赏心悦目的东西。更重要的是内容应该放在页面上的哪个位置,以及网站上的链接和其他页面。这是您网站的结构问题。
信息架构可以作为一种讲故事的方式。这是一种通过他们的情感吸引用户并将其用于内容的有效方式。它不仅仅是让页面整齐有序。信息架构背后有各种各样的方法,这里有一些方法可以帮助您入门。
组织方案背后的理论是,您根据希望每件作品与另一件作品相关的方式对您的内容进行分类。存在两种不同类型的组织方案:精确组织方案和主观组织方案。确定哪一个适合您,取决于所涉及的内容类型。
精确的组织方案采用内容并将信息划分为互斥的部分。存在几种不同类型的精确组织方案,但所有这些的关键是信息被分类为不重叠的特定类别。如果用户不熟悉或者不理解他们所寻求的信息如何适合组织模型,则用户很难导航。
按字母顺序排列的方案利用字母表来组织内容。这个方案相当简单。您可以按某种字母顺序组织内容。但是,为了使其成功,内容必须与用户正在查看的关键字匹配。如果不是,用户可能永远不会找到他们需要的内容。正是由于这个原因,字母索引通常被用作补充查找内容的辅助方式。
按时间顺序排列的计划是按日期组织内容的计划。然而,确定何时发生内容主题可能是有争议的并且完全是主观的。要使这种类型的计划取得成功,需要就该时间段何时达成共识。
地理计划按地点组织内容。与字母方案一样,这些通常用作导航网站的补充。在这些类型的计划中真正出现冲突的唯一时间是,如果存在关于地理位置的边界争议。
主观组织方案获取信息并将其分类为由字段或组织明确定义的类别。它们比具体的组织方案更具体,更开放,但从一开始就难以设计。造成这种困难的原因是主观组织方案需要进入用户的头脑来组织内容。然而,这个过程并不容易,它需要踩到用户的心态,从他或她的角度来看待它。一旦理解并可以起草用户心理模型,您就应该能够以最有效的方式安排内容到达用户。与精确组织的黑白组织方法不同,主观描绘内容之间的关系和联系。以下是主观方案的几个例子。
主题方案是主观组织方案,其基于内容的主题来安排内容。当用户查找特定主题并知道他或她需要哪些关键字来获取该信息时,这些类型的方案是成功的。如果您根据这些选定的关键字进行了适当的分类,您的内容将很容易找到。
同样,隐喻方案通过将内容与熟悉的概念和想法联系起来来获取内容并进行组织。本质上,内容由逻辑上与原始信息相关联的其他内容组织。隐喻方案主要用于界面设计,包括文件夹,垃圾或其他位置。当网站上的组织完全基于隐喻方案时,可能会出现问题。当用作补充组织方案时,这种类型的组织方法往往更成功。
受众计划根据内容所针对的受众类型在页面或网站上安排内容。这些类型的方案可以是封闭的或开放的,用户可以从一个观众导航到另一个观众。然而,如果不容易识别观众的类型并且可能混淆以同时适应许多不同的观众,则会出现挑战。
任务方案是一种主观组织方案,它根据用户在查找与特定关键字相关的内容时将考虑的行动,需求,问题或程序来获取内容并进行排列。当计划准确识别这些任务时,这些方案是成功的,并且可以在安排之前进行一些研究,以确保网站考虑与内容相关的最准确和相关的需求或问题。
并非所有内容方案都需要如此黑白,一种或另一种。可以使用混合方案,并且许多站点利用这种可能性来创建可能的最佳信息架构方法。选择一个方案(精确或主题)可能会有所帮助,因为它使组织对用户来说简单。但是,一种尺寸可能并不适合所有情况,如果设计师之间存在冲突,哪种方案最好,那么创建两种混合或混合可能会有所帮助。这种策略的问题可能是如果没有正确完成,用户在尝试查找内容时可能会感到困惑。如果你不是百分之百地确定自己在做什么,而是希望保持更基本的东西,那么坚持使用另一个方案可能最适合你的网站。如果您不确定,请咨询专家。
组织结构类似于组织方案,人们会认为它们实际上只是基于它们的标题是相同的。但是,组织结构根据用户在不同内容之间定义的关系来获取内容并进行排列。用户可以根据实际结构本身预测内容的位置。存在三种不同类型的组织结构:分层结构,顺序结构和矩阵结构。开发人员可以单独使用一个结构,但是许多人将采用所有这三个结构并将其转换为适合其网站的正确结构。
将层次结构视为一种家谱。就像家谱一样,你从一个想法开始并从那里分支出来。这种类型的组织类似于不同内容之间的父/子关系。您还可以在中心和分支结构中组织内容。无论您使用哪种层次主题,这种结构的重点在于用户采用一个广泛的想法,并在搜索更详细信息时缩小搜索范围。
族树结构看起来就像构建族树时所看到的那样。您可能还认为它们看起来像办公室的结构。你有一个经理,然后树从那里分支出来。一个大的想法被分解为两个,然后这两个不同的相关主题被分解成甚至更多的子主题,仅仅涉及它们之上的副主题。随着您越来越详细,分支机构突破了更多。
然而,在一个轮辐式结构中,你有一个主要的想法,就像自行车上的辐条一样,副主题从这个想法中脱颖而出。它们都是相关的,但却是分开的。一个副主题不会从另一个分支出来,它们更平等,可以这么说。但由于它们与所有人的中心主题相关联,因此它们都以某种方式相关。hub-and-spoke层次结构可以比家族树类型的层次结构更自由。
顺序结构以逐步的过程排列内容。你如何从A点到达B点?您从一个位置开始,然后浏览Web开发人员创建的路径。在提出这种结构之前,Web开发人员需要研究并创建在所选序列中有意义的最合理的步骤。顺序结构的一个示例就是当用户尝试购买某些东西时您会看到的内容。您可以选择项目,单击购物车中的结帐,输入您的内容信息,输入付款信息,然后单击“提交”。一个合乎逻辑的逐步主题将带您到达您想要的最终结果,购买该特定项目。另一个例子是用户在线上课程。您不会从一个内容跳转到另一个内容。相反,您可以查看从A点到最终结果的内容,但是您可以在开发人员设计的流程中执行此操作。在创建此结构时,开发人员假设理想的内容排序是消费所发布内容的最有效方式。
不,你不会选择带有矩阵结构的蓝色或红色药丸,也不会被Keanu Reaves引导。然而,矩阵结构为用户提供了动力。通过这些类型的结构,内容以不止一种方式排列和链接。这取决于用户如何决定查看组织内容的内容。然而,这个想法实际上比听起来更复杂。矩阵结构依赖于超文本或HTML来使这种类型的组织成为可能。一个用户可能选择不同的主题来访问以浏览内容,而另一个用户可能会到达相同的位置,但通过与第一个用户完全不同的过程。这一切都取决于特定用户的方法。
内容清单包含您网站上所有内容的列表。此内容不仅包括书面内容,还包括图像,应用程序和数据。要获得准确的库存,您需要评估您拥有的每个内容。您需要很好地了解您的网站上的内容,网站的位置以及位置。
那你会从哪里开始?开发人员应该考虑几个问题来拉动内容库存。
你有什么目标?你为什么要拉这个库存?写下并理解所有疯狂背后的观点将为你提供一个明确的方向,指明你需要做些什么来实现你的目标。
一定要知道你的范围。您想要的范围有多大,可以让您了解此广告资源中应包含多少内容。一个提示是保持小,以便开始。尽量不要将您网站上的所有内容都包含在范围内。你会很快发现自己不堪重负,甚至可能在你开始之前就放弃了。
你有自己的目标和范围。现在是时候开始了。但是,你怎么开始呢?在您走得太远之前,您需要为网站的每个内容累积某些数据。它可以取决于您的目标是什么,但传统上在内容库存中收集了几个标准件。您将需要以下内容:
标题
唯一内容ID
您网站的网址
文件格式,包括HTML,PDF,DOC或TXT
作者
内容的物理位置,表示内容管理系统所在的位置
元描述
元关键字
标签
内容类别
包含日期内容的日期已创建,修订或访问
有时您可以使用内容管理系统或网络爬虫来获取此信息。拉出此信息后,可以将其导出到电子表格中,以便轻松对信息进行排序。
一旦提取了所有数据,您将需要有人手动完成每条信息和评估。这个过程绝对不适合胆小的人,而且需要由注重细节并理解过程的人来完成。如何执行此操作取决于列出的目标和范围。这些初始目标将设置一旦拉动数据就对数据执行的评估类型。
通过修道院库存可以做很多事情。目标和范围有助于确定这一点。审核可以帮助网站开发人员跟踪应删除网站上的哪些页面,需要编辑哪些页面,需要填充内容的差距以及是否需要移动内容。
您还应考虑添加列以进行编辑审核。如果要对事物进行事实检查,更改或修改,请使用这些列来监控进度。
您的网站已被清点。怎么办?内容清单的一个目的是维护站点导航模型。它为您提供了一个基础,可以从中开始对站点的导航模型进行彻底检查。它可以用作复制卡片的副本。如果正在对内容进行大修,开发人员可以使用清单来帮助指导他们重建页面时的情况。
有几个原因可以创建内容库存。
其中一些原因包括:
评估您网站的格局
确定项目的时间表或成本估算
查看内容结构中存在的模式
设置基线
设置跟踪迁移的基础
您通常应该在重新设计网站的第一阶段时进行清点。您还可以在准备内容管理系统迁移时选择清点。内容清单也可以持续进行网站维护。
内容库存绝不是一个小项目。听到这些话可能会让最强大的网络开发者感到害怕。它们可能耗费时间,单调且永无止境。许多开发人员认为它们对于经常更新的站点毫无意义。创建广告资源后,如果您的网站不断更新,您的广告资源很快就会过时。那是什么意思?当然,还有时间做另一个库存!谁很兴奋?
最后一种信息架构方法是线框图。Wireframing查看页面的界面,重点关注站点上分配的空间以及根据优先级和功能列出内容的位置。线框对网站上的实际设计,颜色样式或图形不感兴趣。相反,线框专注于页面的内容和功能。此方法有助于在网站上创建模板之间的关系。
由于几个不同的原因,线框很有用。作为开发人员,您可能只有其中一个原因,或者您可能需要所有原因。以下仅包括几个:
线框允许用户通过显示页面之间的路径将站点的信息架构连接到站点的可视化设计
线框还可以阐明在用户界面中显示信息类型的方法
它们还可以帮助确定该接口的功能
最后,线框可以帮助确定整个网站内容的优先级
内容的这种优先级可以帮助确定一个项目应该给另一个项目多少空间以及哪个项目最好找到该项目。
线框可帮助您确定网站上某些导航和内容元素的位置。请记住,线框不是外观或视觉设计,所以尽量不要过分。以下是创建线框的一些提示:
远离颜色。如果您想突出显示内容的差异,建议您将颜色保持为灰色调。如果你传统上使用颜色来区分两个项目,灰度通常是你最好的选择。
坚持一种字体。再次,请记住,外观不是线框图的主要内容。因此,如果您计划在准备中使用Comic Sans,您可能需要重新考虑排版中的选择。保持简单并使用更通用的字体。但是,在实际的线框内,如果要区分标题和副标题而不是普通内容,可以使用相同字体的不同大小使它们脱颖而出。
不要在线框中使用图像。您可以稍后在实际的网页设计中插入它们。如果您希望在完成所有操作后插入图像,请绘制一个文本框,并通过在框的中间放置一个“x”来指示图像将进入该空间。
远离互动功能。由于线框是二维的,因此它们并不总能很好地处理交互功能。这些包括下拉菜单,悬停状态和手风琴。
线框包括许多不同的元素。与内容清单一样,包含哪些元素可能在很大程度上取决于网站的类型。但是,传统上某些元素被认为是相当标准的。他们包括:
您网站的徽标
搜索字段或框
面包屑 - 这些元素可以帮助跟踪用户在网站中的路径。它们通常水平列在页面顶部,向用户显示它们如何到达站点结构中的位置。
网站列表
标题,包括H1下的页面标题和H2-Hx下的子标题
导航系统,包括全球和本地导航
身体内容
分享按钮,包括Facebook,Twitter等。
网站上公司或个人的联系信息
网站地图
网站页脚
由于网站在很多方面都有所不同,因此线框也是如此。实际上,存在不同类型的线框。差异可以包括它们产生的方式以及它们传达的细节。根据这些差异,通常使用两种不同类型的线框,这些线框是低保真线框和高保真线框。
低保真线框很容易组合在一起,用于帮助项目团队合作和沟通。当低保真度时,细节是松散的,因此框架往往更抽象,利用更简单的图像来保持空间并包括模拟内容。您可能熟悉这些类型的线框。当你出现在有“乱码”或lorem ipsum拉丁文字作为填充内容的网站上时,你会看到它们。它只是阻止包含内容的位置,可以在以后添加。
高保真线框更加详细。这种类型的线框最适合文档。这些线框包括关于页面上的每个项目的信息,其可以包括用户的行为,内容的尺寸和/或与页面上的任何交互元素相关的动作。
分层方法可以采用从顶部到底部分解内容的方法,但数据库模型采用相反的方法。在数据库模型中,内容从底部开始组织。站点中元数据中的链接是控制数据库模型的内容。与其他方案或模型相反,数据库模型往往更具动态性,并为用户提供更多搜索功能和高级过滤。
除了信息架构方法之外,您的团队还可能需要利用站点图来准备信息层次结构的图像,并将您的组织概念传达给Web团队以及相关的利益相关者。在整个项目中以团队形式进行沟通非常重要,并展示从头脑风暴到规划从蓝图到网站的实际文档的过程。
站点图可以是分层组织结构图,它可以更简单地使用图表,也可以是显示站点布局的信息图,包括信息和用户体验。从本质上讲,它实际上取决于您的团队在整个过程中沟通的详细程度。
应该包含在站点图中的内容?这取决于图表的细节和成熟度,但许多图表包括:
内容的组织和结构
网站上的内容分部和细分
结构关系
“点击深度”或到达某个页面需要多少次点击
页面或模板的类型,可以是主页,菜单页面或内部页面中的任何内容
站点内的用户访问级别
导航条款
RSS订阅源或应用程序
内部和外部链接关系
站点图创建过程可以从简单到涉及。某些图表是概念性的,其目的是在更一般的层面上与团队沟通。随着项目的进展,更复杂的蓝图站点图可能更适合与客户和利益相关者进行通信,但也可以作为用户界面大小以及站点目录或文件的指南。
可以通过各种绘图软件(如Adobe Illustrator)创建站点图。但是,更具体的程序可用于更专业的图表,例如OmniGraffle,ConceptDraw或Microsoft Visio。如果您不确定哪种软件适合您,请在试用产品之前咨询专家以获取建议。
仅仅创建一个站点的架构是不够的。您需要确保结构不仅对现在和现在有效,而且还可持续。随着时间的推移,网站的不同方面和内容,架构将需要进行修改。没有人希望他们的网站是静态的。用户将在很长一段时间内识别网站何时未更新,这通常会使用户无法继续访问您的网站,这会在搜索算法方面造成伤害。不言而喻,如果您的内容将不断发展,您的结构也应如此。在创建可持续的信息架构结构时应该考虑几件事情。
留出增长空间。在任何给定的站点中,您都希望不断添加内容。但是,您需要确保网站上有此内容的空间。确保你有这个房间,以便网站随着时间的推移而增长。你要做的最后一件事是重新创建轮子,如果你发现自己的空间不足以改变或添加内容。
确保结构不太浅或太深。这一切都是为了找到平衡点。确保结构尺寸合适。如果结构太浅,您可能会发现自己需要大型菜单才能绕过您的网站。如果结构太深,则内容可能最终隐藏在太多层之下。最终可能无法找到用户需要的东西。
创建网站不仅仅是制作内容。如果用户无法轻松找到内容,那么简单地生成内容就不会提供任何内容。信息架构是布置和安排内容的关键,这样用户就能够找到他们正在寻找的内容,您希望这些内容是您在网站上制作的内容。关键是为您找到合适的结构,这取决于您的用户是谁,您正在制作的内容类型以及其他因素。一旦找到合适的配件,请确保您能够保持并跟上结构。如果你正确地玩牌,你会发现你的网站能够经受住时间的考验。
热门分享
最新文章
2019.10.21
温州网站设计公司:有用的(免费)jQuery插件,以丰富网站的用户体验
2019.09.24
温州高端网站建设:最快的方式让你的网页设计编码
2019.09.16
温州网页设计:如何测试网站多个浏览器和设备同步
2019.09.16
温州企业网站建设:在iPad如何调试网站吗
2019.08.19
前2019年网页设计趋势:你从来没有使用过
2019.08.19
温州高端网站设计:你需要知道的关于视觉感知和网站设计
2019.08.16
温州高端建站:使用HTML,CSS和Javascript创建8个交互式信息图表
2019.08.16
温州网站定制:为什么好的设计会获得更好的营销效果
2019.08.16
温州网站制作:如何通过动画令人愉快地欺骗用户
2019.08.16
温州网站开发:使电子邮件选择美丽和有效绽放
随机推荐
2019.07.12
温州做网站:动画视频如何帮助你的营销
2019.08.02
温州网页设计:编写完美的网页设计合同
2019.08.19
前2019年网页设计趋势:你从来没有使用过
2019.08.15
温州网站定制:创建最佳响应式设计的技巧
2019.08.16
温州高端建站:使用HTML,CSS和Javascript创建8个交互式信息图表
2019.07.18
温州做网站:使用信息架构方法组织您的网站
2019.07.24
温州网站建设:在进行原型设计之前的交互设计思维过程
2019.08.13
温州网站开发:理解CSS布局和块格式化上下文
2019.08.02
温州网站建设:5种简单的方法来准备您的Web设计
2019.08.14
温州网站优化:10个必要的SEO排名因素