裝潢

乾貨!獨立站導航欄裝潢指南

  當用戶進入獨立站時,首先就會看到導航欄,查找自己需要的東西。導航欄就相當於網站的路標,用來指引客戶,是店鋪裝潢里的第一個重要板塊。優秀的導航欄就像是一只無形的手,引導消費者沿著規劃的旅程前進,最終完成轉化目標。

  那麼什麼才算是好的導航欄,賣家又應該怎麼優化導航欄呢?相信你看完下面的內容一定會有所啟發。

  01

  導航欄目結構的重要性

  1、決定網站的整個結構

  如果將整個網站比作一個身體的話,導航就是這個身體的心臟,它決定了網站的整體框架,決定了網站的中後期的發展,是網站流量引導與分流最重要的因素。

  2、網站權重的傳遞

  導航欄結構如果層次太深,會影響網站整體權重的分配,影響網站權重的分配不均勻,就間接影響了網站排名的展現。

  3、方便用戶查找

  網站的結構會影響用戶的瀏覽體驗,也會決定用戶的瀏覽選擇,他直接決定了網站布局的好與壞,做導航欄優化的目的也在於讓客戶能夠良好體驗,減少用戶跳出率,增加用戶點擊、瀏覽、增加網站回頭率。

  02

  導航欄設計技巧

  一、結構設計

  1、雙層次菜單的建設

  導航欄如果內容過多很可能會引起品牌的繁重,可以採取雙層次菜單的建設。這種形式目前受到很多設計師的青睞,可以解決頂部導航欄要展示的內容太多,而且某些功能不屬於同一層級的問題。

  2、符合獨立站內容結構

  將獨立站內容整理歸類並體現於導航欄目錄中,目錄劃分要注意邏輯層次,層層細分。一級目錄將直接呈現給消費者,一般包含 ShopAbout USSupportBlog 等項目;二級目錄則是對一級目錄的細分,更詳細地介紹項目分類;三級目錄在對商品劃分時被更多使用,消費者會根據指示選擇自己要瀏覽的類別。

  Vermont Woods Studios 售賣家具產品,他們的二級目錄指示家具使用的不同場所,三級目錄指示家具的類型。

  3、簡潔的目錄標籤

  消費者在導航欄停留的時間可能只有短短幾秒鐘,快速讀取目錄標籤內容對她們來說尤為重要,標籤文字應該盡可能避免出現一些難以理解的文字,比如專業化術語和個性化語言等,應該通俗易懂,確保消費者能立即理解每個標籤的含義。

  4、限制目錄數量

  美國心理學家 George Armitage Miller 經過多次實驗發現,人類短期記憶的平均極限值為7。所以,導航中的選項越多,消費者記住和處理信息的難度就越大,導航應該盡量限制目錄的數量,最多不要超過七個

  5、目錄優先級排序

  德國心理學家 Hermann Ebbinghaus 提出:人們傾向於對首先見到的事物和最後見到的事物有更好的印象,這也是我們常說的首因效應和近因效應。因此,根據這個這個效應,我們可以理解為導航欄的開頭和結尾更容易讓消費者記住,所以我們可以在導航開頭或結尾的地方放置更需要消費者注意的內容。

  6、使導航欄具有描述性

  導航中的描述性標籤對訪問者是十分有利的,導航欄在視覺上突出顯示,因此它可以與訪問者進行即時互動。當導航欄列出你的產品時,訪問一眼就可以知道公司的業務是什麼,並確定他們在正確的網站中。

  二、交互設計

  1、滑鼠懸停變化

  當用戶將滑鼠懸停在鏈接上時,圖標需相應地給出一些反饋。常見的有:更改背景顏色、文本顏色、下劃線,可能將滑鼠箭頭變成手形。

  2、固定主導航欄

  固定導航欄的意思就是指將導航欄鎖定在固定的位置,不會在頁面向下滾動時消失,使用戶隨時可以快速訪問導航欄。Smashing Magazine 的一項研究發現,固定導航欄使電商網站的瀏覽速度提高了22%,消費者將有更多時間來關注商品內容,尤其當獨立站頁麵包含大量信息時。

  3、添加搜尋設置

  搜尋框是篩選信息、獲取信息的重要管道,因此用戶使用搜尋的頻率一般會很高。搜尋功能為消費者提供尋找所需內容的快捷方式,節省了訪問的時間成本,強大的搜尋引擎是讓用戶留存的主要因素,因此和導航一起存在,最好能夠同時出現在每個頁面當中。

  三、視覺設計

  1、字體顏色新穎

  導航欄的文字配色必須是新穎的,這樣才會在第一時間抓住消費者的眼球。首先選背景顏色一定不能太過簡單或者太過靚麗,要與品牌形成一個完美的搭配,盡量選擇乾淨一點的顏色。其次就是字體和字體顏色的設計,形狀和大小都十分重要,形狀可以新穎化,字體也不要太大,要把重要的關鍵字可以加粗或者整上下劃線,重點標註出來,這樣會更讓客戶注意到。

  2、通用功能圖標化

  圖形比文字更具視覺上的衝擊力,通過圖片傳達信息能讓消費者快速理解其含義。對於消費者來說,長期的獨立站購物習慣培養使他們建立了固定的具象圖形—抽象文字認知,如放大鏡代表查找、人形圖標代表帳戶,手提袋或推車代表選購商品。這些內容多都可以直接通過圖標來表示,使用文字反而會變得繁瑣。

  03

  導航欄避免踩雷點

  1、避免以格式為標籤的導航欄

  以「視頻」「照片」作為標籤的導航欄告訴客戶內容的格式,卻沒有告訴訪問者主題,對訪問者沒有任何幫助。人們訪問網站的真正目的是為了了解和購買商品,而不是單純的為了尋找視頻或者照片。

  2、避免使用「服務」類的標籤

  獨立站賣家要注意,設置導航欄時應該避免使用諸如「服務」之類的標籤。因為沒有人會搜尋「產品」或「服務」這樣的詞語,因此這些標籤對你的排名沒有幫助。

  04

  選擇Shoptop,讓店鋪裝潢更簡單

  看了以上這麼多,相信你對導航欄的裝潢一定有了深刻的了解,實際上,不僅僅是導航欄的裝潢,整個店鋪的裝潢都對用戶的體驗感和轉化率起著至關重要的作用,在店鋪裝潢方面,Shoptop算是得心應手。

  Shoptop是擁有豐富經驗的一站式獨立站SaaS建站服務平台,覆蓋網站搭建品牌行銷經營指導支付成單等全流程出海服務。此外,Shoptop還為商家提供了免費的店鋪裝潢模板,主題豐富、風格精美,擁有移動端友好裝潢編輯器,讓裝潢移動端網站或店鋪更省心。

  打開店鋪後台—「店鋪裝潢」—「模板裝潢」—「編輯」,就可以看到Shoptop編輯器的內容,幫助各位商家把控裝潢細節。

  Shoptop一直致力於根據客戶的實際需求,結合行業市場的趨勢,和海外消費者的習慣,不斷地優化店鋪裝潢和網站購物體驗,成為商家出海路上的好助攻。

兒童書房設計把遊戲房設計到家中,孩子不僅喜愛,還能遠離電子產品

night119

兒童書房設計家有小孩只裝一個兒童房就好了?不夠!一起來欣賞這套北歐親子宅

night119

裝潢第一部,預算怎麼做(上)

night119