側邊欄

側邊欄簡介

側邊欄屬於一種方便功能操作的形式,通常用來整合程式的部分資源或者放置一些快捷入口,對用戶起到提醒或者導航的作用。側邊欄在桌面系統、網站上很常見,在顯示面積較大的移動平板設備上也經常可以見到側邊欄的套用,FaceUI在設計中利用側邊欄的設計解決層級過深的問題,提升用戶的互動體驗。

側邊欄分類

側邊欄一般分為同側側邊欄和異側側邊欄兩種,所謂同側側邊欄是指兩個或兩個以上側邊欄都在單個頁面的同一側,而異側側邊欄則是側邊欄分別分布在頁面的左右兩側;就後台而言,側邊欄則分為可自定義側邊欄和不可自定義側邊欄。所謂可定義側邊欄,是指側邊欄可在後台自由定製掛件的位置而不可自定義側邊欄的主題則不支持該功能;側邊欄就數目而言可分為單側邊欄、雙側欄、三側邊欄和多側邊欄。

側邊欄的位置

側邊欄的位置一般以左側和下方居多,但側邊欄的位置確定沒有一個硬性的規定,它是根據用戶的操作習慣、用戶體驗等實際需要來確定的,需要和運用類型聯繫到一起。

從功能信息傳遞的角度

用戶視線熱點一般集中在左側,所以在設計時需要將希望引起用戶注意的內容放在左側。如對於電商類網站,用戶的第一期待是分類,所以導航側邊欄一般會設計在左側,而對於閱讀等內容為主的網站,內容需要優先呈現給用戶,此時導航欄就需要讓位於右側或其他位置。

從導航欄定位的角度

對於導航類側邊欄,放在左側更利於大多人的操作,也是界面互動與用戶行為習慣匹配的結果。但對於非導航式的側邊欄,就需要根據用戶關心度和重要性進行安排。此外如果整體設計將側邊欄放置於某一側,那么次級頁面的側邊欄位置也需要儘量保持統一。

從用戶習慣角度

大多數人使用右手操作滑鼠,在閱讀上也是採用從左到右的方式。側邊欄在右側可以為用戶提供直觀、高效的操作,同時很多程式也設計了左手模式兼顧少數左手習慣的用戶。
左側邊欄和底側邊欄左側邊欄和底側邊欄

熱門詞條

聯絡我們