B2B行业网站如何设计,才显得高逼格上档次看起来很美

发表于 讨论求助 2019-08-15 16:43:43

B2B网站的核心就是以出售信息,沟通买卖双方。在沟通买卖双方、推动了商品交易的同时,B2B网站也创造了大量的内容。

B2B概念


B2B 是指进行电子商务交易的供需双方都是商家(或企业、公司),她(他)们使用了互联网的技术或各种商务网络平台,完成商务交易的过程。电子商务是现代 B2B marketing的一种具体主要的表现形式。



含有三要素:


⒈买卖:B2B 网站平台为消费者提供质优价廉的商品,吸引消费者购买的同时促使更多商家的入驻。


⒉合作:与物流公司建立合作关系,为消费者的购买行为提供最终保障,这是 B2B 平台硬性条件之一。


⒊服务:物流主要是为消费者提供购买服务,从而实现再一次的交易。


1,网站产品经理立项,写产品计划书,确定新产品或新功能的市场意义和经济效益(往往在立项之初,还需要与市场部门配合调查,并与公司分管的副总多次开会讨论),提交上级审批。



2,计划书审批同意后,确认需要设计的部分。


网站产品经理和用户体验研究员(user researcher),信息建构师(information architect),视觉设计师(visual designer)、ui设计师(user interface designer),互动设计师(interaction designer),开发/程序员(web developer),工程师(engineer)一起讨论需要的支持,然后订出时间计划分工合作。


3,接下来,一般情况下先由用户体验研究员作调查、分析后由信息建构师设计产品架构。(他们需要紧密配合)


4,产品架构确认后,由互动设计师(interaction designer)作出互动流程。(也是需要不断修正)


5,视觉设计师(visual designer)和user interface designer作出视觉设计。


6,开发|程序猿web developer把设计通过编写程序(html, dhtml, php, javascript……)等等再现出来


7,交给工程师


8,做完后用户体验研究员需要做用户测试,qa(quality assurance)需要测验这一产品的每一步骤,确认产品的使用质量。


9,如果有问题需要让工程师相关人员解决。


页面设计注意事项


一、页面用色、框架商业化


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


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



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


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


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


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


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


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


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


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


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


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


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



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


三、尽量使用习惯用法,不要轻易使用新用法


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


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


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


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


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


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


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



A 越重要的部分越突出


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


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


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


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


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


五、访问者不是在阅读,而是在扫描


亚博官方网《别让我思考》一书讲:“访问者不是在阅读,而是在扫描,是极少数几个得到了证明的事实之一,人们会花极少的时间来阅读大部分的页面,相反,我们只是扫 描一下(或者匆匆掠过)网页,寻找能吸引我们注意力的文字或词语。”对于导航页、首页等,用户会更多的用扫描来获得自己感兴趣的内容。对于内容最终页,用 户在阅读前也会先扫描一下大概内容,对于太长的文章或内容,就要看下是否有小标题,如果有就要先扫描小标题,看自己是否感兴趣,感兴趣了才会继续阅读下 去。用户一般会先扫描如下内容:



A、与我们现在手头任务有关的,急需想知道的。


B、我们当前或接下来的个人兴趣,比如:想采购一批机器、想找工作;


C、还有我们脑袋里一些根深蒂固的词,例如“免费”、“打折”、“美女”等。B2B行业网站用户都会感兴趣的:例如行业最爆炸性的新闻、知名公司老总亚博官方网、最新求购等。


当我们在策划、设计网站的页面时,在编辑网站内容时,要时刻谨记用户不是在阅读,而是在扫描,将这个思想贯彻地执行下去。会指导很多正确的策划和设计, 比如:重要的内容要大标题、要加粗;每个模块尽量能图文并茂,让读者扫描的时候看到图片,更容易引起兴趣;对广告文案等要多加总结、提炼,吸引他们感兴 趣;编辑在写文章、内容编辑的时候,对于超过800字的文章,最好能加上小标题,让用户可以预先扫描是否感兴趣等。


六、闭门炸者做出的东西,永远赶不上综合借鉴者的



网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典。经典只存在于是那个首次成功创新性的应用。一个闭 门造车者做出的东西,是远远赶不上综合借鉴者的。网页设计不同于其他艺术,在模仿加创新的网页设计领域当中,即便是完全自己设计的,也是沿用了人们已经认 同的大部分用户习惯,而且这种沿袭的痕迹有时非常的明显!还有那个设计者敢腆着脸说,这都是我自己的原创设计?对于业界来说,经典只是个理念和象征!


对于B2B行业网站的设计,要多参考,多模仿,找出几十个同类型的最优秀网站来参考,分析别的网站为什么要这么设计,取其精华,去其糟粕,联系自己设计 网站的特点加以改进或修改,往往这样的设计才是最成功的设计。因为最成功的网站都是经过多方研究的,他们不仅仅模仿,也有属于自己的创新,大部分也经得起 用户的考验,符合绝大部分用户的需求。


七、大部分的界面应弱化,强调功能和内容


B2B行业门户网站不同于企业网站,它存在的最大价值在于给用户提供一个平台,提供更多有价值的内容,界面存在的价值在于辅助、引导用户更好的去使用这 个平台,发现里面自己感兴趣的内容,挑选并阅读,获得知识。并不是要浓墨重彩的使用大量的颜色和图标来表达页面的主题,这个是一些设计B2B行业网站的人 常犯的错误,尤其是初学者。



做一个企业网站,我们为什么要使用大的图片、图标,大面积的颜色去渲染这个页面呢?因为每个企业都有其自己独特的产品与企业文化,来这个页面的读者都是想了解这个企业或产品的,我们需要用设计向访问者很直观的传递企业信息,尤其是很多品牌公司网站。B2B行业网站的专题设计、收费服务介绍等页面与建设企业网站一样,需要用大图片、小图标、大面积的颜色来衬托页面的主题。


八、页面要模块化,可修改性要强


模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。模块化的最大好处就是统一网站风格,让用户无论在网站的那个页面,也能明白还是在这个网站,形成了很强的品牌辨识度。时刻记住,做网站的最终目标,就是做品牌,必须要作为设计的指导思想。


无论是架构、模块或图片,都要考虑其可修改性。举个简单的例子:按钮,很多人喜欢制作图片,N个按钮就是N张图片。如果只做3-5类按钮的背景图片,在网页代码里打上文字,那么修改起来就简单了,让程序/网页制作者自己改字就可以了。然而网页显示的字体是带有锯齿的,一般既能清晰又保证美观的字体字号有 几类:“宋体12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px |Arial Black 12px+|”等等。



发表