关键字说明:
直接比较采用top bar和采用drawer navigation的两种设计,之所以采用top bar的原因很简单:out of sight, out of mind,就是用户看不见的地方,用户根本就没有心思机会去发现它们
有意思的事情来的,当大公司们像Facebook 等在他们的app上都开始使用了drawer navigation,这也让该公司蠢蠢欲动,于是 ,他们也使用用了drawer navigation,并做了A/B Test,结果日活数据让他们感到惊讶,drawer navigation的设计反而大大减低了产品的日活。
最终他们得出这样的结论:
My take-away from all of this is that if most of the user experience takes place in a single view, and it’s only things like user settings and options that need to be accessed in separate screens, then keeping the main UI nice and clean by burying those in a side menu is the way to go.
On the other hand, if your app has multiple views that users will engage with somewhat equally, then side navigation could be costing you a great deal of your potential user engagement, and interaction with those part of the app accessed via the side menu.
结论大意:用户的交互基本上都发生在一个视图,只有像一些东西比如用户配置等,为了让主要UI视图干净简洁,可以考虑使用drawer navigation。另一方面来说,如果你的app的不同视图对用用户来说都是同等重要性的,那么使用drawer navigation反而会减低产品的日活。
再看笔者平时使用的一款雪球App(4.7版本),下图为几个主界面:
雪球的设计也是采用drawer navigation 和 view control,这样的设计也是存在减低用户活跃度的问题,对于用户来说,进入App就像进入一个黑房子,每次都得通过下拉View Control去获取其他Tab的内容,这样给用户的活跃成本还是相当大的,如果采用Top Bar或者Bottom Bar的交互的话,个人感觉还是比较好。
比如网页新闻的设计就不错,在Top Bar有各个分类领域的,用户一目了然,don't make user think.
结论:不是Drawer Navigation的设计不好,只是要看应用是否需要Drawer Navigation,哪些Action适合放置在Drawer Navigation. 相对Top Bar或Bottom Bar来说,Drawer Navigation有着人口深等缺点,用户感知不敏感等缺点。当然Top Bar 和 Bottom Bar在多个菜单Item时则显得无力,这在设计App时都需要权衡考虑的。
out of sign, out of mind 确实是视觉感受问题,在保持界面干净整洁的同时,应该让你应用的主要功能导航直接展示给用户