<em id="vvxpf"></em>

    <noframes id="vvxpf"><form id="vvxpf"></form>
    <address id="vvxpf"></address><address id="vvxpf"><address id="vvxpf"><listing id="vvxpf"></listing></address></address>
    <address id="vvxpf"><form id="vvxpf"><nobr id="vvxpf"></nobr></form></address>

            <form id="vvxpf"><nobr id="vvxpf"></nobr></form>
            2021年改善網站設計的12個技巧
            來源:網絡 日期:2021-03-10 17:58 作者:小編.h

            2021年改善網站設計的12個技巧

            登陸你的網站五秒鐘內,訪客能確認你的公司是做什么的嗎?用戶能否根據自己的需求輕松導航到各個欄目?你的定價布局好理解嗎?你的網站跳出率低嗎?

            如果你發現你對這些問題的回答是“不”,那么可能是時候認真考慮一下你設計和優化網站的方式了。

            網站的設計可以整合你網站的用戶體驗和功能,適當補充你的內容,讓它真正脫穎而出。

            可能很容易忽略這些東西,認為這些更新是你在網站優先級上不用擔心的事情,但是一個成功的網站需要高質量的內容和優秀的用戶體驗兩者來保持平衡。

            你最不想做的事情就是花時間在信息中心或者服務頁面上寫一些驚艷的東西,但是不會因為設計缺陷、導航問題、布局混亂或者錯過轉換機會而被注意到。

            然而,影響網站用戶體驗的因素很多,理解所有需要解決的最重要的事情可能是一個挑戰。

            那么,你需要知道什么才能開始改進你的網頁設計呢?

            為了回答這個問題,這里有12個網站設計技巧來確保你在朝著正確的方向修改,并且你不會拒絕訪問者。

            1.有計劃

            現在你已經意識到你的網站可能需要一些改進,是時候退一步,制定一個計劃來詳細解釋如何解決這些問題了。

            從描繪你的客戶之旅開始,從某人第一次訪問你的網站的那一刻到他們成為客戶的那一刻。

            在這樣做時,請考慮他們將查看哪些頁面,他們將閱讀什么,以及他們將轉換什么樣的報價。了解這一點將有助于你設計一個真正能獲得潛在客戶的網站。

            如果你試圖獲得這些數據,或者缺乏一個可以使研究更容易的客戶關系管理系統,你可以隨時采訪你的客戶?;?5-30分鐘問他們幾個問題(你甚至可以用100元的星巴克禮品卡補償他們)。與盡可能多的人交流,但不要費力。

            然后,用這些數據來制定你的策略。這將幫助您識別網站的關鍵接觸點或用戶交互的區域。

            在這些接觸點中,你應該能夠畫出每個接觸點需要喚起用戶的情緒、想法、目標、痛點和機會。

            回答這些問題將有助于你指導你的設計。他們的形象會以你想要的方式最有效地解決這些領域嗎?具體調色板呢?開始您的客戶之旅將有助于找到這些問題的答案,并更好地改進您的設計。

            2.消除干擾因素

            網站上的某些元素會損害你試圖傳達的價值和信息。復雜的動畫、過長的內容和“粗糙”的網站圖像都會對用戶造成干擾。

            對于一個只有八秒鐘關注時間的受眾來說,你需要充分說明用戶在他們正在查看的頁面上會學到什么,你的設計一定不能因此而受到干擾。

            這是為了確保你在付諸實踐之前有一個一致的品牌代碼。

            這應該指定你的字體風格,顏色,圖像,圖標和標志的使用。沒有這個,品牌在設計頁面的時候很容易糾結。您可能開始看到使用的任何顏色和各種字體樣式和大小,這反過來可能會分散您的信息或對試圖轉換的人造成視覺混亂。

            避免過多的頁面動畫或交互也很重要。如果你在頁面上滾動,看到每個按鈕都有跳動或者每個圖標部分都有自己的動畫,你可能會感到不知所措,讓他們無法閱讀頁面上的內容。

            當我們看一個網站時,我們首先注意到的是顏色。一方面,它們的使用方式使得用戶很難決定他們的眼睛應該去哪里。應該是兩個紅色按鈕中的一個嗎?好吧,還是導航頂端?

            您需要弄清楚當用戶到達頁面時,您希望他們的注意力轉向哪里,以及他們自然需要遵循什么順序。當前的顏色排列會對實現此目的造成干擾。

            其次,一些網站區域的間距不一致。如果您增加文本周圍容器的寬度,您可以很容易地修復它。在標題下面的灰色部分,它們以一個按鈕開始(幾乎沒有上下文),感覺夾在圖像的頂部。作為用戶,我想知道是應該在下面留空間,還是應該和圖片直接相關。網站加載不正確嗎?這種內部爭論造成了混亂。

            讓我們看看一個提供更好的用戶體驗并遵循品牌指南的頁面。

            在我們上面,有一家IT領域的公司,通信廣場。乍一看,網站的外觀更簡潔,顏色更醒目,空白也更多。

            在顏色方面,我們喜歡通信廣場有兩種按鈕顏色,一種用于頂部或漏斗中優先級較低的操作(藍色),另一種,

            一種用于漏斗底部的操作(橙色)。結果,我立即注視著橙色,這是他們希望我采取的更重要的措施。

            它們的字體也更具凝聚力,看起來只有一個字體家族,以淺,中或粗體使用。這樣可以創建均勻性并使所有內容都能很好地協同工作。

            總體而言,幻燈大圖幾乎沒有分散注意力的空間?;脽舸髨D本身并不太詳細,并用白色覆蓋層遮蓋,這使內容脫穎而出,而不是消失在圖像中。

            此類詳細信息確實有助于改善您的整體網站體驗,并幫助您的用戶更好地了解您想要他們做的事情,從而減少混亂。

            3.添加社會證明

            如果您在天貓或京東上時像大多數人一樣購物,那么您很可能會偏愛那些寫有四到五星級評論的產品。

            通過查看這些評論,我們獲得了對產品的信任,相信它會按承諾執行我們需要做的事情,這反過來又促使我們購買它。

            同樣的效果適用于您的產品或服務以及網站。如果用戶從真實的人那里看到有影響力的推薦,則研究表明,您的潛在客戶購買產品的可能性要高58%。

            但是,您的推薦信息在外觀上應該如何看待,以便他們在看到用戶時能與用戶建立有效的信任關系?

            好吧,您可以采取一些策略。但是首先,您需要考慮想要哪種格式的證明書,文本或視頻。從歷史上看,視頻推薦是最好的。這是因為介質自然可以使用戶的注意力保持更長的時間,并且還可以建立更牢固的人際關系,從而能夠聽到聲音并看到真實人的面孔。

            您還可以選擇文本推薦信息,但是,如果正確設計和合并,它仍將有助于建立與用戶的信任。

            Upland Adestra是英國的企業電子郵件和營銷自動化軟件公司。他們在個人鑒定頁上有四個視頻,每個視頻都包含在各自的部分中。

            Upland并沒有將所有視頻隨意地放置在一起,而是將它們分開,并在它們的旁邊加上標題和句子,詳細說明了結果或客戶與他們合作所獲得的收益?,F在,用戶可以了解他們將在視頻中聽到的內容。

            我們喜歡一些視頻如何顯示某人講話的縮略圖,從而從視覺上使用戶放心,他們可能會從客戶那里聽到自己的聲音,而不是觀看基于文本的視頻。

            如果您還沒有像Upland這樣的客戶推薦視頻,那么您可能會找到一個案例研究頁面,您可以在其中詳細討論為幫助客戶所做的一切。

            Zenefits在其網站上做了出色的工作。

            每張卡都設計有圖像,以展示該公司的成員,這比他們使用圖庫照片或僅使用徽標的圖片更值得信賴。

            而且由于他們有五頁方案內容,因此他們在頁面頂部添加了一個過濾器,該過濾器使用戶可以細分要尋找的行業或解決方案類型?,F在,用戶可以更快地找到他們想要的案例研究類型。

            最后,如果您的站點僅包含文本證明而沒有案例研究,則在設計它們時需要注意一些方面。

            例如,您不能僅將一組文字推薦和一個名稱放在一處。這些將不太可能被視為事實,因為這會讓用戶懷疑他們在什么公司工作,他們的職稱是什么,以及該人的形像(以視覺方式確認該人可能是真實的)。

            在Drift網站上查看此推薦部分。

            在他們的情況下,他們使用推特評論,但您可以輕松地使用不使用Twitter feed的內容來補充此布局。

            無論它們來自Twitter,本部分都可以使您完成很多事情。第一,由于采用了興趣樣式,因此可以立即查看大量評論。

            其次,推薦信息中包含照片和人物/公司名稱,從而使評論更加合法。

            如果要在您的網站上加入推薦信息,那么在您的主頁,服務頁或導航中就應包含的專用客戶推薦信息。對于正在了解您的公司并考慮購買的人們,這些頁面中的每一個都是最佳的接觸點。

            只要是真實的推薦,推薦就可以在您成為客戶之前改善您網站的體驗并贏得潛在客戶的信任。

            4.實施號召性用語

            一旦訪問者登陸您的網站(可能通過主頁),您就需要引導他們訪問網站上的位置,以幫助他們進行轉化。人們很懶惰,所以對他們來說很容易。為他們指明正確的方向,這樣他們就不必為找到想要的東西而費勁。

            考慮到這一點,改善網頁設計的最佳方法之一是在導航的右上角,需要采取措施的部分以及網站頁面的底部等區域使用策略性的號召性用語。

            但是不要忘了您的買家旅程。在您的網站上要做的一件簡單的事情是,無論用戶身在何處,都可以通過最底層的渠道號召性用語(BOFU)來淹沒用戶,但如果有人不愿意購買,那么他們很可能不會采取任何措施。完全沒有

            相反,您應該根據他們正在查看的頁面與您的用戶見面。

            例如,如果他們在網站上,了解用于構建自定義壁櫥的材料,則此人更有可能仍在自我教育并意識到自己的問題。與其給他們一個“聯系我們”號召性用語,不如給他們看一個有關定制壁櫥建筑材料的綜合指南。他們將更可能轉換,因為這是當前的擔憂。

            看看一個現實的例子。

            標題為“建設一個企業網站需要多少錢呢?”。接觸本文的讀者可能會考慮改版網站,并試圖確定這是否對他們而言是最佳決定。因此,只有向他們展示一個號召性用語來幫助他們了解更多信息才有意義。

            我們提供給他們的報價是改版您的網站的最終指南,希望他們可以在一個地方找到幾乎所有所需內容的答案。

            這些類型的優惠還具有與用戶建立信任的好處。如果通過這些工作來教育他們,他們將開始把您的公司視為思想領袖,使他們對研究您的服務感到更加自在。

            5.使用正確的庫存圖片

            我們始終建議您在網站上使用原始攝影作品,但是,如果這不是一種選擇,則可以使用一些技巧來幫助選擇正確類型的照片。

            盡管庫存照片可以節省您生成自己的圖像的時間,但許多網站上的圖像還是陳詞濫調。您還會發現許多其他網站可能都在展示相同的圖像,這當然對您的信譽沒有幫助。

            用戶將潛意識地質疑您的圖片,從而減少信任并增加轉換過程中的難度。

            因此,選擇庫存照片時,請盡量遠離這些俗氣的圖像。這些照片是人們過度夸張的笑容,集體看著相機的照片,穿著華服的高管,一群人在空中跳躍的照片。

            您是什么時候在現實生活中見過這種情況的人?

            而是尋找在光線充足的環境中描繪逼真的場景的照片。這可能是辦公室里的人們在商務休閑服裝的會議桌上,在筆記本電腦上打字的人的肩膀鏡頭,在白板上畫畫的人在開放的房間里談話。這些是其他人將開始認可為合適的場景。在真實的環境中而不是在工作室中尋找真實的圖像。

            因此,不要像這樣使用照片:

            由于上述原因而感到不切實際,請嘗試使用以下照片:

            找到喜歡的照片后,應通過TinEye將其運行,以了解多少人在其網站上使用該照片。如果數量是數千,那么最好使用更不常見的照片。

            這將有助于為您的品牌帶來更多真實感,并確保圖像與您的身份和內容的解釋相符。

            如果您發現自己在網站上獲取更多逼真的照片時遇到麻煩,還可以聯系浪知潮,以獲得一些很棒的圖庫網站建議。

            更加注意您的攝影將有助于更好地代表您的品牌以及您希望別人如何看待它。

            6.有組織的導航

            在設計網站時,導航是關鍵。本質上,它是顯示用戶可以訪問的核心地點的地圖。用戶可以通過這種方式輕松地更深入地研究您的服務,產品等領域。

            沒有比導航界面混亂的網站更糟糕的了。糟糕的設計實踐(例如,過度使用導航,使用模糊或混亂的超文本以及缺乏組織)可能會使訪問者很難找到他們想要去的地方。

            如果用戶找不到所需的內容,則沒有理由留在您的網站上。相反,他們一定會退出并找到可以提供更好用戶體驗的競爭對手。

            在改善網站的導航時,重要的是要確保訪問者可以輕松找到他們想要的東西。這將包括簡化的內容,導航層次結構和響應式設計,因此體驗不會在移動設備上發生巨大變化。

            以Zendesk的導航為例,其中包含您想在其網站上訪問的最重要的信息。產品,定價(這是必須的),服務和資源。

            每個導航項都有足夠的空間,因此很清楚分隔的位置。

            在某些情況下,如上圖所示,菜單項甚至將具有描述性行,以為該頁面的目的提供更多上下文。懸停效果還使用戶清楚這些鏈接是鏈接,它們將導致他們轉到另一個頁面。

            只需單擊一下,用戶即可輕松到達這些地方,因此請確保您正在制定類似的策略(而不會使導航超載)。

            像這樣的干凈且有條理的導航使用戶知道您希望它們在您的網站上移動時很輕松,并且沒有什么可隱藏的。因此,您的用戶在會話期間更有可能訪問更多頁面,從而增加了他們在您的網站上花費的時間。

            7.讓您的訪問者在您的主頁上滾動

            曾經有一段時間,我們對于使我們的網站頁面(尤其是您的首頁)過長感到不適。這是出于對用戶不會滾動的擔心,因此它迫使人們嘗試將可能的內容塞入與用戶一起查看其網站的最常見的屏幕尺寸。

            但是那些日子早已一去不復返了。在尼爾森·諾曼集團(Nielsen Norman Group)于2018年進行的一項研究中,網站頁面上74%的觀看時間是花在前兩個屏幕上的,水平方向最大為2160px。因此,無需擔心會創造出更強大的非常規體驗。

            利用您的首頁來發揮自己的優勢。 一個好的經驗法則是包括三到五個部分,以幫助將新用戶和經常性用戶引導到您網站的關鍵區域。

            這些部分應該是什么?此列表可能會永遠存在,但是一些更關鍵的元素的快速列表包括:

            • 價值主張
            • 介紹視頻
            • 服務概述
            • 產品特點
            • 關于貴公司
            • 感言
            • 案例研究/成功案例
            • 內容

            Zenefits在這些點上做得很好。

            主頁提供了一種體驗,可帶您簡要了解該工具,其平臺的功能,推薦和以演示為目的的號召性用語。

            到頁面結尾,用戶對Zenefits可以為他們做些什么以及客戶如何喜歡使用該平臺有了一個全面的想法。

            8.不要害怕空白

            空白是必不可少的設計元素,可幫助您分解頁面并提高可讀性??瞻卓臻g也稱為“負空間”,是指頁面上元素為空且缺少內容或視覺項的區域。

            空白在網站元素的設計過程和定位中也起著重要作用。雖然更多的空白可以指示哪些部分是分開的并引導眼睛,但是更少的空白可以指示哪些元素由于其鄰近而應該相互關聯。

            Vidyard一直在此方面做得很好。它們的各個部分總是大方地分開,因此它們很好地適合您的視窗,而不會受到上面或下面任何部分的過多擁擠。

            這使用戶可以逐個關注網站頁面的每個部分,并立即讓他們知道每個部分的開始和結束位置。這可以幫助引導用戶注意重要信息,例如號召性用語或價值主張。

            9.必須進行移動優化

            這些天來,至關重要的是,您需要花一些時間來優化移動網站。

            如果您還不知道,則有80%的互聯網用戶擁有智能手機,“ Google表示61%的用戶不太可能返回訪問困難的移動網站,而有40%的用戶訪問競爭對手的網站?!?/p>

            如果我是你,我會有點擔心。

            但這不只是視覺響應。量身定制網站以滿足訪問者的需求是必要的。問問自己,為什么有人會通過移動設備訪問我的網站?他們會尋找什么?我的經驗目前是否允許他們輕松地完成這些事情?

            以Chili的網站為例,您可以清楚地看到臺式機和移動網站的相似之處。因此,當用戶隨著時間的推移在兩個訂單之間來回切換時,兩者之間的相似之處使使用者變得很熟悉。

            他們還可以輕松地在其網站上進行核心任務,即點菜。所需的按鈕始終顯示在移動網站上的屏幕上,因此您可以在準備就緒時進行訂購,而不必進入一個完全不同的頁面。

            10.輕松找到定價

            告訴我您是否熟悉這種情況。

            您當前正在在線尋找新的SaaS產品來解決您遇到的問題。對于這個故事,我們假設一個項目管理工具。

            您花了一個小時來在兩個軟件中進行選擇,并認為您終于找到了一個看起來不錯的軟件??紤]到這一點,您現在嘗試查找價格。

            因此,您僅單擊定價頁面即可到達看起來像這樣的頁面:

            在這一點上,您可能有點沮喪。您甚至可能想知道這是否太昂貴了。他們到底想隱藏什么?為什么需要打電話問?

            因此,現在您決定離開網站,看看競爭對手。

            如果您的網站遵循類似的模式,或更糟糕的是根本沒有定價頁面,那么您將按照相同的心態找到用戶。

            我們無法強調您的網站上包括定價在內的重要性??梢允乖L問者能夠完成購買選擇,從而防止您的銷售團隊將時間浪費在不匹配的人上。

            您可能會擔心競爭對手會試圖了解您的價格,或者定價太過復雜而無法在您的網站上顯示,但實際上,您應該更多地擔心如何正確地向潛在客戶宣傳定價的原由和您能提供的價值。

            如果某人只是在尋找最便宜的價格,無論如何他們可能都不適合您??紤]到這一點,讓我們看一個確實使定價在其網站上脫穎而出的網站。Trello使用戶極其容易地確定出最適合他們的價格等級以及將給用戶帶來的價格。

            定價表具有每個層下面的功能,因此比較每個層就像從左到右閱讀一樣簡單。最后一層使用的綠色按鈕還有助于吸引人們注意那些更理想的選擇。

            11.創造自我選擇的體驗

            很多人在線購物時都會有“選擇困難癥”,當客戶找到可以幫助自我選擇正確事物的工具時,那會有多高興呢!

            這些稱為自我選擇工具的工具會帶給用戶一系列問題,以得出特定類型的結果。這些結果可以是定制的報價,產品,也可以是對非常高級的問題的答案(例如,“我的性格類型是什么?”)。

            這樣的工具可以使人們非常容易地了解最適合他們的產品或服務,而無需瀏覽您的網站來找到答案。

            我最喜歡的看似簡單的工具是網站某些項目下方的Amazon產品推薦選擇器。每當您豎起大拇指或拒絕顯示的任何內容時,該工具都會立即更改供稿中顯示的其他產品,認為它更接近您要尋找的產品。

            使用詳細的圖標,用戶可以選擇最適合自己情況的選項,從而為他們提供最佳產品。這為用戶節省了無數小時搜索網站的時間,也省去了致電銷售代表的麻煩。

            同樣,您越快獲得潛在客戶對他們正在尋找的東西的興趣,他們就可能會更快地購買它。

            盡管這可能是以后的項目,但它是一個有價值的工具,最終將幫助您的公司與競爭對手區分開來,并在您的業務領域提供獨特的體驗。

            12.測試并迭代

            您的網站必須是公司不斷發展的一部分,而不是一成不變的??赡芸倳懈倪M的余地。改善網站的某些區域可以幫助改善轉化率,頁面停留時間和每個會話的頁面數,但是要知道哪種解決方案可能對改善網站最有效。

            這是運行A / B測試的地方。采用頁面的兩個變體進行相互測試可以揭示某些區域是否為您的用戶造成了問題。

            在某些情況下,您的網頁可能效果不錯,但是包含過時的信息。對頁面進行A / B測試可以顯示頁面內容對會話時長或轉換的影響。

            在其他情況下,您可能希望查看設計更新是否會影響頁面的性能。簡單的更改(例如按鈕顏色,標題或精煉文本)可能會在轉換率方面產生令人難以置信的差異。

            話雖如此,除了采取“一勞永逸”的方法外,尤其是如果您不知道要更改什么,您可以使用工具為它們創建A / B測試,多變量測試,甚至設置熱圖以查看用戶的操作。

            每個測試可以揭示各種數據,這些數據可以識別用戶為什么以特定方式與頁面進行交互。

            從這里開始,我將每周或每兩周監視這些測試和工具,以查看您所做的更改如何影響頁面性能。如果事情朝著錯誤的方向發展,經常檢查可以使您早日調整,而不是晚于調整。

            我們建議您采用諸如Lucky Orange或Hotjar之類的用于熱映射的工具,以及A / B測試工具(如VWO,Omniconvert或A / B Delicious)。

            重要要點

            花時間在網站上實施這些技巧可以帶來巨大的變化,可以幫助改善網站的性能,體驗和客戶轉換率,但是一旦您掌握了這些技巧,您可能會認為更應該對您的網站進行大范圍改版。

            盡管網站改版是一個比較繁瑣的項目,但您并不孤單。因此,無論您不確定要改版網站還是應該做的。這樣,當需要進行網站改版時,您將對需要做的事情更有信心。 返回首頁,查看更多

            上一篇:掌握搜索意圖的三個簡單步驟 下一篇:沒有了
            猜你喜歡
            各種觀點
            熱門排行
            精彩
            高大丰满的俄罗斯少妇_性欧美欧美巨大69_被老头添奶头和下面好爽_车上做好紧我太爽了再快点_皇后夹得真紧h_寡妇和大狼交