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

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

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

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

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

1、了解用戶流程

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

在市場營銷中，將用戶的行為從a映射到Z的進(jìn)程稱為“用戶流”。

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

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

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

上圖中的導(dǎo)航系統(tǒng)是面包屑導(dǎo)航的一個典型例子，看看用戶怎么總能回到他們曾經(jīng)閱覽過的任何頁面

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

3、遵從“黃金份額”

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

假如從那個三角形中畫出一個正方形，他們就會看到下面的圖形：

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

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

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

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

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

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

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

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

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

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

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

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

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

狀況盯梢，假如用戶下載了一本電子書或白皮書，訂閱了一份時事通訊，或許留下了一條消息，那么讓他們知道這個操作成功是很重要的。將訪問者重定向到謝謝”頁面是一種表明“一切正常”的辦法。

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

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

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

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

8、更改已訪問鏈接的色彩

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

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

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

9、充分利用404頁面

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

相反，用明晰的言語來溝經(jīng)過錯。即便您沒有徹底解說問題，用戶至少也會了解發(fā)生了什么。有一些辦法能夠處理404頁面：

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

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

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

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

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

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

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

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

1、Quid

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

2、BlakeEnvelopes

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

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

3、D.FY

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

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

4、Shipwise

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

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

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

最后

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

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

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

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

網(wǎng)站題目：創(chuàng)立B2B網(wǎng)站設(shè)計(jì)的10個最佳實(shí)踐
轉(zhuǎn)載注明：http://jinyejixie.com/news6/132006.html

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

廣告

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