一個(gè)網(wǎng)站的專業(yè)程度直接影響用戶信任度和轉(zhuǎn)化率。網(wǎng)頁規(guī)劃中有一些低級(jí)過錯(cuò)，纖細(xì)的差異就可能導(dǎo)致網(wǎng)站看起來很不專業(yè)。

創(chuàng)立自己的網(wǎng)站關(guān)于資金窘迫的企業(yè)主似乎是個(gè)好主意。能夠今后再找規(guī)劃師，等你的創(chuàng)業(yè)項(xiàng)目取得了必定的地位，那時(shí)你才會(huì)開端考慮這些無意義的工作。

是這樣嗎？

事實(shí)證明，關(guān)于初具雛形的事務(wù)，規(guī)劃遠(yuǎn)比你幻想得重要。當(dāng)你運(yùn)營線上事務(wù)時(shí)，訪客的判斷往往取決于規(guī)劃中的小細(xì)節(jié)。

顧客都是三心二意的。他們對(duì)一些干流品牌已經(jīng)產(chǎn)生了信賴。為什么遽然要開端信賴你？除非你在頭幾秒就吸引住他們，否則他們就走了。

終究，細(xì)小的細(xì)節(jié)產(chǎn)生了大的差異。假如你要建立一個(gè)值得信賴的品牌，創(chuàng)造收入，這些細(xì)節(jié)有必要仔細(xì)查驗(yàn)、精心預(yù)備。本文中，我就來談?wù)?strong>網(wǎng)頁規(guī)劃中常見的業(yè)余過錯(cuò)。即便規(guī)劃能力有限，你也能辨認(rèn)出一些常見的過錯(cuò)，它們或許也滲入了你的網(wǎng)頁規(guī)劃中。

注：本文中運(yùn)用的事例，都來自于創(chuàng)業(yè)項(xiàng)目，它們都特別重視各自網(wǎng)站的反應(yīng)。

1. 模版的不恰當(dāng)運(yùn)用

我不贊成在大型事務(wù)中運(yùn)用網(wǎng)站模版，不過小型的、基于bootstrap的創(chuàng)業(yè)公司確實(shí)有此需求。無論如何，假如你終究用了一套模版，好仍是找個(gè)規(guī)劃師為你的品牌恰當(dāng)定制化。終究甚至可能得到十分棒的產(chǎn)出。

預(yù)先規(guī)劃好的模版網(wǎng)站存在一個(gè)遍及問題，logo和網(wǎng)站其余部分的視覺相關(guān)很弱。logo色彩并沒有重復(fù)出現(xiàn)在網(wǎng)站的其他地方，或者與網(wǎng)站運(yùn)用的字體并不搭配。

假如你要節(jié)省品牌包裝開支，至少這模版不能太顯著。

2. 運(yùn)用默許的Bootstrap外觀

另一個(gè)相同駭人的過錯(cuò)，是在公司網(wǎng)站上運(yùn)用Bootstrap的默許規(guī)劃。運(yùn)用Open Sans可愚弄不了咱們。很難區(qū)分各個(gè)運(yùn)用相同規(guī)劃的網(wǎng)站，這對(duì)你的品牌有害。

Bootstrap網(wǎng)站的一個(gè)贈(zèng)品是極佳的字體。（正如Bootstrap那樣）它全面的基礎(chǔ)圖標(biāo)庫，為它聚集了很多人氣，你會(huì)需求它們來創(chuàng)立一致的視覺語言。十分合適的情況下，它能夠作為復(fù)雜界面的一種有益彌補(bǔ)。

當(dāng)然，假如原創(chuàng)圖標(biāo)比通用圖標(biāo)對(duì)你的品牌更好呢？為什么不找找更精細(xì)的圖標(biāo)集，來描繪你的首要賣點(diǎn)——或是想入非非？找個(gè)插畫師來幫你吧。

3. 文字比照問題

大都非規(guī)劃師都遠(yuǎn)沒有意識(shí)到字體的重要性。它們會(huì)成就或損壞整個(gè)規(guī)劃，即便僅僅些“字母”。

“小作坊出品”的網(wǎng)頁規(guī)劃有個(gè)常見問題，標(biāo)題和正文之間的比照太不顯著。單單選用幾個(gè)字號(hào)一般并不能解決。嘗試在標(biāo)題上運(yùn)用更粗的字重，讓它明顯比其余文字重要。這有助于建立層級(jí)，溫和地引導(dǎo)視野閱覽網(wǎng)站。

4. 運(yùn)用深色布景

布景色覆蓋了網(wǎng)站的絕大部分區(qū)域，所以要慎重挑選。

首要規(guī)矩，純黑網(wǎng)站幾乎沒有美觀的，除非經(jīng)過專業(yè)的規(guī)劃。白色比較無風(fēng)險(xiǎn)，不過更多規(guī)劃師運(yùn)用十分淺的灰色。當(dāng)心更深的灰色，更糟的是黑色字母在這種布景上的易讀性。灰度好在15%以下，堅(jiān)持規(guī)劃的明亮。

5. 多個(gè)同等的舉動(dòng)呼喚

網(wǎng)站的每個(gè)頁面都應(yīng)該只有一個(gè)首要的舉動(dòng)呼喚。假如不止給出一個(gè)操作——訪客會(huì)困惑，他們可能會(huì)需求更多時(shí)刻來做決策，然后采納舉動(dòng)。他們甚至?xí)�由于這樣的認(rèn)知負(fù)擔(dān)而離開！

盡可能多地去除舉動(dòng)呼喚。讓人們更簡單采納舉動(dòng)，無需思考。無論是注冊(cè)按鈕仍是挑選套餐，經(jīng)過圖形符號(hào)來使你希望的操作更加顯眼，同時(shí)讓其他選項(xiàng)更加溫和，削弱吸引力。

6. 對(duì)齊與距離問題

距離很難處理。保存恰當(dāng)距離，元素周圍不要太多留白，這可能是規(guī)劃要考慮的困難的部分。但經(jīng)過一些規(guī)矩能夠簡化。首先，確保全部元素都恰當(dāng)?shù)胤纸M。其次，在這些組周圍保存滿足的空白。

7. 不專業(yè)的案牘

寫作相同很難，但它必不可少，能讓你的賣點(diǎn)經(jīng)過互聯(lián)網(wǎng)傳播。特別假如你在賣東西，你得確保案牘簡單理解，并且有校對(duì)者查看批改全部拼寫過錯(cuò)。

我常常在網(wǎng)站案牘中看到一些令人為難的句子，似乎從規(guī)劃的原型階段開端，就以一段占位符卡在那里。好在網(wǎng)站上線前找人通讀全部案牘。

8. 易讀性問題

假如無法閱覽，再多再好的案牘也解救不了你的事務(wù)。許多小細(xì)節(jié)可能損害文字的易讀性，結(jié)果會(huì)影響人們對(duì)你公司的印象。

要小心腸修正這些問題，比方行高太小、字號(hào)太小無法閱覽，或者是文字與布景反差太小。盡管這些關(guān)于大都人不會(huì)形成實(shí)踐的閱覽困難，但事實(shí)是這些問題存在于網(wǎng)站上，使得網(wǎng)站看上去顯得不太專業(yè)。你幻想一下Facebook會(huì)有易讀性問題么？

9. 不一致

你的品牌好堅(jiān)持一致。在全部出現(xiàn)的地方，無論是社交媒體、Facebook廣告，或是線下，顧客都要能立刻辨認(rèn)出你的品牌。

不過咱們回退一步，首先要確保網(wǎng)站自身的一致性。有沒有繼承的無序列表款式覆蓋了正文字體？logo的顏色和網(wǎng)站上運(yùn)用的完全一致嗎？你是否在遍地運(yùn)用相同的暗影，仍是說僅僅“滿足接近”？一般要好好組織CSS文件，刪除全部不需求的代碼就能修正這些不一致的問題。

10. 過時(shí)的規(guī)劃

不論喜歡與否，咱們現(xiàn)在要向擬物主義告別了，每個(gè)仍然在重度運(yùn)用突變和暗影的網(wǎng)站必定會(huì)顯得過時(shí)。盡管你的一些3D效果或許在某處僥幸成功，好仍是在扁平化規(guī)劃攻略中探索構(gòu)思。

都在這里了：這是我經(jīng)過分析一些不同的創(chuàng)業(yè)公司主頁，得出的10個(gè)常見的問題。現(xiàn)在再去看看你的網(wǎng)站，是否觸犯了上面的哪條？建議每季度進(jìn)行一次全面體檢（工具：Siteimprove），持續(xù)優(yōu)化用戶體驗(yàn)。