你完成了!您終于創建了閃亮的新網站。您已經為其配備了新域和自己的獨特內容。另外,您已與我們的托管專家團隊合作。
您已經啟動了網站并開始運行,并且準備將流量引入該新創建的.com,.xyz或.whatever。因此,這里有一點值得深思的地方:在一項研究中,不良的網站設計與銷量下降直接相關。知道這一點,如果您想吸引并保持對站點的關注,還有更多工作要做。鑰匙?牢記設計。
精心設計的網站是一項回報豐厚的投資; 如果內容或布局沒有吸引力,則38%的人將停止與網站互動。 如果您的網站設計不佳,那么潛在的訪問者(或客戶)中有很多人會跳船前往其他地方。
那么,什么才是漂亮的網站?好吧,這不僅僅是美學。精心設計的網站 涉及量身定制的副本,令人印象深刻的視覺效果和智能導航。將這些元素整合到您的網站中,您將為確保成功而建立您的網站。
幸運的是,我們為您完成了一些繁重的工作。我們精心制作了這份方便的網頁設計注意指南,以指導您進行新站點的智能設計。讓我們得到視覺。
1.復制
讓我們從地面開始。創建設計良好的網站的第一步:您的文字。網站上文字的顯示方式會影響網站的整體設計,因此請密切注意內容??勺x的內容等于回頭客。
應做:保持簡短簡短
如果您認為訪問者像在星期日報紙上一樣定居在您的網站上悠閑地閱讀,請三思。
研究表明,人類的注意力跨度已降至歷史最低點:僅八秒。牢記您的聽眾,精心設計您的副本以供網絡閱讀:簡短,易于掃描并分解成可讀塊。這有助于視覺流動以及注意力范圍的不斷縮短。
請勿:讓您的內容陳舊
導航到您的站點并看到過時的過期內容,沒有比關閉訪客更快的了。信不信由你,如果網站經過精心設計,那么始終如一地為您提供高質量的內容對您的網站來說意義重大。
要做:播放編輯器
在拼寫檢查時代,拼寫錯誤和語法差的確沒有借口。無需英語學位;您只需 在發布之前對內容進行徹底校對即可。方便的預發布清單 可以幫助您解決此問題。
殺手級文案可以幫助您在聽眾中樹立信譽;無錯誤的內容可以使您的網站整潔專業。
說到專業,請輕松使用大寫字母,標點符號,斜體,甚至是專門針對您的利基的技術術語。像編寫簡歷而不是短信一樣制作副本。
2.導航
要做:快速
現實情況是,網絡用戶沒有太多耐心。實際上,有47%的人 期望網頁在兩秒鐘或更短的時間內加載。棺材的另一個缺點是網站速度緩慢: 如果加載時間太長,將有39%的人不再使用該網站。一個高效的網站速度 增加的功能,而且具有輕便的網站至關重要的行列高度,所以每一秒的事項。
請勿:忽略層次結構
一個經過精心設計的網站的一部分,是在組織您的布局時 ,使眼睛自然地以有組織的層次結構引導您的內容。這可以幫助讀者了解您的內容如何組合在一起,并知道在哪里進行掃描。
設計網站的層次結構時,需要考慮一些事項。一種是基本的:在網絡或紙上,我們喜歡從左到右,從上到下閱讀。與那些正常行為模式背道而馳的設計將為您的訪客提供學習曲線。設計良好的網站通常以這種相應的“ F”字形布置。
此外,眼動追蹤研究 表明,讀者如何掃描您的網站涉及科學。輸入:Fitt定律。簡而言之,您應該為要強調的內容(如號召性用語按鈕和關鍵內容)賦予視覺上的重量-通常以大小或顏色區分。
同樣,該法律適用于兩個點之間的點擊效率。您的設計應減少用戶達到經常使用的目標所需的時間
您還應該考慮另一個有用的設計元素:頁腳。盡管頁腳位于站點的底部和層次結構中,但頁腳為站點提供了直觀的邏輯結論,并提供了菜單可能會遺漏的聯系點。另外,它們的瀏覽量超出了您的想象,并且可以幫助您增加轉化次數。
最重要的是,使用智能且重點突出的層次結構以清晰,邏輯的方式指導網站的流程。
要做:記住可用性
如果缺少功能,那么設計精美的產品并不會帶來很多好處。您網站的設計應合乎邏輯且易于使用;如果您的用戶想得太刻苦或迷宮般地找到他們想要的東西,那么您就遇到了問題。
可用性為設計良好的網站做出了很大貢獻,但是擁有干凈,專業的網站設計不必太復雜。雖然您經營的業務或品牌的類型可能會決定網站的布局,但您并不想通過設置過于幻想或復雜的網站來犧牲可用性或信譽。您不希望訪問者在嘗試訪問您的內容時需要使用說明手冊。實際上,在漂亮的網頁上,您的設計不應引起人們的注意。它扮演著至關重要的角色,盡管是幕后角色。
你有幾件事情你 需要增加可用性:
1)清晰,易于導航的菜單,至少帶有指定的“主頁”和“聯系人”按鈕(51%的人 認為“全面的聯系信息”是許多公司網站中最重要的要素)。
2)移動響應 (請參閱下面的擴展參數)
3)跨瀏覽器類型的可訪問性
4)最佳加載時間
5)當用戶與網頁交互時,最適合他們的方法可能會隨時間而變化,因此請經常分析您網站的可用性,并注意滿足他們的導航期望并遵守行為習慣。
返回到移動對話,請考慮以下數字:
1) 從2013年12月到2019年12月,智能手機的互聯網消費量增長了78%。
2) 現在,移動設備占在線花費的每3分鐘中的近2分。
3) 如果導航到的網站不適合移動設備,則40%的用戶會選擇其他搜索結果。
4) 83%的消費者表示 同時使用多個屏幕。
因此,您的網站不僅必須在臺式機上看起來清晰,而且必須在每個屏幕上都經過精心設計,即響應迅速。
跨設備的可用性對于出色的業務至關重要:如果第一個搜索結果不適用于移動設備,則40%的人會選擇其他搜索結果。
3.視覺效果
獲得原始副本和清晰的導航后,就該考慮一下網站的外觀了。您的網站傳達消息的方式,好壞。讓您的設計煥然一新,您會發現流量,銷售量和忠實讀者的增加。
要做:記住您的第一印象
第一印象很重要。不相信我們嗎?研究表明 ,一旦網站加載,用戶就會在0.05秒內形成意見。如果您的網站不是最佳狀態,則可以向讀者告別??焖?。
而且,有48%的人 承認,網站的設計是確定企業信譽的首要因素。
在.05秒內,很多事情都在發生,因此,使您網站的最佳(虛擬)面朝前。
看起來像是網絡所有者業余愛好者的最快方法是什么?好吧,除非您希望您的網站看起來像被困在互聯網的石器時代,否則請避免閃爍或閃爍文本,過多的動畫,綜合瀏覽量或俗氣的字體或配色方案。
如果您不是圖形設計師或Web設計師,那么最好回顧一下適用于Web和紙上的一些故障保護設計原則。諸如對比度和鄰近度之類的東西可以使您的網站在視覺上更具吸引力。
現在,讓我們談談類型。
字體印刷不僅僅是選擇美觀的字體。類型是建立層次結構的重要組成部分,它可以引導讀者瀏覽網站的各個部分,并有助于營造品牌感覺。(許多品牌僅通過其字體即可識別!)
此外,字體設計在很大程度上有助于您的總體設計以及其接收和使用方式。含義:您的版式可以真正實現或破壞您網站的轉化。您要人們采取行動,購買,訂閱,退貨還是分享?明智地選擇類型。
還有一個(或兩個)顏色。
注意選擇的顏色;智能調色板可以增強用戶在您網站上的體驗,并用作建立視覺流的另一種工具。還記得色彩理論嗎?超快速刷新:
1) 對比鮮明的色彩有助于組織和劃分頁面上的元素。
2) 暖色調激發興奮感。
3) 涼爽的色彩使人平靜和放松。
知道這一點后,您應該計劃網站的配色方案,使其最適合您的品牌,并引導訪客訪問您的網站。在Adobe顏色輪 可以幫助你的計劃。
不要:恐懼空白
像泰勒·斯威夫特一樣,人類通常對空格保持警惕。我們的心中大喊“加油!填充!” 這就是最終導致混亂的混亂局面。
在您網站的設計中,空白是很好的。很好??崭癫皇抢速M空間,而是一種設計元素,可幫助引導網站的視覺流程并確定內容的優先級。此外,它還可以使讀者的眼睛和大腦急需緩解。
利用列周圍,圖形之間以及頁邊距的空白來提供結構并幫助讀者理解您的內容如何組合在一起。
做:整理
沒有什么比網絡混亂更能使您的網站變得大聲疾呼了。
設計網站并不像從雜志上剪出圖片并將它們粘貼在紙上一樣,就像拼貼一樣。一個有吸引力的網站干凈整潔,結構合理,目的明確。我們的座右銘:更少(真的)就是更多。
一些管家規則:
1) 當心死鏈接。盡快更新或刪除它們。
2) 刷新舊的或過時的內容。
3) 密切關注分析 和維修問題區域。
4) 優化圖像并為每個圖像提供替代文本。
5) 隨著網站的增長清理類別和標簽。
6) 查看您的搜索引擎優化(SEO)策略 和內部鏈接結構。
要做:向最好的人學習
您希望網站的設計能夠 很好地代表您的品牌。但是,查看一些最佳Web站點以從能夠很好地利用Web設計原理的站點中汲取想法和靈感并沒有錯。是時候免費瀏覽一下。
做:試駕
像大多數其他事情一樣,好的網站設計需要大量的反復試驗才能完善。
清理網站并實施新的設計元素后,請在其他設備上進行預覽。檢查(也許是另一只值得信賴的眼睛)是否有任何明顯的設計或導航問題。在與讀者的瀏覽器會面之前,您需要對其進行徹底檢查。
測試,測試,測試。那是你的座右銘。(我們應該做T恤嗎?)
嘗試使用Nibbler之類的服務,該服務將為您提供有關如何在許多不同領域中改進網站的見解,例如代碼質量,內部鏈接,社會興趣和移動優化。
包起來
您已經為使您的新站點投入了辛勤工作。從我們到您的榮譽!
不要讓讀者活在網絡的真正設計潛力中,而越過您的網絡產品。著眼于視覺效果,文本和導航,您可以關注內容-留下來。
設計精美的網站僅幾步之遙。