很多人都做錯了

mstmahmuda11121

主導航的三個視覺部分 為了滿足這些標準，您應該將商店主導航中的元素分組為三個視覺和空間上獨立的部分： 瀏覽/瀏覽（產品類別和子類別、旗艦產品（如果適用））向客戶展示產品系列； 用於向客戶介紹品牌的資訊（關於我們、聯絡方式、幫助等）；和 幫助客戶管理已下訂單（例如退貨和追蹤）的功能（我的帳戶、我的訂單等）。 主導航 - 桌面與行動裝置：不同的環境需要不同的導航產品 桌面上有足夠的空間可以輕鬆滿足這些條件並顯示這三個部分。在行動裝置上，這有點困難，因為只有一個「中間選單」可以在較小的螢幕上顯示所有導航點。 當然，行動裝置上的主要導航標準與桌面裝置上的相同，但由於空間限制必須以不同的方式呈現。


INTERIORstore行動版的主要導覽如下： 主導航 INTERIOR商店 主導航 INTERIOR商 沙烏地阿拉伯 電話號碼 店 這裡從視覺上區​​分和分離瀏覽、資訊和功能這三個要素也很重要。這可以透過不同的顏色或分組或兩者來完成。 以INTERIORstore行動裝置為例，瀏覽涵蓋了座椅、桌子、櫥櫃等主要類別；在這種情況下，資訊（社區、時事通訊、關於我們、靈感、保險運輸）與功能（客戶區域）結合在一起，因為該頁面上的功能不多。它們在顏色和分組方面仍然與產品在視覺上有明顯的差異。 一般來說：當您規劃商店的導航時，它必須在行動裝置和桌面裝置上以不同的方式顯示。底層架構和結構是相同的，只是前端的設計和視覺實作不同。如果您不進行這種差異化，您將錯失大量銷售機會，因為有些訪客首先在行動裝置上瀏覽，然後在桌面上完成購買 - 並且不想再次「學習」導航。



網上商店主導航的 10 個最佳實踐 現在我們已經討論了很多關於桌面和行動裝置上主導航的典型問題和標準。同樣有趣的是頂級商店如何設定他們的主要導航。以下是 10 個網路商店 主導航的最佳實踐。 1. 各部分的視覺劃分 正如已經多次提到的，您應該使用不同的顏色在視覺上將瀏覽、資訊和功能元素下的項目分開，並透過對它們進行清晰的分組： 瀏覽：主導航，中心（請參閱 INTERIORstore 範例） 資訊：左上角頂部導航 特點：右上角頂部導航 2.直接查看產品類別 根據 Baymard Institute 的數據， 36% 的網站將其整個產品目錄組織在一個主導航點下，例如「商店」或「產品」作為下拉式選單。例如，宜家是這樣做的： 產品類別宜家 產品類別宜家 當然：IKEA擁有龐大的產品目錄。