創(chuàng)立B2B網(wǎng)站設(shè)計(jì)的10個(gè)好實(shí)踐

根據(jù)美國(guó)國(guó)稅局(IRS)的數(shù)據(jù)，現(xiàn)在全球有520萬(wàn)家B2B企業(yè)，這是多么巨大的數(shù)額。但是，它的確表現(xiàn)出了一些適當(dāng)令人擔(dān)憂(yōu)的問(wèn)題，首要，市場(chǎng)上有這么多的公司，為什么咱們只能說(shuō)出這么少的姓名

對(duì)營(yíng)銷(xiāo)的最小重視仍然是如此多的B2B網(wǎng)站在灰色地帶的開(kāi)展。盡管一些促銷(xiāo)策略或許會(huì)花很多錢(qián)，可是其他的策略相對(duì)便宜和直接。

關(guān)于B2B公司來(lái)說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)是在數(shù)百個(gè)類(lèi)似的網(wǎng)站中鋒芒畢露的好辦法。問(wèn)題是B2B網(wǎng)站設(shè)計(jì)的概念乃至不應(yīng)該是昂貴的，它有必要是舒適的，一切的功能都是有意義的。這乃至是當(dāng)?shù)仄髽I(yè)也能負(fù)擔(dān)得起的。

成功B2B網(wǎng)站設(shè)計(jì)的10個(gè)技巧

1、了解用戶(hù)流程

在B2B中，企業(yè)很少尋求品牌知名度自身的方針，更重要的是將你的訪(fǎng)問(wèn)者轉(zhuǎn)化為潛在客戶(hù)和買(mǎi)家。不管你的方針是什么，聯(lián)系、電話(huà)或出售，你都應(yīng)該知道用戶(hù)需求什么才能到達(dá)方針，并考慮協(xié)助他們到達(dá)方針的好辦法。

在市場(chǎng)營(yíng)銷(xiāo)中，將用戶(hù)的行為從a映射到Z的進(jìn)程稱(chēng)為“用戶(hù)流”。

2、運(yùn)用面包屑導(dǎo)航

有不同的東西和設(shè)計(jì)辦法來(lái)安排用戶(hù)閱覽網(wǎng)站的辦法，關(guān)于供給大量服務(wù)的B2B網(wǎng)站，面包屑導(dǎo)航是最好的解決方案。

快速總結(jié)：面包屑導(dǎo)航起源于童話(huà)故事Hansel和Gretel，就像在故事中相同，breadcrumb協(xié)助用戶(hù)盯梢網(wǎng)站上的一切移動(dòng)，以便他們能夠隨時(shí)回來(lái)到任何頁(yè)面。

上圖中的導(dǎo)航系統(tǒng)是面包屑導(dǎo)航的一個(gè)典型例子，看看用戶(hù)怎么總能回到他們?cè)?jīng)閱覽過(guò)的任何頁(yè)面

一些設(shè)計(jì)師對(duì)面包屑導(dǎo)航運(yùn)用有問(wèn)題，由于它看起來(lái)不太時(shí)尚。但是，你總是能夠用一種構(gòu)思性的辦法來(lái)接近“軌跡”。

3、遵從“黃金份額”

關(guān)于那些在設(shè)計(jì)或藝術(shù)理論方面沒(méi)有太多經(jīng)驗(yàn)的人，這兒有一個(gè)“黃金份額”的簡(jiǎn)要介紹?？茖W(xué)家們?cè)跊](méi)有深入研討其背后的數(shù)學(xué)原理的狀況下，一度核算出了一個(gè)具有美感的好矩形的參數(shù)——它的長(zhǎng)度有必要等于其寬度的1.6倍，300×485像素矩形就能夠被認(rèn)為是好的。

假如從那個(gè)三角形中畫(huà)出一個(gè)正方形，他們就會(huì)看到下面的圖形：

然后，您能夠堅(jiān)持相同的速度，從每個(gè)較小的矩形中畫(huà)一個(gè)正方形。

這是“黃金份額”的一種視覺(jué)表現(xiàn)，一種創(chuàng)造美學(xué)吸引力份額的辦法。有一件事或許還不清楚——你怎么在設(shè)計(jì)網(wǎng)站時(shí)運(yùn)用黃金分割

Mashable是這樣做的：主頁(yè)運(yùn)用份額矩形和正方形，以取得更好的視覺(jué)效果。

4、運(yùn)用進(jìn)展條指示頁(yè)面的加載狀況

現(xiàn)在一個(gè)眾所周知的事實(shí)是，頁(yè)面加載時(shí)刻太長(zhǎng)或許會(huì)讓用戶(hù)失掉動(dòng)力。但是，即便你的網(wǎng)站還沒(méi)有到達(dá)火箭速度，也不應(yīng)該意味著你有必要失掉訪(fǎng)問(wèn)者。

解決這種狀況的牢靠辦法是告訴用戶(hù)加載頁(yè)面的進(jìn)展，你能夠經(jīng)過(guò)設(shè)置最簡(jiǎn)單的進(jìn)展條來(lái)實(shí)現(xiàn)這一點(diǎn)，這些進(jìn)展條不會(huì)讓你的網(wǎng)站慢下來(lái)，也能夠讓用戶(hù)放心，他們不會(huì)白白等候。

5、堅(jiān)持中心數(shù)據(jù)在第一個(gè)翻滾

尼爾森諾曼集團(tuán)(NielsenNormanGroup)的研討顯現(xiàn)，74%的用戶(hù)注意力會(huì)集在網(wǎng)站的前兩卷內(nèi)容上。事實(shí)上，只有6-8%的人有足夠的愛(ài)好、時(shí)刻或精力自始至終閱覽頁(yè)面內(nèi)容。

關(guān)于網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)，這兒的經(jīng)驗(yàn)在于內(nèi)容的優(yōu)先級(jí)。盡管你的頁(yè)面應(yīng)該從一個(gè)介紹開(kāi)端，然后慢慢滑到一個(gè)CTa(call-to-action)，這似乎是合乎邏輯的，但事實(shí)并非如此。保證在第一卷中展現(xiàn)一切產(chǎn)品——最好的功能，最便利的主張。一旦你用最吸引人的報(bào)價(jià)吸引了認(rèn)真的買(mǎi)家，他們會(huì)進(jìn)一步閱覽你的其他信息，這樣能夠節(jié)約訪(fǎng)問(wèn)者的時(shí)刻并取得更多的線(xiàn)索。

6、在用戶(hù)完結(jié)一個(gè)重要的操作之后運(yùn)用謝謝頁(yè)面

不管在現(xiàn)實(shí)生活中仍是在網(wǎng)上，說(shuō)“謝謝”似乎都是微乎其微的細(xì)節(jié)。但是，在這兩種狀況下，贏得別人的信賴(lài)和給人一個(gè)好的外表情緒或許是至關(guān)重要的。當(dāng)涉及到網(wǎng)站設(shè)計(jì)時(shí)，感謝頁(yè)面會(huì)做一些重要的作業(yè)：

增加了一點(diǎn)個(gè)性化，用戶(hù)并不僅僅是你的百度剖析中的一個(gè)數(shù)字，或許是你底線(xiàn)的一個(gè)出售，一點(diǎn)點(diǎn)人類(lèi)的感激會(huì)讓每個(gè)人感到特別和被關(guān)心。

提高品牌知名度，你能夠用一種構(gòu)思性的、令人難忘的風(fēng)格來(lái)設(shè)計(jì)你的“謝謝”頁(yè)面。這將是一個(gè)驚喜，并給用戶(hù)另一個(gè)時(shí)機(jī)記住你。

狀況盯梢，假如用戶(hù)下載了一本電子書(shū)或白皮書(shū)，訂閱了一份時(shí)事通訊，或許留下了一條消息，那么讓他們知道這個(gè)操作成功是很重要的。將訪(fǎng)問(wèn)者重定向到謝謝”頁(yè)面是一種表明“一切正?！钡霓k法。

7、概述首要及次要的行動(dòng)召喚(CTa)

作為面向轉(zhuǎn)化的頁(yè)面(將用戶(hù)引向特定方針)的創(chuàng)立者，有一個(gè)“最希望的結(jié)果”的原則。要具體闡明，頁(yè)面上能夠有幾個(gè)動(dòng)作調(diào)用，可是其中一個(gè)調(diào)用顯然比其他調(diào)用更重要。

假如這是你的網(wǎng)站的狀況，考慮清楚地區(qū)別最需求的CTa。這能夠經(jīng)過(guò)更改CTa自身的位置或指向下一步的按鈕的大小來(lái)實(shí)現(xiàn)。

區(qū)別不同的CTas答應(yīng)您引導(dǎo)用戶(hù)取得最希望的結(jié)果，而不會(huì)將他們的挑選約束在一個(gè)選項(xiàng)上。

8、更改已訪(fǎng)問(wèn)鏈接的色彩

任何讓你的網(wǎng)站的訪(fǎng)問(wèn)者難以了解的行為都已經(jīng)讓網(wǎng)站自身變得不那么友好了，為了保證每一頁(yè)都盡或許運(yùn)用舒適，你有必要注意細(xì)節(jié)。

被訪(fǎng)問(wèn)鏈接的色彩是那些小細(xì)節(jié)之一，這些小細(xì)節(jié)對(duì)輕松地傳遞重要信息大有協(xié)助。一個(gè)最被輕視的規(guī)劃細(xì)節(jié)，知道他們已經(jīng)看到了一個(gè)頁(yè)面能夠協(xié)助用戶(hù)避免惱人的似曾相識(shí)效果。

在為這篇博客文章做研討時(shí)，咱們點(diǎn)擊了尼爾森·諾曼(NielsenNorman)團(tuán)隊(duì)一位作者的個(gè)人資料頁(yè)面。當(dāng)鏈接變成紫色時(shí)，咱們很便利地看到咱們已經(jīng)訪(fǎng)問(wèn)了它。

9、充分利用404頁(yè)面

當(dāng)您的網(wǎng)站出現(xiàn)過(guò)錯(cuò)時(shí)，第一個(gè)沖動(dòng)是進(jìn)入技術(shù)細(xì)節(jié)，這樣您就能夠解說(shuō)代碼中出現(xiàn)了什么過(guò)錯(cuò)。但是，就像量子物理學(xué)相同，高級(jí)編碼并不容易了解。因而，您不應(yīng)該運(yùn)用它來(lái)解說(shuō)過(guò)錯(cuò)。

相反，用明晰的言語(yǔ)來(lái)溝經(jīng)過(guò)錯(cuò)。即便您沒(méi)有徹底解說(shuō)問(wèn)題，用戶(hù)至少也會(huì)了解發(fā)生了什么。有一些辦法能夠處理404頁(yè)面：

是構(gòu)思性的，假如網(wǎng)站上有過(guò)錯(cuò)，為什么不利用這個(gè)不幸的狀況開(kāi)幾個(gè)玩笑呢這將顯現(xiàn)個(gè)性，并或許減輕用戶(hù)對(duì)過(guò)錯(cuò)的挫敗感。

是建設(shè)性的，假如有些東西不作業(yè)，解說(shuō)用戶(hù)應(yīng)該做什么，以及怎么解決問(wèn)題。

不管您挑選哪一個(gè)，都不要隱藏在代碼和模棱兩可的短語(yǔ)后邊，例如：“親愛(ài)的用戶(hù)，這兒有一個(gè)過(guò)錯(cuò)#5505”。在上邊，TechCrunch是404s中健康、建設(shè)性對(duì)話(huà)的一個(gè)比如。

10、運(yùn)用塊和表來(lái)構(gòu)造信息

將內(nèi)容組織成塊和表是保證用戶(hù)閱覽您的副本的好辦法，經(jīng)過(guò)這種辦法能夠完結(jié)很多作業(yè)——首要，頁(yè)面不再那么長(zhǎng)了，此外，關(guān)于任何需求比較的內(nèi)容，表格都是一個(gè)很好的表明。正由于如此，他們現(xiàn)在正乘勢(shì)而上。

好B2B網(wǎng)站規(guī)劃的4個(gè)比如

為了更好地了解當(dāng)時(shí)商業(yè)到商業(yè)網(wǎng)站的設(shè)計(jì)趨勢(shì)，繼續(xù)不斷地尋覓構(gòu)思是至關(guān)重要的。最優(yōu)異的設(shè)計(jì)師常常閱覽網(wǎng)頁(yè)，看看在現(xiàn)代設(shè)計(jì)中運(yùn)用了哪些實(shí)踐。

咱們想確定你不會(huì)沒(méi)有構(gòu)思就留下來(lái)，這就是為什么咱們收集了4個(gè)b2b電子商務(wù)網(wǎng)頁(yè)規(guī)劃的正確辦法的比如-享受!

1、Quid

Quid首要吸引你眼球的是其主頁(yè)的極簡(jiǎn)主義。沒(méi)有過(guò)多的噱頭，網(wǎng)站保證了較短的加載時(shí)刻和杰出的移動(dòng)優(yōu)化。Quid網(wǎng)站是您希望從B2B公司的企業(yè)頁(yè)面中得到的東西——高雅、準(zhǔn)確、全面。

2、BlakeEnvelopes

Blakeenvelope或許看起來(lái)像是一個(gè)徹底不同的網(wǎng)站，Quid的色彩是深的，Blakeenvelope的色彩是淺的;在b2b電子商務(wù)網(wǎng)站的設(shè)計(jì)中，留白占了很大比重。但是，這兩家網(wǎng)站開(kāi)展趨勢(shì)是相同的，準(zhǔn)確、切中要害的極簡(jiǎn)主義。

Blakeenvelope值得具有一個(gè)單獨(dú)的“wow”，由于它的搜索機(jī)制，它有一個(gè)巨大的過(guò)濾系統(tǒng)，答應(yīng)用戶(hù)經(jīng)過(guò)一個(gè)簡(jiǎn)單的規(guī)劃找到他們一直在尋覓的東西。

3、D.FY

不管誰(shuí)設(shè)計(jì)了這個(gè)網(wǎng)站，他都非常清楚自己的手工。乍一看，D.FY看起來(lái)就像一個(gè)尋呼機(jī)，而且很奇特。這種好的b2b網(wǎng)頁(yè)規(guī)劃巧妙地運(yùn)用視頻內(nèi)容來(lái)展現(xiàn)他們正在做的作業(yè)，這并不是每個(gè)b2b公司都已經(jīng)養(yǎng)成的習(xí)慣。

一起，注意有多少小細(xì)節(jié)是自始至終考慮的。例如，在頁(yè)面底部有許多翻滾條，以便用戶(hù)能夠估計(jì)頁(yè)面的長(zhǎng)度?；瑝K上的文字堅(jiān)持了一種連貫的風(fēng)格，不會(huì)在頁(yè)面上留下混亂。

4、Shipwise

乃至不需求測(cè)試公司的產(chǎn)品，你就能夠從第一個(gè)卷軸看出他們有一個(gè)聰明的設(shè)計(jì)師。一個(gè)極簡(jiǎn)主義的主題與視覺(jué)，標(biāo)題和標(biāo)題給你一切的基本信息，船明智的果殼。

再往下翻滾一點(diǎn)，你或許會(huì)驚奇于這家公司怎么很好地運(yùn)用字體和色彩來(lái)展現(xiàn)其風(fēng)格和品牌。白色和藍(lán)色的組合，加上偶然的黑色的觸摸，做了它的作業(yè)-網(wǎng)站看起來(lái)超級(jí)高雅。

關(guān)于設(shè)計(jì)者怎么使字體與圖片很好地配合，還有其他細(xì)節(jié)需求注意。例如，經(jīng)過(guò)不同尋常地合并二者，經(jīng)過(guò)文本重疊圖畫(huà)，網(wǎng)站感覺(jué)不到傳統(tǒng)和模板化，這正是您在B2B公司的自定義網(wǎng)頁(yè)設(shè)計(jì)中所尋覓的。

最后

現(xiàn)在市場(chǎng)上有超過(guò)500萬(wàn)家B2B企業(yè)，為了讓出售更容易，關(guān)鍵是你不能看起來(lái)徹底像你的競(jìng)爭(zhēng)對(duì)手。最簡(jiǎn)單的鋒芒畢露的辦法之一是了解怎么規(guī)劃一個(gè)驚人的B2B網(wǎng)站。

最重要的是充分利用網(wǎng)站的導(dǎo)航，并保證用戶(hù)在閱覽網(wǎng)站時(shí)感到輕松。為此，您需求概述一個(gè)用戶(hù)流程，實(shí)驗(yàn)導(dǎo)航模型，并輔導(dǎo)訪(fǎng)問(wèn)者完結(jié)旅途中的每一步。

一些視覺(jué)上的小技巧也會(huì)被證明是有用的——例如，經(jīng)過(guò)遵從“黃金分割率”，你會(huì)立刻對(duì)你的用戶(hù)群更有吸引力。你乃至能夠構(gòu)思性地設(shè)計(jì)“404”頁(yè)面，讓人們記住。

但是，要想成為一個(gè)很棒的網(wǎng)站，最重要的一步是接觸設(shè)計(jì)師。在公司，咱們?cè)O(shè)計(jì)B2B網(wǎng)站已有多年，咱們知道一切的好實(shí)踐的響應(yīng)網(wǎng)站，并不斷學(xué)習(xí)新的辦法，以堅(jiān)持的趨勢(shì)。

新聞標(biāo)題：創(chuàng)立B2B網(wǎng)站設(shè)計(jì)的10個(gè)最佳實(shí)踐
當(dāng)前地址：http://www.rwnh.cn/news/132006.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)