WSG4(2)

作者: GeekJun | 来源:发表于2018-05-28 15:10 被阅读16次

5、信息架构设计

您网站的组织成功与否主要取决于您网站的信息架构与用户的期望相匹配的程度。

支持浏览和搜索

高效的网站设计主要是平衡主要菜单或主页与单独内容页面的关系。目标是建立用户感觉自然的菜单和内容页面层次结构,而不会误导他们或干扰他们对网站的使用。

网络搜索是查找特定内容页面或查找提及关键字或搜索词组的所有页面的唯一有效手段。在用户访问您的网站的初始阶段,由主要网站和内容地标组成的浏览界面至关重要。但是,一旦用户决定您的网站可能会提供所需的信息,他或她就会跨越只有搜索引擎可以提供帮助的特定阈值。

搜索是达到特定内容的最有效方式,特别是如果其他用户没有大量访问内容,并且因此不可能在主要导航页面中显示为链接。

选择一个网站结构:可以使用三种基本结构来构建网站——序列,层次结构和网页。

序列
最简单也是最熟悉的组织信息的方法是将它按顺序排列。
顺序排列可以是按时间顺序排列的,从一般到具体或按字母顺序排列的逻辑系列主题,如索引,百科全书和术语表。直序列是最适合培训或教育网站的组织,例如,用户需要通过一组固定的材料进行浏览,而唯一的链接是支持线性导航路径的链接。更复杂的网站仍然可以按逻辑顺序进行组织,但顺序中的每个页面都可能链接到一页或多页离题,括号信息或其他网站上的信息。

层次结构
信息层次结构是组织最复杂信息的最佳方式。
分层网站结构最简单的形式是从中央主页排列出来的明星或集中辐射式页面。该网站本质上是一个单层层次结构。导航往往是一个简单的子页面列表,以及每个返回主页的链接。
大多数网站采用某种形式的多层分层或树形结构。主要类别和子类别的安排对于复杂的网站组织具有强大的优势,因为大多数人熟悉等级组织,并且可以很容易地形成网站结构的心理模型。

站点

构建页面

在西方语言中,我们从上到下阅读,以“Gutenberg Z”模式从页面向左向下扫描。这种偏好注意力流向页面 - 而不愿反转向下扫描 - 被称为“阅读重力”,并解释了为什么将主要标题放置在除页面顶部以外的任何地方都不是好主意。

波恩特研究所已经研究了看网页的读者的眼动追踪,并发现读者在页面的左上角用许多注视开始他们的扫描。然后,他们的目光沿着页面上的古腾堡Z模式进行,之后只有典型的读者轻轻扫描页面的正确区域。Jakob Nielsen的眼动追踪研究表明,由文本信息支配的网页在顶部头部区域以及文本左边沿下以强烈的眼睛注视的“F”模式进行扫描。

呈现信息架构

网站图
当您的团队制定信息架构和主要类别的内容时,网站图表可视化发展中的信息层次结构,并帮助将组织概念传达给团队以及利益相关者和项目赞助商。
站点图的范围可以从简单的分层“组织图”图到更复杂和信息丰富的地图,这两个图都显示了用户体验站点的主要部门,并用作站点目录和文件结构的概述。

成熟网站图的主要元素包括:

内容结构和组织:主要网站内容部门和分部门
逻辑功能分组或结构关系
网站每个级别的“点击深度”:需要多少点击才能触及指定网页?
页面类型或模板(菜单页面,内部页面,主要部分入口点等)
网站目录和文件结构
动态数据元素,如数据库,rss或应用程序
主要导航术语和受控词表
链接关系,内部和外部的网站
用户访问级别,所需登录或其他受限区域

网站图表可以简单地开始并可能演变为两种截然不同的变体:概念性网站图表,在一般层面上向客户和利益相关者传达不断变化的网站结构,以及技术,编辑和平面设计团队使用的更复杂的蓝图作为用户界面和目录及文件结构的指南。

线框
视觉上简单的页面线框图迫使团队专注于信息体系结构和导航词汇,而不会被纯粹的视觉设计所分心。

如果站点图提供开发Web站点的全局概述,那么线框图就是“粗略地图”,它最终将被图形和界面设计人员用来为站点创建初步和最终的页面设计。线框是粗略的二维向导,您的网站的主要导航和内容元素可能会出现在页面上。经过精心设计,他们为您网站的各种页面形式提供了一致的模块化结构,并为完成的模板提供基本布局和导航结构。

可能作为网页线框的标准元素出现的事物包括:

组织标志
网站标识或标题
网页标题标题
面包屑足迹导航
搜索表单
链接到你的一个更大的组织
全球导航链接的网站
本地内容导航
主页面内容
邮寄地址和电子邮件信息
版权声明
联系信息

相关文章

  • WSG4(2)

    5、信息架构设计 您网站的组织成功与否主要取决于您网站的信息架构与用户的期望相匹配的程度。 支持浏览和搜索 高效的...

  • WSG4(1)

    1、信息体系结构 在网站设计的背景下,信息架构(通常在网络上称为IA)描述了用于规划,构建和组装网站的总体概念模型...

  • DAY 2(2/2)

    五彩滩声名在外,但是我们去的时候在休整,我们十分不甘心,根据各种攻略告诉我们在景区出口有村民守着问你要不要去五彩滩...

  • 2-2-2

    自由写作群 转化与蜕变 继续刚才的梦的后记 我想梦是用最形象的比喻告诉我内在正在经历着发生着什么,这是潜意识里已经...

  • 2 (2)

    突然想到Jenny ,那个有些神经质的女孩儿。 对我来说,Jenny 给我最深的印象是作家。作为一个作家,她的灵感...

  • 2-2-2 RelativeLayout

    标注:本文为个人整理,仅做自己学习参考使用,请勿转载和转发2018-06-03: 初稿,参考博主coder-pig...

  • 2️⃣0️⃣2️⃣0️⃣🔚🔜2️⃣0️⃣2️⃣1️⃣

    今天风小了,夕阳很平静,但2020年终究是不平静的一年。 不平静的2020年,第一次有了一张小区出入证。不能飞去热...

  • 2-2

    ❤️起步,️️(若起步的右车道前方无车,可以不用转到左车道; 转发了右车道一定要变更车道) 一段车程 ❤️右转,右...

  • < маленький принц > 2-2

    Итак, в первый вечер я уснул на песке в пустыне, где на...

  • 2-2

    悠闲的一天。

网友评论

      本文标题:WSG4(2)

      本文链接:https://www.haomeiwen.com/subject/gbbzlftx.html