WSG4(2)

5、信息架构设计

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

支持浏览和搜索

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

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

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

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

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

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

站点

构建页面

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

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

呈现信息架构

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

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

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

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

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,240评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,328评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,182评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,121评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,135评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,093评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,013评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,854评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,295评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,513评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,678评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,398评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,989评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,636评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,801评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,657评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,558评论 2 352

推荐阅读更多精彩内容