Out of sign, out of mind

写在前面的话:本文内容涉及Android交互设计和个人产品体验感受,不感兴趣的读者可提前绕步,谢谢。

关键字说明:

(1) Drawer Navigation:13年Google IO 提出一种导航设计,也就是我们熟知的左拖或者右拖出现导航菜单(图1),具体可见官方 原文
(2) Top Bar:可见 (图2),官方 定义
(3) View Control : 可见(图3),官方 定义

     
 图 1    

       
 图 2     

图 3
                                                                                                                         

近期看到一篇关于top bar改为drawer navigation(原文称为side drawer),但是产品日活却大大减低的文章,原文 地址 , 文章大体:
 
直接比较采用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 确实是视觉感受问题,在保持界面干净整洁的同时,应该让你应用的主要功能导航直接展示给用户


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值