網頁設計理論:斜杠的作用與網站導航

來源:互聯網
上載者:User

在互連網世界中,斜杠“/”是很常見的一個符號。它的位置在右 Shift 的左邊,不用按 Shift 就能夠輸入。

我猜測(沒在維基中查到),斜杠之所以佔據那麼重要的地位,應該得益於作業系統(Unix、Dos)的流行。在命令列中,一個斜杠往往是表示著根目錄,也作為目錄與目錄之間的分割。

其實到了互連網時代,除了 URL 中可能要用到斜杠外,其他地方很少見到它的身影。但它並沒有隨著曆史而去。

在 Gmail 中,如果你給 label 命名為 abc/def,那麼通過 IMAP 維護郵箱時會發現,abc 是 def 的上層目錄。也就是說你可以給 label 增加一層(或多層)目錄。

在 Google Analytics 中也可以見到斜杠的身影。常用 Analytics 的人知道,可以用 pageTracker._trackPageview("/abc/def"); 來重新命名內容,並且可以通過 Content Drilldown 來查看 abc 的訪問情況(包含 def),也可以展開,單獨查看 def 的訪問情況。不過即使不通過 _trackPageview() 來重新命名內容,預設是 URL,URL 也是用斜杠區分的。

通過 Google 的例子可以看到斜杠在表示目錄、層級關係時發揮的作用。我相信在 Google 的其他很多產品中也會有很多斜杠的妙用。

前些時候我調整了 Blog 的介面。最大的改動並不是把 sidebar 從右側調到了左側,而是頂部的指引。分為以下幾種層次:

JunChen Wu —— 首頁
JunChen Wu / 設計 —— 分類頁
JunChen Wu / 設計 —— 文章頁(下一行為文章名)
頂部的 H1 結合了麵包屑、導航、指引、頁面名的功能,而不是如大多數 Blog 一般是固定不變的 Blog 名。不過這樣設計比較適合我這個重新設計的模板,是一個整體。如此改動之後,我發現通過搜尋引擎訪問到文章頁,然後再訪問分類頁或首頁的比例大大上升了,跳出率也降低了不少。

記錄一下,有空繼續調整。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。