B2B行业网站“页面结构”分析及应用

  B2B行业网站策划提供给网站设计师的策划文档里,一般都表明了每个部份的内容和功能所采用的页面结构,但是并不代表设计师就能理解策划者在页面结构方面的考虑,以及由于有的策划者对网络了解不太深入,或者说有一些疏忽,从而在页面结构上考虑的不周全,这个时候设计师和网站管理者就要对策划文档进行纠正,所以无论是网站管理者、产品经理、设计师、页面制作人员,都要对B2B行业网站的页面结构进行简要的了解,我们可以不知道怎么去做,但是一定要知道,这样做是不是对的。下面就B2B行业网站常用的几种页面结构,以及如何综合使用页面结构进行简要的讲解。

  1 B2B行业门户网站常用的几种页面结构

  B2B行业门户网站不是企业网站,也不是全Flash的品牌型网站,具有商业性、严肃性的特点,一般布局都是中规中矩的,并不是无规律排列的排版结构。本研究报告认为有如下几种常用的排版结构:

  A 左右结构

  左右结构是页面结构中最常用的,根据实际情况,又分为左右栏一样宽、左边宽、右边宽几种结构,具体的尺寸根据要展示的内容来决定,正所谓内容决定形式嘛。但是并不是说没有一定的规律,一般常用的是左边宽,因为从用户和搜索引擎优化来讲,要把重要的内容放在左边,方便用户和搜索引擎蜘蛛优先找到,尤其是内容最终页,绝大部分的网站都是采用左边宽,右边窄的栏目结构。当然有时根据实际情况,比如放左边的重要内容占的空间只能是很窄的,那就只能左边窄,右边宽。左右一样宽的结构,一般很少采用,因为没有层次感,太呆板。

  

  图(4) 中国服装网首页行业快讯左右结构显示(截图:2011-11-5)

  B 左中右结构

  左中右结构也是页面设计中最常用的,根据实际情况,又分为左边和右边窄,中间宽;左边和中间一样宽,右边窄;左边窄,中间和右边一样宽,这3种情况使用的比较多。在按1024的页面分辨率来设计网页时,左中右结构是用的最多的,因为大部分的内容,并不需要象左右结构一样,占用那么宽的距离,尤其是导航页面,每个位置都很重要。

  

  图(5)空调制冷大市场首页第一屏左中右结构显示(截图:2011-10-5)

  C 通栏结构

  通栏结构也是最常用的页面结构,多使用在页面的顶部和底部,以及导航栏、内容需要而采用的B2B行业网站页面结构中。比如:在网站顶部的导航栏,即使导航栏的内容比较少,我们也是采用通栏的,常常是网站Logo和导航栏成一个整体,以通栏的形式展现,这个就是前面讲的习惯用法。其意义大概是希望让访问者将导航栏的内容看成一个整体,在视觉上形成一个区分。底部通栏也是一个道理,在视觉上形成一个整体,保证整站的统一性和完整性。还有一些网站的广告,希望更突出,吸引用户的关注,采用了通栏结构。以及某些内容,需要采用通栏来展示,比如图片展示,滚动展示的内容,通栏里的内容都是一个整体。

  

  图(6) 中国服装网图库栏目T台通栏显示(截图:2011-2-6)

  2 B2B行业门户网站如何综合应用各种页面结构

  在日常的页面设计中,我们都是要综合运用各种页面结构,把各种标题栏根据不同的实际情况来排版布局,完成页面的设计。究竟在何时何处需要采用那种页面结构,绝大部分的时候,我们都是要根据页面的内容和功能,综合采用左右、左中右、通栏结构中至少2种结构的。

  A 顶部导航栏下方第一屏重要位置不适宜使用通栏结构

  网站策划者一般都非常重视首页、一级栏目首页的第一屏位置规划布局,由于用户的眼球都是从上到下,从左到右往下看的,页面第一屏离最左边和顶部45度角的位置以下,是最重要的位置。这些位置由于很重要,用户很容易看到这些内容,希望能多展示一些内容,常采用左中右结构,或左右结构,不推荐使用通栏这种占有太多空间的结构,要在左上方将最重要的内容和功能推荐给用户阅读和使用。

  B 网站首页或二级栏目首页等导航页,各种结构要和谐统一

  我不赞同使用的框架太多,且要保证上下、左右和谐统一,虽然既有通栏,又有左中右,还有左右结构,但是不必要采用太多不一样的结构,比如:既有左右结构,又有左中右结构,可以在上下几个结构之间保持左边宽度统一,或右边宽度统一,上下统一的不仅是宽度,标题栏的外形也可以是一样的,看起来不至于太乱。只要是宽度统一的标题栏,都可以设计成一样的,一个页面,本报告认为外观效果不一样的标题栏,不超过4个,3个最合适,弱化标题栏对用户视觉上的冲击,让它变的更安静一些。所以我常常对设计师讲,B2B行业网站的美工其实比做企业网站要简单,重要的是你要理解其需要表达什么。

  C 页面的标题栏更多要设计为方形圆角或直角,但是必须要规则的

  这个在《B2B行业门户网站设计开发实战研究报告》前面“设计基础”部分已经讲过了,再简要讲解下。作为企业网站、时尚类型网站,或者为了表达时尚、活泼的主题,网站标题栏的设计可以比较活泼一些,多采用圆形或不规则的排版方式,但是作为B2B行业网站,就不能这样去设计。无论是左右、上下的区域,每个部分都应该是规则的,使用的图片、背景都是严谨的。不能把图片斜放、用很大的椭圆形、用很大的图标、用卡通的图标等来设计网站的结构,与平面设计、企业网站的设计有很大的差别。

  本小节虽然是写给B2B行业网站的设计师看的,但是我认为一些对网络不怎么了解的策划者,尤其是从事传统行业的,也需要学习这个内容,而且也能看的懂。设计师一般对我讲的这些内容,反而都很熟悉了,都懂,但是我们需要的是网站策划者和网页设计师都能透彻理解网站页面结构与网站页面设计的关系,才能更好的沟通,做出符合用户需求的网站页面。

  本文原创作者:李学江,欢迎交流指导咨询,交流QQ:1580658565。

时间: 2024-10-23 16:05:50

B2B行业网站“页面结构”分析及应用的相关文章

8招教您做好B2B行业网站页面设计

中介交易 SEO诊断 淘宝客 云主机 技术大厅 B2B行业网站由于具有B2B网站的特性和门户网站的特性,决定了页面设计与其他网站一些不同点.在写作"B2B行业门户网站页面设计"章节之前,在此从理论上讲下页面设计及制作的基本要点,供大家参考,讲的不对的,希望大家批评指正. 1 页面用色.框架及整体风格应该是严谨的,充满商业氛围的 由于B2B行业网站的内容是严谨的.高端的,涉及行业的发展动态.各种技术交流.企业的营销管理知识等信息,注定了内容是严谨的.高端的;由于其涉的是企业与企业之间的交

如何做好B2B行业网站页面内容设计留住用户

对于B2B行业网站的页面设计,大家可能更多考虑页面用色.导航条.按钮.标题栏的设计,内容设计可能常常被大家忽略.但是如果内容设计的不好,可能会让你的所有设计被毁于一旦.比如如何让内容有主次之分.层次感,使内容看起来不会太乱.太多,使用户不愿意继续阅读下去,很快离开网站,不能留住用户继续访问. 在本研究报告前面章节我讲过,永远要记得用户在没有明确的阅读内容前是扫描而不是阅读,在导航页面,用户很乐于扫视一句一句的内容,对于大面积没有重点的内容,没有耐心,我们必须在网页上提供既简短又有一定视觉焦点的内

B2B行业网站页面元素之间的对齐标准

网页里各种元素水平方向的对齐方式主要有:左对齐.右对齐.居中对齐和两端对齐等4种方式,常用的为左对齐.居中对齐,右对齐和两端对齐基本很少使用,尤其是两端对齐,本文作者李学江认为一般只在平面设计的时候会使用. 1.页面各种元素对齐方式的基础知识 A.左对齐在网站布局中是最常见的对齐方式:它整齐一致并且安全,因为大家对这种对齐方式很熟悉并且也乐意接受,所以对任何设计来说,左对齐都是最保险的对齐方式. B.在高品质网页设计中,好的对齐方式占了很大的比重:当物品排成一行时,通常看上去感觉更好.因此,使用

分析B2B行业网站标题栏设计的一般标准

中介交易 SEO诊断 淘宝客 云主机 技术大厅 在B2B行业网站的框架设计制作过程中,标题栏设计制作是工作量最大的,页面框架中最多的.网站Logo和导航条的设计,基本每个页面都是和首页一样的,相比之下工作量会小很多.无论是网站首页.二级栏目页,还是导航页.内容最终页,优秀的标题栏总能让读者方便快捷的找到想阅读的内容,又不会对页面内容产生干扰作用. 1 B2B行业网站标题栏设计的一般标准 B2B行业网站与一般的商业门户网站在标题栏设计上大部分是相同的,但是由于B2B行业网站更多的访问者和使用者是在

B2B行业网站“标题栏设计”的一般标准

在B2B行业网站的框架设计制作过程中,标题栏设计制作是工作量最大的,页面框架中最多的.网站Logo和导航条的设计,基本每个页面都是和首页一样的,相比之下工作量会小很多.无论是网站首页.二级栏目页,还是导航页.内容最终页,优秀的标题栏总能让读者方便快捷的找到想阅读的内容,又不会对页面内容产生干扰作用. 1 B2B行业网站标题栏设计的一般标准 B2B行业网站与一般的商业门户网站在标题栏设计上大部分是相同的,但是由于B2B行业网站更多的访问者和使用者是在办公室学习和工作的,需要更严肃的氛围,他们需要的

B2B行业网站10种经营模式研究及组合方案

中介交易 SEO诊断 淘宝客 云主机 技术大厅 许多人对B2B网站的理解仅停留在企业对企业的在线交易上,认为按照B2B电子商务的概念就应该是在网上进行交易.但目前中国比较成功的B2B网站却并非所有都是在线交易模式,尤其是B2B行业网站,许多都没有做在线交易,更多是以基于交易为目的的网络营销推广和打造品牌知名度.根据对目前比较成功的B2B行业网站的分析研究,总结了10种B2B行业网站经营模式,以及相应的组合方案. 1 以提供产品供应采购信息服务为主要经营模式的B2B行业网站 通过网络发布产品,让采

B2B行业网站的用户体验优化

中国电子商务研究中心对B2B行业的发展研究发现:由于B2B行业发展水平.市场竞争结构和激烈程度不同,加上行业产品和产业链不同,各行业的中小企业B2B电子商务的发展水平存在参差不齐. 作为依托互联网为主要营销模式的B2B网站,站点的访问性能也同样存在着行业差距.根据基调网络8月发布的B2B行业网站性能参考数据显示:该行业的首屏时间参考指数为4.6秒,在被评测的58家网站中,达到该标准的网站不到70%. 同时,抽样8家交易型B2B网站进行监测,对比结果显示:首屏时间数据最好的网站是2.3秒,而相对较

按标准设计B2B行业网站按钮 促进用户互动

本人曾经讲过,设计师的分析能力远远大于设计技术本身,那分析什么呢?本研究报告认为,用户行为分析是设计师最应该精通的.对于按钮,无论是真按钮,还是伪按钮(伪按钮是:仅表示这个链接与数据提交相关,或者就是为了突出链接,用按钮表示,叫"伪按钮"),之所以要以按钮的形式表示,最大的目的还是希望让用户知道点这个按钮时可以提交数据,是可以和网站交互的,或者点了以后就可以出现与网站或用户交互的页面出现,那么评价设计成败的标准就变成了:有需求的用户是不是注意到.愿意去点这个按钮,而不是这个按钮本身多么

B2B行业网站如何制作“电子书”进行病毒营销

中介交易 SEO诊断 淘宝客 云主机 技术大厅 电子书推广的方法常常是很多做咨询报告的人常用的方法,但是目前已经应用到很多网站的推广中,比如阿里巴巴很早以前就推出的:<外贸网络营销手册>,目的就是为了教育大家如何通过网络来做外贸,同时很显然是为了推广中国供应商会员.利用电子书做推广,如果书做的好,既可以实现病毒式营销的效果,更重要的是使受众从心底认可你,一步实现用户从了解您网站到认可您网站,转化率非常高. B2B行业门户网站如何制作电子书呢?团队很少有精通行业的技术.营销.管理的人才,但是我们