POST TIME:2018-12-03 21:48
在今天這樣一個互聯網+時代,絕大多數企業都意識到通過線上資訊來吸引更多的潛在客戶是多么的重要。這些潛在客戶對你的公司及產品印象的好壞,很大程度上取決于你在網站設計上投入精力的多少。所以花時間構思一個好的網站設計,特別是主頁部分的設計非常關鍵。
用戶點擊完搜索結果后首先跳轉到的頁面就是該網站的主頁,主頁直接影響到訪客對該公司及其產品的第一印象,所以必需把這個頁面盡可能設計得友好且抓人眼球。
在欣賞這20個優秀的主頁設計之前,我們先來介紹一下現代主頁設計應包羅的基本要素。
有效介紹你的公司的能力
一個主頁最重要的部分在于它能否有效地吸引訪客的注意力。所以關鍵在于,你的主頁能否在幾秒鐘內解答訪客心中的三大疑問:
1. 這是個什么性質的公司?
2. 這個公司具體是做什么的?
3. 和競爭對手比,你的優勢在哪?
如果你的主頁能夠準確清晰的回答這三個問題,那么拜候者就能在了解你的公司的基礎上有駕馭的購買你的產品及辦事。
許多企業有其獨特的口號或簡短的標語,用以凸顯其價值主張(UVP)。他們通過簡練的語言傳達出公司理念,與訪客建立起一種聯系。所以這些口號經常出現在主頁上,并大量的用于公司的品牌營銷策略。
自適應、簡約的設計
拜候者會通過PC、平板電腦或智能手機等設備登入你的網站。隨著全球移動普及率的不停提高,最新的數據顯示將近60%的網站流量是移動設備提供的。
為了確保你的網站有更好的用戶體驗,在頁面設計時考慮其自適應性很關鍵。自適應設計意味著無論通過什么設備接入你的網站,用戶的體驗是相同的或非常相似的。首先,導航要設計的便利,使得用戶可以快速瀏覽差別的頁面;其次,功能需要類似,這樣用戶無需切換設備即可拜候網站的全部功能;最后,設計要簡單,這樣才能確保你的設計在差別尺寸的屏幕上都可以清晰地傳達。
一個風格一致且響應及時的網站將有助于連結品牌的知名度,為拜候者跨平臺與公司連結聯系提供便利。
動態感,互動性和聯系性
人們更傾向于記住那些能調動他們情緒的事情。將這個竅門應用到你的主頁設計上可以為拜候者創造一種不凡的體驗。
一個動態主頁可以讓訪客連結表情愉悅,在使用的過程也更容易留下深刻的印象。而充分利用變革的插圖、動畫、視頻或迷你游戲可以增強開發者和用戶之間的互動性。在頁眉和頁腳加迷你動畫這樣的小細節,也是提高用戶體驗的不錯選擇。
動態布局可以讓訪客了解你的整體想法。虛擬現實或360°場景漫游頁面可以更立體地向用戶展示公司業務及其產品,達到鞏固其與品牌之間聯系的效果。
按期更新主頁內容、及時反映客戶所需或分享公司的最新動態,這些都是使網站連結活力并與訪客加強聯系的方式。提供了很多動態主頁布局的案例。
換言之,在設計和布局主頁時采用動態方式可以加深你與用戶之間的合作,為他們提供有趣而又獨特的體驗,這樣他們就會時時時地上你的網站逛逛啦!
簡單、流暢的導航
整個網站的使用過程應該是很流暢的。如果訪客在拜候網站過程中產生了挫敗感,那么這種負面情緒將會極大地影響你們之間的關系。
一個巧妙且直不雅觀的主頁設計首先應該使用簡單的導航,通過顏色和對比度等視覺分隔手段來打造易于識另外菜單。其次,差別頁面標簽之間應具有合理的邏輯關系,這樣用戶才能快速找到導航選項卡或按鈕的位置。確保拜候者知道本身在網站所處的位置也是非常重要的,因此選定之后產生一些視覺變革(如:突出顯示,對比度或顏色更改)可以帶來紛歧樣的效果。一個優秀的主頁設計可以使拜候者在差別頁面和分屏之間輕松游藝,時刻連結與用戶的緊密聯系,以激起他們繼續拜候的欲望。
適當加入號召性用語
你的主頁有人拜候了!這是一個很好的開始,但你要怎么留住他們呢?許多現代主頁通過具體的號召性用語(CTA)吸引訪客注意,例如“立即注冊”、“加入我們”、“免費試用”、“立即訂閱”等等,這里有一些可以增加點擊率的CTA示例
網頁應該致力于吸引目標用戶的注意力,引導其進一步了解公司,找到本身想要的信息,留下聯系方式,或以其他方式與公司進行聯系。恰到好處的CTA可以引導拜候者在你預期的路徑上瀏覽,這樣原本只起到宣傳手冊作用的主頁將變為強有力的銷售引擎。
和時代尺度連結一致