如何提高網(wǎng)站用戶體驗(yàn)（改善網(wǎng)站設(shè)計(jì)的12個技巧有哪些） 　　在登陸您網(wǎng)站的五秒鐘內(nèi)，訪問者可以確定您的公司做什么嗎？用戶是否可以根據(jù)需要輕松導(dǎo)航到各欄目？您的定價布局易于理解嗎？您的網(wǎng)站跳出率低嗎？ 　　如果您發(fā)現(xiàn)自己對這些問題的回答是“否”，那么可能是時候認(rèn)真考慮一下您設(shè)計(jì)和優(yōu)化網(wǎng)站的方式了。 　　網(wǎng)站的設(shè)計(jì)能夠融入您網(wǎng)站的用戶體驗(yàn)，功能并適當(dāng)?shù)匮a(bǔ)充您的內(nèi)容，才能真正出類拔萃。 　　忽略這些事情可能非常容易，認(rèn)為這些更新是網(wǎng)站優(yōu)先事項(xiàng)上您所不擔(dān)心的事情，但是成功的網(wǎng)站既需要高質(zhì)量內(nèi)容，又需要出色的用戶體驗(yàn)才能保持平衡。 　　您想要做的 后一件事是花時間在資訊中心或服務(wù)頁面上寫一些令人驚奇的內(nèi)容，只是因?yàn)樵O(shè)計(jì)缺陷，導(dǎo)航問題，混亂的布局或錯過的轉(zhuǎn)換機(jī)會而使它不被注意。 　　但是網(wǎng)站用戶體驗(yàn)的影響因素很多，要想弄清要解決的 重要的事情，要理解其中的全部內(nèi)容可能是一個挑戰(zhàn)。 　　那么，您需要了解什么才能開始改進(jìn)您的網(wǎng)頁設(shè)計(jì)？ 　　為了回答這個問題，這里有12個網(wǎng)站設(shè)計(jì)技巧，以確保您在正確的方向上進(jìn)行改版并確保您不會拒絕訪問者。 　　既然您已經(jīng)認(rèn)識到您的站點(diǎn)可能需要進(jìn)行一些改進(jìn)，那么現(xiàn)在該倒退一步，并制定一個計(jì)劃來詳細(xì)說明如何解決這些問題。 　　從繪制您的客戶旅程開始，從有人 次訪問您的網(wǎng)站到成為客戶的那一刻。 　　執(zhí)行此操作時，請考慮他們將要查看哪些頁面，它們將要閱讀哪些內(nèi)容以及它們將轉(zhuǎn)換成什么樣的報(bào)價。了解這一點(diǎn)將幫助您設(shè)計(jì)一個真正獲取潛在客戶的網(wǎng)站。 　　如果您正在努力獲取這些數(shù)據(jù)，或者缺少可以使研究變得更容易的CRM系統(tǒng)，則可以隨時采訪您的客戶。利用15-30分鐘的時間問他們幾個問題（您甚至可以用100元的星巴克禮品卡補(bǔ)償他們）。與盡可能多的人溝通，但不必費(fèi)力。 　　然后，使用這些數(shù)據(jù)來制定您的策略。這將幫助您確定網(wǎng)站的關(guān)鍵接觸點(diǎn)或用戶與之交互的區(qū)域。 　　在這些接觸點(diǎn)中，您應(yīng)該能夠繪制出每個接觸點(diǎn)需要喚起用戶的情感，思想，目標(biāo)，痛點(diǎn)和機(jī)會。 　　回答這些問題將幫助您指導(dǎo)設(shè)計(jì)。他們的圖像是否將以您想要的方式 有效地解決這些領(lǐng)域？特定的調(diào)色板呢？在您的客戶旅程上入門，將有助于創(chuàng)建這些問題的答案，并更好地加強(qiáng)您的設(shè)計(jì)。 　　網(wǎng)站上的某些元素會損害您試圖傳達(dá)的價值和信息。復(fù)雜的動畫，內(nèi)容太長以及“粗暴的”網(wǎng)站圖像都會對用戶造成干擾。 　　對于只有八秒鐘的關(guān)注時間的受眾，您需要充分說明用戶在他們正在查看的頁面上將學(xué)到什么，并且您的設(shè)計(jì)不得因此而受到干擾。 　　這首先要確保您具有一致的品牌準(zhǔn)則，然后才能付諸實(shí)踐。 　　這應(yīng)該詳細(xì)說明您的字體樣式，顏色，圖像，圖標(biāo)和徽標(biāo)用法。沒有這個，品牌在設(shè)計(jì)頁面時很容易掙扎。您可能會開始看到使用的任意顏色以及使用的各種字體樣式和大小，這反過來可能分散您的消息的注意力，或給試圖進(jìn)行轉(zhuǎn)換的人們造成視覺混亂。 　　避免過多的頁面動畫或交互也很重要。如果您滾動瀏覽頁面，并且看到每個按鈕都有跳動或每個圖標(biāo)部分都有各自的動畫，則可能會感到不知所措，使他們無法閱讀頁面上的內(nèi)容。 　　在查看一個站點(diǎn)時，我們注意到的 件事是顏色。 一方面，使用它們的方式使用戶難以決定他們的眼睛應(yīng)該去哪里。它應(yīng)該是兩個紅色按鈕之一嗎？好吧，還是導(dǎo)航的頂部？ 　　您需要弄清楚用戶到達(dá)頁面時希望其注意力轉(zhuǎn)移到哪里，以及自然需要遵循的順序。當(dāng)前的這種顏色布置在實(shí)現(xiàn)此目的時產(chǎn)生干擾。 　　其次，有些網(wǎng)站區(qū)域的間距不一致。如果增加了文本周圍容器的寬度，則可以很容易地將其固定。 在標(biāo)題下方的灰色部分，它們以一個按鈕（上下文不多）開頭，并感覺被夾在圖像頂部。作為用戶，我想知道它是否應(yīng)該在下面留有空間，或者是否應(yīng)該直接與圖像相關(guān)。網(wǎng)站是否加載錯誤？這種內(nèi)部辯論引起混亂。 　　讓我們看一個提供更好的用戶體驗(yàn)并遵守品牌準(zhǔn)則的頁面。 　　在我們的上方，有IT領(lǐng)域的一家公司Communication Square。乍看之下，該網(wǎng)站使用的外觀更加簡潔，色彩更醒目，空白更多。 　　在顏色方面，我們喜歡Communication Square有兩種按鈕顏色，一種用于優(yōu)先級較低的頂部或漏斗中的操作（藍(lán)色），另一種用于漏斗底部的操作（橙色）。結(jié)果，我立即注視著橙色，這是他們希望我采取的更重要的措施。 　　它們的字體也更具凝聚力，看起來只有一個字體家族，以淺，中或粗體使用。這樣可以創(chuàng)建均勻性并使所有內(nèi)容都能很好地協(xié)同工作。 　　總體而言，幻燈大圖幾乎沒有分散注意力的空間?；脽舸髨D本身并不太詳細(xì)，并用白色覆蓋層遮蓋，這使內(nèi)容脫穎而出，而不是消失在圖像中。 　　此類詳細(xì)信息確實(shí)有助于改善您的整體網(wǎng)站體驗(yàn)，并幫助您的用戶更好地了解您想要他們做的事情，從而減少混亂。 　　如果您在天貓或京東上時像大多數(shù)人一樣購物，那么您很可能會偏愛那些寫有四到五星級評論的產(chǎn)品。 　　通過查看這些評論，我們獲得了對產(chǎn)品的信任，相信它會按承諾執(zhí)行我們需要做的事情，這反過來又促使我們購買它。 　　同樣的效果適用于您的產(chǎn)品或服務(wù)以及網(wǎng)站。如果用戶從真實(shí)的人那里看到有影響力的推薦，則研究表明，您的潛在客戶購買產(chǎn)品的可能性要高老姚搬家％。 　　但是，您的推薦信息在外觀上應(yīng)該如何看待，以便他們在看到用戶時能與用戶建立有效的信任關(guān)系？ 　　好吧，您可以采取一些策略。但是首先，您需要考慮想要哪種格式的證明書，文本或視頻。從歷史上看，視頻推薦是 的。這是因?yàn)榻橘|(zhì)自然可以使用戶的注意力保持更長的時間，并且還可以建立更牢固的人際關(guān)系，從而能夠聽到聲音并看到真實(shí)人的面孔。 　　您還可以選擇文本推薦信息，但是，如果正確設(shè)計(jì)和合并，它仍將有助于建立與用戶的信任。 　　Upland Adestra是英國的企業(yè)電子郵件和營銷自動化軟件公司。他們在個人鑒定頁上有四個視頻，每個視頻都包含在各自的部分中。 　　Upland并沒有將所有視頻隨意地放置在一起，而是將它們分開，并在它們的旁邊加上標(biāo)題和句子，詳細(xì)說明了結(jié)果或客戶與他們合作所獲得的收益?，F(xiàn)在，用戶可以了解他們將在視頻中聽到的內(nèi)容。 　　我們喜歡一些視頻如何顯示某人講話的縮略圖，從而從視覺上使用戶放心，他們可能會從客戶那里聽到自己的聲音，而不是觀看基于文本的視頻。 　　如果您還沒有像Upland這樣的客戶推薦視頻，那么您可能會找到一個案例研究頁面，您可以在其中詳細(xì)討論為幫助客戶所做的一切。 　　Zenefits在其網(wǎng)站上做了出色的工作。 　　每張卡都設(shè)計(jì)有圖像，以展示該公司的成員，這比他們使用圖庫照片或僅使用徽標(biāo)的圖片更值得信賴。 　　而且由于他們有五頁方案內(nèi)容，因此他們在頁面頂部添加了一個過濾器，該過濾器使用戶可以細(xì)分要尋找的行業(yè)或解決方案類型。現(xiàn)在，用戶可以更快地找到他們想要的案例研究類型。 　　 后，如果您的站點(diǎn)僅包含文本證明而沒有案例研究，則在設(shè)計(jì)它們時需要注意一些方面。 　　例如，您不能僅將一組文字推薦和一個名稱放在一處。這些將不太可能被視為事實(shí)，因?yàn)檫@會讓用戶懷疑他們在什么公司工作，他們的職稱是什么，以及該人的形像（以視覺方式確認(rèn)該人可能是真實(shí)的）。 　　在Drift網(wǎng)站上查看此推薦部分。 　　在他們的情況下，他們使用推特評論，但您可以輕松地使用不使用Twitter feed的內(nèi)容來補(bǔ)充此布局。 　　無論它們來自Twitter，本部分都可以使您完成很多事情。 ，由于采用了興趣樣式，因此可以立即查看大量評論。 　　其次，推薦信息中包含照片和人物/公司名稱，從而使評論更加合法。 　　如果要在您的網(wǎng)站上加入推薦信息，那么在您的主頁，服務(wù)頁或?qū)Ш街芯蛻?yīng)包含的專用客戶推薦信息。對于正在了解您的公司并考慮購買的人們，這些頁面中的每一個都是 佳的接觸點(diǎn)。 　　只要是真實(shí)的推薦，推薦就可以在您成為客戶之前改善您網(wǎng)站的體驗(yàn)并贏得潛在客戶的信任。 　　一旦訪問者登陸您的網(wǎng)站（可能通過主頁），您就需要引導(dǎo)他們訪問網(wǎng)站上的位置，以幫助他們進(jìn)行轉(zhuǎn)化。人們很懶惰，所以對他們來說很容易。為他們指明正確的方向，這樣他們就不必為找到想要的東西而費(fèi)勁。 　　考慮到這一點(diǎn)，改善網(wǎng)頁設(shè)計(jì)的 佳方法之一是在導(dǎo)航的右上角，需要采取措施的部分以及網(wǎng)站頁面的底部等區(qū)域使用策略性的號召性用語。 　　但是不要忘了您的買家旅程。在您的網(wǎng)站上要做的一件簡單的事情是，無論用戶身在何處，都可以通過 底層的渠道號召性用語（BOFU）來淹沒用戶，但如果有人不愿意購買，那么他們很可能不會采取任何措施。完全沒有 　　相反，您應(yīng)該根據(jù)他們正在查看的頁面與您的用戶見面。 　　例如，如果他們在網(wǎng)站上，了解用于構(gòu)建自定義壁櫥的材料，則此人更有可能仍在自我教育并意識到自己的問題。與其給他們一個“聯(lián)系我們”號召性用語，不如給他們看一個有關(guān)定制壁櫥建筑材料的綜合指南。他們將更可能轉(zhuǎn)換，因?yàn)檫@是當(dāng)前的擔(dān)憂。 　　看看一個現(xiàn)實(shí)的例子。 　　標(biāo)題為“建設(shè)一個企業(yè)網(wǎng)站需要多少錢呢？”。接觸本文的讀者可能會考慮改版網(wǎng)站，并試圖確定這是否對他們而言是 佳決定。因此，只有向他們展示一個號召性用語來幫助他們了解更多信息才有意義。 　　我們提供給他們的報(bào)價是改版您的網(wǎng)站的 終指南，希望他們可以在一個地方找到幾乎所有所需內(nèi)容的答案。 　　這些類型的優(yōu)惠還具有與用戶建立信任的好處。如果通過這些工作來教育他們，他們將開始把您的公司視為思想 ，使他們對研究您的服務(wù)感到更加自在。 　　我們始終建議您在網(wǎng)站上使用原始攝影作品，但是，如果這不是一種選擇，則可以使用一些技巧來幫助選擇正確類型的照片。 　　盡管庫存照片可以節(jié)省您生成自己的圖像的時間，但許多網(wǎng)站上的圖像還是陳詞濫調(diào)。您還會發(fā)現(xiàn)許多其他網(wǎng)站可能都在展示相同的圖像，這當(dāng)然對您的信譽(yù)沒有幫助。 　　用戶將潛意識地質(zhì)疑您的圖片，從而減少信任并增加轉(zhuǎn)換過程中的難度。 　　因此，選擇庫存照片時，請盡量遠(yuǎn)離這些俗氣的圖像。這些照片是人們過度夸張的笑容，集體看著相機(jī)的照片，穿著華服的高管，一群人在空中跳躍的照片。 　　您是什么時候在現(xiàn)實(shí)生活中見過這種情況的人？ 　　而是尋找在光線充足的環(huán)境中描繪逼真的場景的照片。這可能是辦公室里的人們在商務(wù)休閑服裝的會議桌上，在筆記本電腦上打字的人的肩膀鏡頭，在白板上畫畫的人在開放的房間里談話。這些是其他人將開始認(rèn)可為合適的場景。在真實(shí)的環(huán)境中而不是在工作室中尋找真實(shí)的圖像。 　　因此，不要像這樣使用照片： 　　由于上述原因而感到不切實(shí)際，請嘗試使用以下照片： 　　找到喜歡的照片后，應(yīng)通過TinEye將其運(yùn)行，以了解多少人在其網(wǎng)站上使用該照片。如果數(shù)量是數(shù)千，那么 使用更不常見的照片。 　　這將有助于為您的品牌帶來更多真實(shí)感，并確保圖像與您的身份和內(nèi)容的解釋相符。 　　如果您發(fā)現(xiàn)自己在網(wǎng)站上獲取更多逼真的照片時遇到麻煩，還可以聯(lián)系浪知潮，以獲得一些很棒的圖庫網(wǎng)站建議。 　　更加注意您的攝影將有助于更好地代表您的品牌以及您希望別人如何看待它。 　　在設(shè)計(jì)網(wǎng)站時，導(dǎo)航是關(guān)鍵。本質(zhì)上，它是顯示用戶可以訪問的核心地點(diǎn)的地圖。用戶可以通過這種方式輕松地更深入地研究您的服務(wù)，產(chǎn)品等領(lǐng)域。 　　沒有比導(dǎo)航界面混亂的網(wǎng)站更糟糕的了。糟糕的設(shè)計(jì)實(shí)踐（例如，過度使用導(dǎo)航，使用模糊或混亂的超文本以及缺乏組織）可能會使訪問者很難找到他們想要去的地方。 　　如果用戶找不到所需的內(nèi)容，則沒有理由留在您的網(wǎng)站上。相反，他們一定會退出并找到可以提供更好用戶體驗(yàn)的競爭對手。 　　在改善網(wǎng)站的導(dǎo)航時，重要的是要確保訪問者可以輕松找到他們想要的東西。這將包括簡化的內(nèi)容，導(dǎo)航層次結(jié)構(gòu)和響應(yīng)式設(shè)計(jì)，因此體驗(yàn)不會在移動設(shè)備上發(fā)生巨大變化。 　　以Zendesk的導(dǎo)航為例，其中包含您想在其網(wǎng)站上訪問的 重要的信息。產(chǎn)品，定價（這是必須的），服務(wù)和資源。 　　每個導(dǎo)航項(xiàng)都有足夠的空間，因此很清楚分隔的位置。 　　在某些情況下，如上圖所示，菜單項(xiàng)甚至將具有描述性行，以為該頁面的目的提供更多上下文。懸停效果還使用戶清楚這些鏈接是鏈接，它們將導(dǎo)致他們轉(zhuǎn)到另一個頁面。 　　只需單擊一下，用戶即可輕松到達(dá)這些地方，因此請確保您正在制定類似的策略（而不會使導(dǎo)航超載）。 　　像這樣的干凈且有條理的導(dǎo)航使用戶知道您希望它們在您的網(wǎng)站上移動時很輕松，并且沒有什么可隱藏的。因此，您的用戶在會話期間更有可能訪問更多頁面，從而增加了他們在您的網(wǎng)站上花費(fèi)的時間。 　　曾經(jīng)有一段時間，我們對于使我們的網(wǎng)站頁面（尤其是您的首頁）過長感到不適。這是出于對用戶不會滾動的擔(dān)心，因此它迫使人們嘗試將可能的內(nèi)容塞入與用戶一起查看其網(wǎng)站的 常見的屏幕尺寸。 　　但是那些日子早已一去不復(fù)返了。在尼爾森·諾曼集團(tuán)（Nielsen Norman Group）于2018年進(jìn)行的一項(xiàng)研究中，網(wǎng)站頁面上74％的觀看時間是花在前兩個屏幕上的，水平方向 為2160px。因此，無需擔(dān)心會創(chuàng)造出更強(qiáng)大的非常規(guī)體驗(yàn)。 　　利用您的首頁來發(fā)揮自己的優(yōu)勢。 一個好的經(jīng)驗(yàn)法則是包括三到五個部分，以幫助將新用戶和經(jīng)常性用戶引導(dǎo)到您網(wǎng)站的關(guān)鍵區(qū)域。 　　這些部分應(yīng)該是什么？此列表可能會永遠(yuǎn)存在，但是一些更關(guān)鍵的元素的快速列表包括： 　　價值主張介紹視頻服務(wù)概述產(chǎn)品特點(diǎn)關(guān)于貴公司感言案例研究/成功案例內(nèi)容Zenefits在這些點(diǎn)上做得很好。 　　主頁提供了一種體驗(yàn)，可帶您簡要了解該工具，其平臺的功能，推薦和以演示為目的的號召性用語。 　　到頁面結(jié)尾，用戶對Zenefits可以為他們做些什么以及客戶如何喜歡使用該平臺有了一個全面的想法。 　　空白是必不可少的設(shè)計(jì)元素，可幫助您分解頁面并提高可讀性?？瞻卓臻g也稱為“負(fù)空間”，是指頁面上元素為空且缺少內(nèi)容或視覺項(xiàng)的區(qū)域。 　　空白在網(wǎng)站元素的設(shè)計(jì)過程和定位中也起著重要作用。雖然更多的空白可以指示哪些部分是分開的并引導(dǎo)眼睛，但是更少的空白可以指示哪些元素由于其鄰近而應(yīng)該相互關(guān)聯(lián)。 　　Vidyard一直在此方面做得很好。它們的各個部分總是大方地分開，因此它們很好地適合您的視窗，而不會受到上面或下面任何部分的過多擁擠。 　　這使用戶可以逐個關(guān)注網(wǎng)站頁面的每個部分，并立即讓他們知道每個部分的開始和結(jié)束位置。這可以幫助引導(dǎo)用戶注意重要信息，例如號召性用語或價值主張。 　　這些天來，至關(guān)重要的是，您需要花一些時間來優(yōu)化移動網(wǎng)站。 　　如果您還不知道，則有80％的互聯(lián)網(wǎng)用戶擁有智能手機(jī)，“ Google表示61％的用戶不太可能返回訪問困難的移動網(wǎng)站，而有40％的用戶訪問競爭對手的網(wǎng)站?！? 　　如果我是你，我會有點(diǎn)擔(dān)心。 　　但這不只是視覺響應(yīng)。量身定制網(wǎng)站以滿足訪問者的需求是必要的。問問自己，為什么有人會通過移動設(shè)備訪問我的網(wǎng)站？他們會尋找什么？我的經(jīng)驗(yàn)?zāi)壳笆欠裨试S他們輕松地完成這些事情？ 　　以Chili的網(wǎng)站為例，您可以清楚地看到臺式機(jī)和移動網(wǎng)站的相似之處。因此，當(dāng)用戶隨著時間的推移在兩個訂單之間來回切換時，兩者之間的相似之處使使用者變得很熟悉。 　　他們還可以輕松地在其網(wǎng)站上進(jìn)行核心任務(wù)，即點(diǎn)菜。所需的按鈕始終顯示在移動網(wǎng)站上的屏幕上，因此您可以在準(zhǔn)備就緒時進(jìn)行訂購，而不必進(jìn)入一個完全不同的頁面。 　　告訴我您是否熟悉這種情況。 　　您當(dāng)前正在在線尋找新的SaaS產(chǎn)品來解決您遇到的問題。對于這個故事，我們假設(shè)一個項(xiàng)目管理工具。 　　您花了一個小時來在兩個軟件中進(jìn)行選擇，并認(rèn)為您終于找到了一個看起來不錯的軟件。考慮到這一點(diǎn)，您現(xiàn)在嘗試查找價格。 　　因此，您僅單擊定價頁面即可到達(dá)看起來像這樣的頁面： 　　在這一點(diǎn)上，您可能有點(diǎn)沮喪。您甚至可能想知道這是否太昂貴了。他們到底想隱藏什么？為什么需要打電話問？ 　　因此，現(xiàn)在您決定離開網(wǎng)站，看看競爭對手。 　　如果您的網(wǎng)站遵循類似的模式，或更糟糕的是根本沒有定價頁面，那么您將按照相同的心態(tài)找到用戶。 　　我們無法強(qiáng)調(diào)您的網(wǎng)站上包括定價在內(nèi)的重要性?？梢允乖L問者能夠完成購買選擇，從而防止您的銷售團(tuán)隊(duì)將時間浪費(fèi)在不匹配的人上。 　　您可能會擔(dān)心競爭對手會試圖了解您的價格，或者定價太過復(fù)雜而無法在您的網(wǎng)站上顯示，但實(shí)際上，您應(yīng)該更多地?fù)?dān)心如何正確地向潛在客戶宣傳定價的原由和您能提供的價值。 　　如果某人只是在尋找 便宜的價格，無論如何他們可能都不適合您。考慮到這一點(diǎn)，讓我們看一個確實(shí)使定價在其網(wǎng)站上脫穎而出的網(wǎng)站。Trello使用戶極其容易地確定出 適合他們的價格等級以及將給用戶帶來的價格。 　　定價表具有每個層下面的功能，因此比較每個層就像從左到右閱讀一樣簡單。 后一層使用的綠色按鈕還有助于吸引人們注意那些更理想的選擇。 　　很多人在線購物時都會有“選擇困難癥”，當(dāng)客戶找到可以幫助自我選擇正確事物的工具時，那會有多高興呢！ 　　這些稱為自我選擇工具的工具會帶給用戶一系列問題，以得出特定類型的結(jié)果。這些結(jié)果可以是定制的報(bào)價，產(chǎn)品，也可以是對非常高級的問題的答案（例如，“我的性格類型是什么？”）。 　　這樣的工具可以使人們非常容易地了解 適合他們的產(chǎn)品或服務(wù)，而無需瀏覽您的網(wǎng)站來找到答案。 　　我 喜歡的看似簡單的工具是網(wǎng)站某些項(xiàng)目下方的Amazon產(chǎn)品推薦選擇器。每當(dāng)您豎起大拇指或拒絕顯示的任何內(nèi)容時，該工具都會立即更改公告中顯示的其他產(chǎn)品，認(rèn)為它更接近您要尋找的產(chǎn)品。 　　使用詳細(xì)的圖標(biāo)，用戶可以選擇 適合自己情況的選項(xiàng)，從而為他們提供 佳產(chǎn)品。這為用戶節(jié)省了無數(shù)小時搜索網(wǎng)站的時間，也省去了致電銷售代表的麻煩。 　　同樣，您越快獲得潛在客戶對他們正在尋找的東西的興趣，他們就可能會更快地購買它。 　　盡管這可能是以后的項(xiàng)目，但它是一個有價值的工具， 終將幫助您的公司與競爭對手區(qū)分開來，并在您的業(yè)務(wù)領(lǐng)域提供獨(dú)特的體驗(yàn)。 　　您的網(wǎng)站必須是公司不斷發(fā)展的一部分，而不是一成不變的?？赡芸倳懈倪M(jìn)的余地。改善網(wǎng)站的某些區(qū)域可以幫助改善轉(zhuǎn)化率，頁面停留時間和每個會話的頁面數(shù)，但是要知道哪種解決方案可能對改善網(wǎng)站 有效。 　　這是運(yùn)行A / B測試的地方。采用頁面的兩個變體進(jìn)行相互測試可以揭示某些區(qū)域是否為您的用戶造成了問題。 　　在某些情況下，您的網(wǎng)頁可能效果不錯，但是包含過時的信息。對頁面進(jìn)行A / B測試可以顯示頁面內(nèi)容對會話時長或轉(zhuǎn)換的影響。 　　在其他情況下，您可能希望查看設(shè)計(jì)更新是否會影響頁面的性能。簡單的更改（例如按鈕顏色，標(biāo)題或精煉文本）可能會在轉(zhuǎn)換率方面產(chǎn)生令人難以置信的差異。 　　話雖如此，除了采取“一勞永逸”的方法外，尤其是如果您不知道要更改什么，您可以使用工具為它們創(chuàng)建A / B測試，多變量測試，甚至設(shè)置熱圖以查看用戶的操作。 　　每個測試可以揭示各種數(shù)據(jù)，這些數(shù)據(jù)可以識別用戶為什么以特定方式與頁面進(jìn)行交互。 　　從這里開始，我將每周或每兩周監(jiān)視這些測試和工具，以查看您所做的更改如何影響頁面性能。如果事情朝著錯誤的方向發(fā)展，經(jīng)常檢查可以使您早日調(diào)整，而不是晚于調(diào)整。 　　我們建議您采用諸如Lucky Orange或Hotjar之類的用于熱映射的工具，以及A / B測試工具（如VWO，Omniconvert或A / B Delicious）。 　　花時間在網(wǎng)站上實(shí)施這些技巧可以帶來巨大的變化，可以幫助改善網(wǎng)站的性能，體驗(yàn)和客戶轉(zhuǎn)換率，但是一旦您掌握了這些技巧，您可能會認(rèn)為更應(yīng)該對您的網(wǎng)站進(jìn)行大范圍改版。 　　盡管網(wǎng)站改版是一個比較繁瑣的項(xiàng)目，但您并不孤單。因此，無論您不確定要改版網(wǎng)站還是應(yīng)該做的。這樣，當(dāng)需要進(jìn)行網(wǎng)站改版時，您將對需要做的事情更有信心。 　　你知道嗎，根據(jù) 近的一項(xiàng)研究，79%的人不喜歡他們在你的網(wǎng)站設(shè)計(jì)上看到的東西，他們會立馬回去找另一個？沒錯，如果你的用戶體驗(yàn)失敗了，十分之八的訪問者不太可能繼續(xù)訪問你的網(wǎng)站。不管你的產(chǎn)品或服務(wù)有多好，這些人都有可能永遠(yuǎn)無法理解。 　　這只是為了說明網(wǎng)站設(shè)計(jì)中的用戶體驗(yàn)很重要，并且考慮到用戶體驗(yàn)設(shè)計(jì)領(lǐng)域的快速發(fā)展，它很可能會更重要。 　　假設(shè)你的網(wǎng)站就是一個全天候的推銷員，它有潛力成為你 大的資產(chǎn)之一，就在你的營銷努力的前線。作為一個專業(yè)的推銷員，它必須精致。 　　話雖如此，我們還是冒昧地為您提供了一些技巧，希望可以改善你網(wǎng)站設(shè)計(jì)中的用戶體驗(yàn)。 　　技巧1：使用空白 　　試想一下，如果整篇文章只有一大段，你讀完它的幾率有多大？事實(shí)上，任何人經(jīng)歷這些的幾率有多大？很少對吧？ 　　你如何寫下你的文字并不是0 能讓你的文字在視覺上吸引人的東西。圖像、段落和其他媒體之間的空白也很關(guān)鍵，這就是通常所說的“空白”?！傲钊苏痼@的，對吧？ 　　根據(jù)Crazy Egg的說法，標(biāo)題和文本周圍的空白可以增加20%的用戶注意力。那不是微不足道！ 　　然而，達(dá)到適當(dāng)?shù)钠胶馐欠浅Ｖ匾摹＿^多的空白會讓用戶覺得網(wǎng)站沒有完成。過多的文字會使他們負(fù)擔(dān)過重。只要確保你用正確的方式傳達(dá)信息，而不是過多的文字。 　　技巧2：保持頁面一致 　　當(dāng)我們說一致性時，我們的意思是所有東西都需要匹配。字體的選擇、標(biāo)題的大小、顏色、間距、整體設(shè)計(jì)元素、按鈕、插圖樣式，以及幾乎所有你能想到的東西——都應(yīng)該對齊。 　　所有的東西都需要有合適的主題，這樣才能形成一個連貫的設(shè)計(jì)，并在整個網(wǎng)站上進(jìn)行翻譯，而不僅僅是在一個頁面上。 　　從一個頁面到另一個頁面的劇烈變化很容易讓用戶感到迷失，畢竟，他們應(yīng)該知道他們正在瀏覽你的網(wǎng)站。 　　技巧3：識別您的404 　　現(xiàn)在，搜索引擎不會因?yàn)槟愕?04錯誤到處都是而對你不友好，這些是“未找到的頁面”。然而，你的用戶會的。 　　當(dāng)用戶接近一個鏈接并點(diǎn)擊它時，他在期待什么。無論是一段視頻、一張圖片，還是另一頁信息，他都在等待。 　　你還記得你小的時候，你的父母說周六會帶你去動物園，然后那天終于來了，天在下雨嗎？那種靈魂破碎的感覺——你一定感受到了。雖然沒有那么糟糕，但至少已經(jīng)達(dá)到了一半。 　　404很容易破壞你的用戶體驗(yàn)。您 不希望的事情就是讓您的用戶在他們的瀏覽過程中的這個特定點(diǎn)上感到不滿意。 　　技巧4：優(yōu)化您的頁面速度 　　這一點(diǎn)可能是不言而喻的，但是對于用戶來說， 惱人的體驗(yàn)之一就是等待頁面加載。 　　移動設(shè)備正在興起，人們正通過各種不同的平臺訪問世界各地的內(nèi)容。這意味著你的網(wǎng)站必須做好準(zhǔn)備，并為各種場合進(jìn)行適當(dāng)?shù)膬?yōu)化。 　　部分io報(bào)告說，5秒的頁面加載時間可以有效地提高網(wǎng)站的跳出率超過20%。你不想因?yàn)槟愕木W(wǎng)站很慢而錯過每5個用戶中的1個。 　　獲得你的分?jǐn)?shù)-有一個免費(fèi)的工具提供的谷歌。 的一點(diǎn)是，它還可以為您提供必要的建議，以確保您的速度得到了提高。然而，與專業(yè)人士合作可能是更好的選擇。 　　技巧5：具有移動友好性和響應(yīng)性 　　再認(rèn)真的強(qiáng)調(diào)一遍，移動設(shè)備正在興起。人們通過智能手機(jī)、平板電腦等在互聯(lián)網(wǎng)上消費(fèi)大量信息。因此，你需要適應(yīng)——去回應(yīng)。 　　這就是為什么我們說你的網(wǎng)站必須響應(yīng)，這意味著它必須能夠響應(yīng)不同類型的加載設(shè)備。 　　如果你的網(wǎng)站沒有針對移動設(shè)備進(jìn)行優(yōu)化，用戶放棄它的可能性至少是你的5倍。因此，優(yōu)化它會給你帶來更多的價值和好處。 　　技巧6：網(wǎng)站動畫-它有幫助 　　網(wǎng)站動畫已經(jīng)成為一個非常流行的概念，主要是因?yàn)槿藗儗σ曈X效果的反應(yīng)比對文字的反應(yīng)更強(qiáng)烈。雖然不是每個人都承認(rèn)，但大多數(shù)人會去看電影而不是讀書。 　　現(xiàn)代動畫網(wǎng)站設(shè)計(jì)中有很多技術(shù)可以利用，然而，重要的是，再一次地，要保持事情的平衡。 　　你不能讓你的整個網(wǎng)站動畫-它只是不工作的方式。當(dāng)它放置得當(dāng)、制作精良時，動畫效果非常好。 　　總結(jié) 　　這里的6個技巧可以有效地提高你的網(wǎng)站的用戶體驗(yàn)，支持實(shí)際數(shù)據(jù)。同樣，重要的是要意識到，一個有用的網(wǎng)站可以為你的品牌創(chuàng)造奇跡，但它也可以慢慢扼殺它。 印象很重要，一定要給人留下深刻的印象！