建立首頁設計嗰陣, 有幾樣嘢你應該記住. It’s important to keep it simple, 同埋用圖片, 影片, 同埋導航,幫助訪客導覽網站. 唔好唔記得加入你嘅標誌, 都係! 大部分網站都會喺佢哋嘅首頁左上角顯示佢哋嘅標誌, 但係你亦可以將佢放喺導覽列入面. 最好將你嘅標誌保持大同埋易於閱讀,噉樣訪客就可以輕鬆識別佢.
建立首頁設計嗰陣, 保持簡單好重要. 佢唔一定要用圖像同動畫過載 – 噉樣會令到訪客混亂同埋減慢你個網站嘅速度. 專業嘅網頁設計師可以幫你喺唔使用太多分散注意力嘅情況下,充分利用你嘅首頁設計. 文案應該引人入勝,字體應該易於閱讀.
首頁嘅目標係說服訪客探索更多網站同埋透過渠道移動. 要達到呢個目標, 你需要加入呼籲字句掣 (CTA) – 呢啲通常係聯絡表格或者訂閱註冊掣 – 喺一個吸引同突出嘅地方. 另外, 如果你喺你嘅首頁上面用緊幾個 CTA, 你應該用唔同顏色嘅 CTA 掣嚟吸引你嘅讀者撳佢哋.
另一個簡單嘅首頁設計例子就係 Calm 網站. 佢哋嘅首頁設計乾淨,同埋符合品牌嘅價值觀. 同樣地, Zenefits 首頁係一個設計類似嘅網站嘅好例子, 但係有唔同嘅感覺. 喺呢個情況下, 滾動設計令到首頁睇落立體,仲有唔同顏色嘅符號.
最終, 簡單嘅首頁設計應該着重清楚噉呈現優惠, 而唔會分散訪客嘅注意力. 你可以用一個強大嘅工具,例如 TruAccent 語音識別技術,嚟確保你嘅訊息被清楚聽到. Copyblogger 亦建議使用強大嘅詞語去喚起情緒同同讀者建立聯繫. 用權威之類嘅字眼, 好有效, 同埋簡單都係吸引首頁注意力嘅好方法.
Images are an important part of homepage design for a variety of reasons. 佢哋有助分解文字同埋保持潛在客戶嘅興趣. 好多商家都會加入更多圖像,嚟令佢哋嘅產品同服務有視覺吸引力. 另一個好方法去分解你首頁嘅文字,就係用圖示. 圖示有象徵意義, 同埋係一個方便嘅方法去減少頁面上嘅文字.
你揀嘅圖片應該同你首頁嘅內容有關. 例如, 如果你喺旅遊業, 你可能想用啲開心嘅冲浪者嘅相. 圖片唔一定要有資訊, 但係佢哋應該定調. 創造一個引人入勝嘅設計, 用一張可以啟發你嘅觀眾嘅圖片. 你亦可以用庫存圖片向你嘅訪客傳達某種語氣. 呢啲對喺你嘅網站上面營造一個歡迎嘅氣氛特別有幫助.
Adding video to your homepage design is a great way to enhance your landing page and increase your conversions. 你可以用好多唔同類型嘅影片, 而且佢哋都會增加你嘅首頁嘅吸引力. 喺首頁加入影片係令你嘅網站喺競爭中脫穎而出嘅好方法.
你首頁上面嘅影片會突顯你獨特嘅賣點, 示範你嘅產品或者服務, 同埋引起人哋注意你嘅行動呼籲. 佢應該喺你個頁面嘅頂部或者中間. 確保影片放喺最好嘅位置, 用熱圖去分析人哋點睇首頁. 避免喺你嘅影片入面分享太多資料. 你遲啲可以隨時建立更多影片, 所以專注喺展示你嘅主要好處.
令你嘅影片喺首頁嘅其他內容中脫穎而出係必要嘅. 製作得唔好嘅影片會令你嘅網站顯得唔太專業, 同埋冇為整體訊息加任何嘢. 為咗避免呢個情況, 確保你嘅影片製作得好同編輯得好. 如果可以嘅話, 喺窗口附近或者背景噪音低嘅環境拍攝影片.
首頁設計上面嘅影片可以增加人哋點擊連結同睇你內容嘅機會. 呢個設計元素亦都可以改善你嘅導航. 影片可能會占用你系統嘅大部分資源. 如果你喺你嘅首頁用緊你嘅影片, 確保你揀一段唔太大嘅高解像度影片.
A website’s navigation is one of the most important design elements. 訪客喺唔同嘅來源到達某個網站, 包括搜尋引擎結果同其他網站嘅連結. 你揀嘅導覽結構應該同你嘅目標受眾相符. 識別遊客通常會去邊啲地方亦都好重要. 導覽效果唔好嘅網站比起導覽效果好嘅網站,被瀏覽嘅機會較低.
為咗防止混淆, 令導覽容易搵到同埋盡量簡潔. 頂部導覽列唔應該包含超過七個項目. 人類嘅大腦只可以記住七個項目, 所以少啲物品會令到訪客更容易搵到佢哋想搵嘅嘢. 同樣地, 社交媒體掣應該放喺頁尾, 噉樣用戶就唔會因為佢哋而分心.
好嘅導覽亦都會增加你嘅搜尋引擎優化. 呢個係因為好嘅導覽功能可以幫助搜尋引擎更有效率噉爬取你嘅網站, 導致搜尋結果中嘅排名較高. 另外, 易於導航會增加購物嘅機會. 人哋通常會喺容易搵到自己想要嘅嘢嗰陣購物. 此外, 好嘅導覽會令你嘅訪客喺你嘅網站上面感到更舒服.
下拉式選單係一個好方法,令你嘅導覽更加易於使用. 呢啲選單會列出頂層類別同子類別,同埋提供內容連結. 佢哋亦都非常適合有複雜 IA 嘅網站.
Cascading menus are an effective way to display an extensive list of options for users. 但係, 正確嘅放置同部署對於正面嘅使用者體驗至關重要. 以下係一啲將菜單納入首頁設計嘅提示. 你應該將選單選項放入邏輯群組,同埋為每個群組指定描述性標題. 亦都好重要避免整長或者令人混亂嘅餐牌標題.
《紐約時報》喺佢哋嘅網站上面用咗一個橫向嘅下拉式選單. 佢畀用戶輕鬆噉瀏覽唔同嘅選項,而唔使重新整理頁面. 用戶可以輕鬆噉揀佢哋感興趣嘅選項,同埋輕鬆縮窄佢哋嘅搜尋範圍. 首頁嘅菜單亦都會畀用戶睇到有好多選項嘅視覺提示.
好多網站都會犯錯,將一個重嘅選單放喺主要內容上面. 增加你個網站嘅功能嘅一個簡單方法就係令到佢容易導覽. 設計得好嘅下拉式選單應該好睇同埋運作得順暢. 你嘅導覽嘅配色方案應該反轉,噉樣用戶就可以輕鬆噉揀所需嘅選項. 如果你用緊藍色同黃色, 確保佢哋有對比.
加入一個黏性嘅子菜單係另一個有效嘅方法去提高你嘅菜單嘅效果. 呢種選單會喺每個部分嘅主要標題入面抽取項目. 黏住嘅子選單會將觀眾引導去適當嘅部分. 加上, 黏性子選單會保留喺你個視窗頂部,用嚟突顯已經瀏覽過嘅特定部分.
When designing a homepage, 你應該考慮嘅第一件事係人哋有幾容易瀏覽內容. 人哋想快啲搵到佢哋需要嘅資料. 導覽列應該易於使用,並且應該位於頁面頂部或右手角. 用戶應該可以喺冇任何問題嘅情況下搵到佢哋想搵嘅任何嘢.
首頁亦應該可以回答訪客可能有嘅問題. 大部分訪客都想要佢哋嘅問題嘅答案. 最好縮窄你網站內容嘅重點,以便盡量回答呢啲問題. 噉樣可以幫到訪客搵到佢哋想搵嘅資料,然後輕鬆噉繼續去下一頁.
易於導覽嘅首頁設計嘅另一個重要方面係佢嘅文案. 副本應該輕巧易讀. 佢應該可以吸引到訪客嘅注意力,同埋提示佢哋喺網站上面採取特定行動. 英雄形象會幫你實現呢個目標. 用英雄形象嘅首頁設計對吸引訪客有好大嘅效果.