侧边栏特征:

1.可见性:

将分类从tab移动到侧边栏中,因此原来tab中的内容变得不可见;

优势:

1.更大的屏幕空间;
因为将原有处在顶端或者底栏的tab移动到不直接可见的侧边栏中,屏幕上有效空间增大;
2.默认内容更高的优先级,这对于某些类型的导航有利,

弊端:

1.可见性;

  • “what’s out of side is out of mind”
    不可见即不会有关注,因此带来了很大的一个问题,处在侧边栏中的类目更难被关注到,因此造成了很大的点击量损失,这也是很多内容型应用不采用侧边栏的很大一个原因;
  • 状态无法同步,因为不可见,所以一些状态信息无法同步到主屏,消息提示等无法正常提示给用户,当然有在侧栏图标上做提示,但这种提示只能承担一种类型消息的提示;

2.效率降低:

  • 理解难度,理解难度一方面由于信息结构上的混乱造成的,那些导航应该放到侧栏中,因为侧栏的一个目的就是化简主页上的导航,因此许多应用将所有顶级导航放到侧栏中,这对用户来说会有一定理解难度(你有哪些功能我都不很了解,就将功能放到侧栏中,看不见点不到可不怪我)。另一方面,侧栏的标识的选择上本身就有一些争论Mobile Menu A/B Test。因此也给使用造成了一定理解难度;
  • 操作难度,相比在tab中进行一次导航操作需要的一次点击或者滑动,侧栏中的一次导航操作需要先打开侧栏,再点击对应栏目才能进入对应页面,因此在操作难度上相比tab导航增加了许多;

3.与原生平台的导航冲突:
iOS,Android(4.0以前) 原生都采用的是顶栏导航,而侧栏导航和顶栏导航具有很大区别,

为了平衡这些弊端出现的一些措施:

1.降低侧边栏和主屏的隔离性:

降低视觉等级,

  • 将侧边栏的分割性从整个应用界面调整到只分割主内容区域,顶栏不做移动,仅移动顶栏下方的内容区域;
  • 侧边栏背景半透明,增强了侧边栏和主内容区域的联系;

2.降低侧边栏中内容的优先级:

侧边栏最早大量出现时,许多应用将内容的顶级分类导航放到侧边栏中,比如知乎的“发现”,这样需要主动点击同时没有显式引导的导航会大大降低侧栏中内容的点击量;因此后来经过发展之后许多应用将“我”这样逻辑明显“设置”这样优先级不高而更符合“更多”这个概念的内容放到侧边栏中。目前来看是很合适的。

3.主动提示侧边栏:

一些应用为了增强用户对侧边栏的认识,在应用第一次进入时会主动打开侧栏来提醒用户侧栏的存在;另一方面,在一些应用中,当有重要提示时,会主动打开侧栏,也增加了侧栏展现次数;

Tips:

1.不适合放到侧栏中导航类型:

  • 需要主动吸引点击的内容
  • 平行内容,一般来讲,侧栏突出了默认选中内容的优先级,同时也大大降低了侧栏导航中其他项目的点击量,因此如果有优先级平行的内容最好不要放到侧栏中;