您好,欢迎来到行行出状元 登录 免费注册

做好B2B行业网站页面设计的八大招

来源:http://info.hhczy.com 编辑:junning 2014-02-28 | 标签: 电商行业 网站建设 B2B |
浏览:2956

B2B行业网站由于具有B2B网站的特性和门户网站的特性,决定了页面设计与其他网站一些不同点。在写作“B2B行业门户网站页面设计”章节之前,在此从理论上讲下页面设计及制作的基本要点,供大家参考,讲的不对的,希望大家批评指正。

1 页面用色、框架及整体风格应该是严谨的,充满商业氛围的

由于B2B行业网站的内容是严谨的、高端的,涉及行业的发展动态、各种技术交流、企业的营销管理知识等信息,注定了内容是严谨的、高端的;由于其涉的是企业与企业之间的交易促进、信息交流与交友,所以在商业栏目更多的要体现出浓厚的商业氛围,一切页面设计都是为商人而考虑的。

A页面的用色要更严谨、忌讳非商业色彩

蓝色、红色、黄色是B2B行业网站的常用主色,其中常常是几种颜色搭配使用,当然在使用过程中,常常是用这几种颜色之外的颜色来搭配,或者这几种颜色的渐变色。

由此衍生的颜色包括:深蓝色、暗红色、鲜红色、橙色、橙黄色、灰色等等,在此不一一列举,颜色的搭配由设计师自己来确定,我们最后来审核。

忌讳使用如下几种颜色为主色调:

绿色:绿色更多的象征大自然、纯洁、天然等含义,不符合B2B行业网站的严谨、商业两个特点,可作为橙色、红色等的搭配颜色,但是建议不能作为主色调。

粉红色:这种颜色更多表达的是女性化、温馨的氛围,就算是以女性产品为特色的行业,也不能使用,作为搭配颜色也尽量少用,毕竟与用户需求相差太远。

黑色:黑色、灰色是页面绝大部分文字可以采用的颜色,但是不能作为B2B行业网站的主色调。

B页面的标题栏和导航栏更多要方形的、规则的

作为企业网站、时尚类型的网站,或者为了表达时尚、活泼的主题,网站的设计可以比较活泼一些,多采用圆形或不规则的排版方式,但是作为B2B行业网站,就不能这样设计。

每个部分要具有明显的区分,每个区域都是规则的,使用的图片、背景都是严谨的。不能把图片斜放、用很大的椭圆形、用很大的图标、用卡通的图标、活泼的图形等来设计网站的标题栏和导航栏。

C整体风格应严谨、充满商业氛围

网站的整体风格比用色、标题栏设计更加重要,某个搭配颜色比较活泼、时尚一些,并不会影响整体的风格。某个图片不规则,或者网页里的内容图片不规则,也不会对整体的感觉产生多大影响。整体的页面风格不能花哨,要降低框架、背景等对阅读内容的影响,降低页面的噪声,整体风格要淡雅,让访问的人静下心来思考。

2内容和功能决定表现形式和界面设计

页面设计是没有一个固定标准的,很多时候不能用美丑来判断,也不能用是否有创意来判断,而应该综合分析这个页面的访问者,页面内容、功能。有时候一点创意都没有,和其他很多网站都是类似的,才是最好的,因为就应该是这样的。任何设计、功能都是为访问者、使用者服务的,设计者的分析能力远比创意来的重要。

举例说明:

用户注册页面如果头部有很多导航条,左边或右边有许多精彩内容推荐,设计很漂亮的图标,反而是不对的,这个页面的链接应该越少越好,页面越简洁越好。引导用户静下心来填写真实、丰富的内容才是最关键的,不然用户可能操作一半,觉得麻烦,还有更好的内容吸引他,就不再填写下去了。

任何一个页面在设计之前,设计师都必须要静下心来想想,这个页面在表达什么内容,或者说是一个什么样的功能,根据内容和功能再来确定应该具有的表现形式。网站策划时就要初步为设计师考虑页面的表达形式,详情请参考《B2B行业门户网站策划实战研究报告》第四版第8章,对这个问题进行过系统化的阐述。

3要多使用习惯用法,不要轻易使用一种新用法

所谓习惯用法,是用户经常使用的网站,或者非常知名的网站用法,往往就是用户的习惯,因为知名网站的用户最多,用户也是最认可的。相同的功能,或者说不会因为网站的不同而表达方式发生变化的功能,就可以用习惯用法。

比如当我们来到一个新网站的时候,常常需要了解这个网站的介绍、主办方联系方式等信息,习惯就是在网站底部找这些信息,绝大部分的网站底部都有一排的链接来表达,如果你设计网站时,希望很创新,把这些链接不放在底部,用户就会觉得不习惯。

对设计师来讲,那怕这样的熟悉让你觉得相似而乏味,一点都没有创新,你还是要这样去用。但并不是说我们不需要创新,相反,在策划、设计的工作中,需要大胆的创新,如果我们不打算使用一种习惯用法,策划者、设计师必须确认新用法有如下两个特点:

(1)同样清楚,同样不言而喻:只是换一个更好的表达方式,和原来本质上没有太大的改变,同样让用户一眼就能看明白,不是完全凭空的创新,要比原来的更好才可以。

(2)带来很大的价值,值得用户付出努力来学习:这个功能虽然是以前大家没有见过的,但是我们确认他能带来质的变化,而不是仅仅换个用户不习惯的功能和界面。比如以前绝大多数的网站注册都是一步搞定,现在如果注册会员,有许多网站就分为二步或三步,为什么要这么设计呢?因为填写的内容太多,分成几步用户更能接受。

4建立清楚的视觉层次,让用户能从视觉上区分

页面具有层次感,一看就能明白那些是重点,那些是次要的,每个部分表达的内容都非常的清晰,用户能很快的找到自己重点关注的部分。与此相反的就是页面很凌乱,结构不清晰,用户来到页面不知道那些是重点。网络用户耐性很差,30秒之内很难发现自己感兴趣的内容,可能就不找了,认为网站不是他感兴趣的,或者干脆以后都不来了,但是实际上网站有他要的内容或想使用的功能,只是由于页面设计的不好,不能更快找到而已。

A越重要的部分越突出

在一个页面上,如果没有重点,用户就要花很多时间在所有一样的内容里去找他最喜欢的内容和功能,对用户不够友好。越是用户经常使用、经常阅读的内容,越要放在最重要的位置,用户会用最短的时间获得最关注的内容和功能,才能吸引他留下来。

在页面设计的时候,突出重点的内容有许多的方法,常用的有:字体加粗、字号变大、字的颜色和周围的颜色不一样、文字前配上醒目的图标、用图片或颜色作为背景等等,在《B2B行业门户网站设计开发实战研究报告》第三章做了重点阐述。

B功能或内容相关的部分在视觉上也要相关

在功能或内容相关的部分视觉也要相关,因为用户扫描的时候,视觉相关的部分就会作为一起扫描,否则容易忽略掉,同时会显得凌乱。常用的方法是把相关的功能或内容用同样的框、同样的背景、同样的图标来表达。

C功能或内容在逻辑上包含的部分在视觉上也要进行嵌套

所谓逻辑上包含,就是从逻辑的角度推理,他应该是属于包含的,比如:B2B行业网站的上游原料和设备,如果我们把这2个部分放在一个页面,就应该把设备和原料分开来设计,但是原料和设备模块本身还会包括许多不同的内容,为了让想采购的企业很快速的找到自己想要的产品,就要在设备模块和原料模块内部再进行嵌套。



【版权声明】行行出状元平台欢迎各方(自)媒体、机构转载、引用我们原创内容,但要严格注明来源:;同时,我们倡导尊重与保护知识产权,如发现本站内容存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至service@hhczy.com,我们将及时沟通与处理。

上一页12下一页

热门文章

  • 1688运营解答贴:店铺不够50个宝贝有影响吗?店铺权重怎么查看?
    1688运营解答贴:店铺不够50个宝贝有影响吗?店铺权重怎么查看?

    1688运营解答贴:店铺不够50个宝贝有影响吗?店铺权重怎么查看?

    经常有用户在社群中询问“问产品是优化到七星好,还是主图带营销文案比较好?”、“产品突然被大批量下架是什么原因?”……大泽收集了一些常见问题,希望能给商友一些启发~

  • 1688生意参谋市场洞察在哪里看?如何查找蓝海关键词?
    1688生意参谋市场洞察在哪里看?如何查找蓝海关键词?

    1688生意参谋市场洞察在哪里看?如何查找蓝海关键词?

    1688生意参谋市场洞察在哪里查看?很多1688卖家不知道市场洞察在哪里查看。订购付费版生意参谋后,进入生意参谋后台,如图所示点击“市场竞争”就可以看到市场洞察的各项数据了。

  • 超级物种将关闭除福州外的所有店铺?永辉超市回应了
    超级物种将关闭除福州外的所有店铺?永辉超市回应了

    超级物种将关闭除福州外的所有店铺?永辉超市回应了

    2月26日消息,日前,有消息称,超级物种将关闭全国除福州外的所有店铺,具体关闭时间暂未确定。对此,永辉超市官方否认了这一消息,并回应称,超级物种的部分闭店属于正常的业态调整。

  • 苏宁易购股权即将变更,股票已停牌
    苏宁易购股权即将变更,股票已停牌

    苏宁易购股权即将变更,股票已停牌

    2月26日消息,日前,苏宁易购发布公告称,公司实际控制人、 控股股东张近东以及股东苏宁电器集团有限公司拟筹划转让股份,预计转让比例20%-25%,可能涉及公司控制权变化。苏宁易购股票自2月25日起停牌,预计停牌时间不超过5个交易日。

  • 数字人民币再试点,成都将发放4000万元红包
    数字人民币再试点,成都将发放4000万元红包

    数字人民币再试点,成都将发放4000万元红包

    2月24日消息,日前,成都发布微信公众号消息,成都“数字人民币 红包迎新春”活动将于2021年2月24日正式开启。此次活动向在蓉个人发放总额4000万元的数字人民币消费红包,红包数量约20万个,中签个人可获得178元或238元金额红包。

  • 小米要造车?已拥有多项相关专利
    小米要造车?已拥有多项相关专利

    小米要造车?已拥有多项相关专利

    2月21日消息,近期,有媒体透露,已从多个渠道获悉小米确认要造车,并视其为战略级决策,公司创始人雷军或将亲自带队。

  • 苹果被曝开启6G研发:正在招聘工程师
    苹果被曝开启6G研发:正在招聘工程师

    苹果被曝开启6G研发:正在招聘工程师

    2月21日消息,据彭博社相关消息透露,苹果公司在最近发布了一则招聘广告,旨在为下一代移动网络招募无线系统研发工程师,即6G网络。据悉,此次苹果要招募岗位的工作地点位于硅谷和圣地亚哥。

人物观点

更多 >
  • 卢捷:创新创业要考虑自身造血赚钱
    卢捷:创新创业要考虑自身造血赚钱

    卢捷,厦门创客猫网络科技有限公司创始人,热衷创新创业,是一位名副其实的有为创业青年,主要从事互联网相关行业,自双创热潮出现后,投身于为互联网活动、创新创业活动的主办方做线下活动的图文直播、现场采访、媒体报道等这样的一个现场媒体服务。

  • 林超:平行进口车为汽车市场添活力
    林超:平行进口车为汽车市场添活力

    恒基瑞驰科技创始人,美国天马迅达快递副董事长。2007年赴美留学,进修工商管理硕士。2010年5月创立了美国迅达快递,致力于为海外华人和国内海淘用户提供优质的物流服务。2014年5月份联合创立了美国天马迅达快递。在全美30多个州开设了100多家加盟店,服务于全美华人,电商以及海淘客户。2016年开始投资创立“恒基瑞驰供应链管理平台”,全面服务于平行进口车的各个贸易商与经销商。

人物最强打工人:苹果CEO库克获8亿年终奖!
人物马斯克资产缩水近千亿,不再是全球最富有的人
人物福布斯公布中国杰出商界女性榜:董明珠第五
人物罗永浩回应坚果手机被放弃:嗯,好事
人物马云近3个月来首露面,阿里股价强势反弹!

推荐专题

更多 >

合作协会

  • 福建电子商务协会
  • 德化县电子商务协会