侧边栏属于一种方便功能操作的形式,通常用来整合程序的部分资源或者放置一些快捷入口,对用户起到提醒或者导航的作用。侧边栏在桌面系统、网站上很常见,在显示面积较大的移动平板设备上也经常可以见到侧边栏的应用,
FaceUI在设计中利用侧边栏的设计解决层级过深的问题,提升用户的交互体验。
侧边栏一般分为同侧侧边栏和异侧侧边栏两种,所谓同侧侧边栏是指两个或两个以上侧边栏都在单个页面的同一侧,而异侧侧边栏则是侧边栏分别分布在页面的左右两侧;就后台而言,侧边栏则分为可自定义侧边栏和不可自定义侧边栏。所谓可定义侧边栏,是指侧边栏可在后台自由定制挂件的位置而不可自定义侧边栏的主题则不支持该功能;侧边栏就数目而言可分为单侧边栏、双侧栏、三侧边栏和多侧边栏。
用户视线热点一般集中在左侧,所以在设计时需要将希望引起用户注意的内容放在左侧。如对于
电子商务类网站,用户的第一期待是分类,所以导航侧边栏一般会设计在左侧,而对于阅读等内容为主的网站,内容需要优先呈现给用户,此时导航栏就需要让位于右侧或其他位置。
对于导航类侧边栏,放在左侧更利于大多人的操作,也是界面交互与用户行为习惯匹配的结果。但对于非导航式的侧边栏,就需要根据用户关心度和重要性进行安排。此外如果整体设计将侧边栏放置于某一侧,那么次级页面的侧边栏位置也需要尽量保持统一。