app导航设计——TAB导航与侧边抽屉

最近其实在面试交互设计,所以对主流的几个APP特别的关注,如:知乎,微信,QQ,虽然之前也一直在用,也会因为一些职业病会思考他们的体验,以及修改的,但是怎么敢轻易挑战这些神一样的产品经理,但是听说不想当将军的兵不是好兵,不想成为冠军的运动员不是好的运动员,所以算了我还是不想当将军和冠军了,因为高处不胜寒我体寒怕冷。

我之前是主要做PC端交互,上次面试被问及APP端,后来面试回来后还回来了一个交互面试题,在这个过程中其实对我来说还是比较有收获,我发现两个问题,

1.app端层级过深怎么快速返回到主界面

2.TAB导航与侧边抽屉的选择与优劣

后来在网上也找到了一些解决办法,比如说第一个问题,除去调整导航和布局的办法,或采用类似用猿题库的树状层级方式,其实还有一个简单的办法,长按“返回”按钮直接返回到主界面,其实我觉得这个办法是非常不错。因为首先层级过深的问题经常是没办法改变的事实,比如我之前分析的魔方格这种教育产品它就需要选择:科目——上册/下册——章——节,这些基本选择,可能还会再加深层级,比如他就还有:科目——上册/下册——章——节——单人练习/全球PK/好友PK。每次进去点4次,出来点4次确实费劲,所以用长按“返回”键这个是比较好的一个选择,也充分发挥了移动端手势优势。

第二个问题也是我今天主要说的TAB导航与侧边抽屉的优劣与选择。

TAB导航

1.给人感觉直观,选择切换的时候很方便。(you)

2.比较占位置。(que)

3.分散注意力沉浸式体验较差。(que)

侧边抽屉导航

1.可以让界面更简洁。(you)

2.内容区域能展示更多的内容。(you)

3.导航扩展性好

4.导航之间的切换确实有点麻烦,第一是需要2次点击,第二是一般用右手玩手机,左上角的距离离右手大拇指就最远了,根本点不到或点起来特费劲。(que)

目前行业内应该还是tab导航使用较多,虽然比较占位,也还会分散注意力,这些优点还是大于那个缺点,其次我个人认为这些是可以改变的,以知乎为例,我尝试做一个导航改变。(以android端为例)


app导航设计——TAB导航与侧边抽屉_第1张图片

当然我不是说这样设计不好,他们神一样的产品经理肯定是有他们的思考的,比如说他们主要还是想让用户浏览问答,而不是提问和发现问题,而且这样设计还有一个好处是导航扩展性好,可以放很多导航菜单,而且还结合了“我”这个模块。

不过我总是在浏览完那些问题之后就离开了,而且一般都是浏览前面几个点赞人数比较多的,后面的要是回答点赞的数量不多就直接退出了,所以从这点说知乎在浏览完之后的引导去其他页面可能还需要加强。当然这不是我一个人,我同事也是,不过就几个人这样也不能说明问题,但是我觉得这也是值得思考的。

所以我想假如我改变现在的这种导航样式,还是用TAB的方式,会怎么样?但是为了解决浏览问题时被分散注意力和导航占位问题,我想借鉴知乎三级页面答案浏览模式:

app导航设计——TAB导航与侧边抽屉_第2张图片
知乎的答案查看页面

我修改后的首页:

app导航设计——TAB导航与侧边抽屉_第3张图片
更改后的导航

其实从界面的表现上看,这样改好像也不会比现在的知乎界面更复杂,但是这样在操作上更复杂了一些,好在这种的操作模式被越来越多人所熟悉和接受。

这只是个人意见,本人交互新人,看问题比较浅显,其实我也没想通为什么目前的APP为什么不用这种的模式。可能是会引起比较多的误操?还是有更多深沉的意义?

你可能感兴趣的:(app导航设计——TAB导航与侧边抽屉)