亲爱的朋友,您好!欢迎您光临武汉力德系统公司! 设为首页 | 收藏本站 | 联系我们

喜讯:我校弱电工程师、5A智能楼宇工程师、网络安全工程师精品短训班现已开始热招,欢迎广大有志者前来参观学习!

  您当前的位置在:网站首页--网站架构

网站架构之底层页面的架构

2009-7-28 11:28:27
 

1:在顶部采用23px高度的单行导航。

  虽然,这个导航看起来不起眼,因为这是内容单页,突出的应该是正文,严格来说,作为门户网站的任何一个页面都不能缺少导航,包括首页、频道首页、栏目首页、更多列表、专题页面、内容单页他们的导航形式又各有不同,内容单页的导航要力求简洁,将网站的主打频道罗列出来,首页是入口,其导航首要意义就是引导用户到达每个频道,让用户找到需要的内容,内容单页面即是入口也是出口,有数据显示,89%的用户是通过搜索引擎进入一个网站的,而绝大部分是通过搜索关键字进入某网站的内容单页,首页是整个网站的大门,出了这个门就离开网站了,所以导航要做得尽量丰富。而内容单页作为网站的最底层,是一定要留出口的,其顶部的单行导航是出口,面包屑也是出口。

  2:导航下方的面包屑

  在童话故事“汉泽尔和格雷特尔”中,当汉泽尔和格雷特尔穿过森林时,他们在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。

  虽然这只是一个孩子们的童话故事,但它却蕴涵了多种含义。实际上,网站设计者亦可从中受到启发:在结构上纵深的网站应该采用这种“面包屑型”导航结构,以足迹的方式呈现用户走过的路径,或者说以层层渐进方式呈现该网页在整个网站架构中所处的位置,从而为用户提供清晰分明的网站导览。“面包屑型”架构让用户对他们所访问的此页与彼页在层次结构上的关系一目了然。这种网站结构的其中一个最明显的特性体现莫过于返回导览功能。

  3:在页面的右上角提供简易搜索框

  网站导航就是超市里面的指路牌,网站的搜索框就是超时里面的询问处。你在逛超时的时候是不是希望有疑惑的时候随手就可以抓个询问员过来?但是对于超时来说安排越多的询问员其成本就越高,可是对于网站来说,只是占用了小指头那么大的地方,不浪费你多少成本,还能使你的用户访问更多你网站的内容,因为在用户的浏览模式中,任何一条新闻都是具有相关性的,他浏览了这个新闻,想了解一下这个新闻的背景就会想到“询问”一下了。

  4:左边为正文大标题、正文、相关新闻、评论、打印类的功能按钮。

  这个是根据用户最佳的浏览模式来设计的,大部分浏览者会把注意力放在页面的左边。大概是因为我们中国人从小就从左向右看一句话的原因吧。

  标题和正文是作为新闻内容单页所不能缺少的,可是“相关新闻”却有很多网站忽略了,作为这三大门户的“相关新闻”基本上是按照内容关键字来做相关的,系统自动生成也不难,但是效果却非常的好。之所以分众传媒现在那么成功,一个是因为他抓住了广告受众群体在等待中的时间,让大众在等待中欣赏广告,另一个重要的原因就是做到了有的放矢,对不同层次的用户发布不同内容的广告,把广告受众群体与广告内容挂钩,广告深入人心。形成良好的效果。

  5:右边为推荐区,包括功能推荐、内容推荐、热门推荐、以及情色八卦。

  通过本文开头部分所说的点击长尾来看,内容当夜的总访问量也许会大大超过首页升值首页与其他页面访问量之和,而如果你的网站之采用一套内容单页模板,也就是说每个单页只有正文和相关新闻的内容不同,其他地方都是相同的。那么对于新浪网这样一个数以千万计的单页内容,每天数以亿计的浏览量,(当然,也许新浪不止一套单页模板),那么除了正文与相关新闻之外的每个文字每天都会千万次的展示在浏览着面前,所以新浪的内容单页“画中画”广告报价毫不逊色于首页的广告。

  那么在如此重要的地方,就把你的精彩内容、主推的服务、最近热门的消息推荐给用户吧,当然,无论如何都缺少不了那些可以立刻抓住人眼球的内容,比如情色与八卦。

  以上是新闻资讯类门户网站,他们的内容单页对比,这里作个小节:

  第一 永远突出主题内容,比如新闻的正文,其他内容不要喧宾夺主

  第二 简洁大方,尽量不要搞那么多弹出、漂浮、全屏的广告了。

  第三 要保持内容相关度,尽量做到内容的立体

  第四 把热门的内容推荐在用户面前

  第五 通过简单的导航告诉用户,你网站大概是做什么的,还有其他什么内容

上一篇中石化原董事长陈同海被判死缓放弃上诉

下一篇理解REST软件架构

· 大学毕业生被人冒名顶替挤掉工作
· 北京上半年查处42名县处级以上干部
· 香港出现第二宗涉及甲型流感死亡个案
· 女子闯入马英九办公室半小时未被发现
· 教育部称高校出现被就业现象属极个别情况
· 各大型网站架构分析收集
· 中石化原董事长陈同海被判死缓放弃上诉
· ASP.NET多频道网站架构实现方法
· 网站架构之底层页面的架构
· 门户网站架构
· 理解REST软件架构
· 设计高性能网站架构
· 美国老太因女儿欲自杀报警 母女均被警察击...
· 浅析大型网站的架构
· 贵州矿工被困25天获救奇迹:靠人力挖通生命...
· 大型互联网网站架构心得之一
· 上海闵行区房管局称倒楼事件部分报道不实
· 网站架构方向

友情链接

智联招聘   中国华为   思科中国   中华英才网   微软中国   前程无忧   中国安全网   中国千家网   中国安防网   智能建筑资讯网   中国人事部653工程   中国人才网   信息化人才交流中心   中国建设部   中国信产部   武汉职业技术学院  

武汉力德系统有限公司提供技术支持
首页 学校简介 特色教学 学历教育 证书介绍 课程简介 荣誉资质 就业广场 报名咨询 招贤纳士 联系我们
5A智能楼宇工程师培训 工程设计管理 网络安全工程师培训 网站架构 弱电工程师培训 NCEE电气智能工程师 安防消防工程师培训 5A工程师
学校地址:湖北省武汉市武昌洪山区关山一路武汉职业技术学院 学校邮箱:bt_wh@163.com 办公室电话: 027-87767870/87767872
  鄂ICP备08004255号

在线客服
在线客服系统
在线客服
在线客服系统