首页 理论教育 金字塔式与扁平式网站结构比较:案例分析

金字塔式与扁平式网站结构比较:案例分析

时间:2023-11-23 理论教育 版权反馈
【摘要】:从图2-13中我们可以看到,金字塔式的网站结构层级分明:从首页开始,根据内容或栏目的不同层层递进,最终到达具体内容页面。图2-13金字塔式的网站结构下面以四川大学锦城学院网站为例,展示金字塔式网站的实际应用。图2-18扁平式的网站结构现以“新浪微博”为例进行说明。

金字塔式与扁平式网站结构比较:案例分析

在正式学习编辑技巧之前,我们首先要了解网站的基本结构,这决定着信息最终被发布在网站的什么位置。我们也希望借此了解不同的结构对信息传播的路径有什么样的影响。

1.金字塔式结构

金字塔式结构是一种很经典、也是很基本的网站结构。它通常被应用在Web 1.0时期门户类的站点中。因为这样一种结构能够承载大量信息,让用户清楚而快捷地找到自己想找的信息。

从图2-13中我们可以看到,金字塔式的网站结构层级分明:从首页开始,根据内容或栏目的不同层层递进,最终到达具体内容页面。

图2-13 金字塔式的网站结构

下面以四川大学锦城学院网站为例,展示金字塔式网站的实际应用。

如图2-14所示,四川大学锦城学院网站从首页开始,下设“新闻中心”“学院概况”“院系风采”等多个子频道。每个子频道下,再根据实际内容划分具体栏目,如“学院概况”频道下设“学院简介”“办学理念”“锦城ABC”“图片锦城”等栏目。最后,在栏目下查看具体内容。这种金字塔式的结构从网站首页或子频道首页的导航栏中最能看出其布局。如图2-15所示为锦城学院网站首页的导航,图2-16所示为“学院概况”频道的导航。

图2-14 四川大学锦城学院网站结构

图2-15 四川大学锦城学院网站首页导航

图2-16 “学院概况”频道导航

同理,在每篇文章的内容页面,我们也能通过导航很快返回上级页面。如图2-17所示为“学院简介”的文章内容页,在标题上方我们能看到“首页>学院概况>学院简介”的导航链接。(www.xing528.com)

图2-17 “学院简介”的文章内容页

2.扁平式结构

对于大多数社区型的网站,比如人人网、豆瓣网、新浪微博等,我们看到的多是扁平式的网站结构。这种网站结构不强调信息与频道之间的从属关系,而更着重信息与信息之间的流通、用户与用户之间的交流。所以在扁平式的网站结构下,我们通常很少看到导航栏,多的是针对具体信息的相关推荐。其信息不再根据网站的分类而归类,而是由用户自行加上标签。扁平式的网站结构如图2-18所示。

图2-18 扁平式的网站结构

现以“新浪微博”为例进行说明。如图2-19所示是以一个用户身份登入的首页。我们可以看到网页右侧内容为用户订阅和关注的消息。网页左侧的导航链接“好友圈”“群微博”和“特别关注”等,它们不再根据内容属性划分,而是围绕用户来展开。

图2-19 新浪微博用户首页

虽然这些社区型网站也会对话题进行归类,但这个页面一般入口相对较小,已明显不是网站引导用户的重点。如图2-20所示,“豆瓣网”用户可以设置首页显示的内容。这正是因为“内容”在扁平式的网站结构中不再根据编辑的意志分类,而是基于用户此前的行为和爱好来进行信息推送。

图2-20 豆瓣网用户首页设置页面

如果说金字塔式的网站结构是以信息为中心而设计的,那么扁平式的网站结构则是以用户交流为中心而设计的。总的来说,金字塔式的结构更适合信息量大的网站,而扁平式的结构更适合社区活动类的网站。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈