移动app设计:Tab导航是否是大势所趋?

知乎有童鞋提问:

知乎3.0改版,从左侧栏Side Nav改成iOS底部标签栏Tabbar,能说明后者是大势所趋吗?

问题链接:http://www.zhihu.com/question/30958663/answer/50095930

Mr汤进er回答如下:

之前也写过一篇文章《从逛商城学习产品设计:信息架构梳理如何从小白到精通?》简单的介绍了信息架构的梳理,算是入门吧。其实产品导航方式我个人觉得是根据产品类型和阶段,结合产品功能逻辑架构梳理来确定是比较合理的。个人不觉得tab导航就必然是所有产品都适用的,用大势所趋这种表述,也觉得稍有不妥。但可以从产品发展/类型角度来谈谈导航方式的应用和变化。

市面上比较常见的主导航方式从大类上包括:tab导航、侧边栏抽屉导航平铺式导航三类(三大类很容易理解:分别挖掘了屏幕的上下、左右或页面中部)。细分的话有很多,也都是这三类导航的变体、组合等形式,在这里就不列举了。三大导航方式,各有优劣,下面简单谈谈个人对这三类导航的认知:

1、侧边栏(抽屉)导航:

为什么先谈侧边栏导航呢?因为确实这是争议最多的一种导航方式。缺点比较明显:

不够暴露、需要用户二次点击

但它的优点就是:

1).侧边栏可以“收纳”很多(很容易理解:因为侧边栏的面积是比上下tab肯定是大的),也比较容易使得架构比较扁平;

2).因为侧边的“隐藏”可以保证主要页面内容的突出和沉浸式体验。

个人觉得因为侧边栏的缺点是明显的,因为不建议将侧边栏导航方式作为主导航,但在两种类型产品中可以尝试,其目的是发挥侧边栏导航的优势

1).早期产品,功能诉求相对单一,主要功能需要突出强调,比如早期的《课程格子》(之前设计练手的产品,记忆比较深刻,学生党比较熟悉),强调“课程表”这一核心功能,其他功能相对诉求较低,但仅限早期产品。

2).功能单一型主线产品,但内容组织分类和赛选需求明显,典型的像《邮箱大师》这里工具类应用。侧边栏用于内容分类和筛选。

2、tab导航:

最常见的是底部tab,这种导航方式,目前大家的认可度比较高。很多应用也从原先的侧边栏导航变为tab导航,其根本原因在于:它确实优点大于缺点。就导航本身,它可以“精简明了”也可以“包罗万象”,用“发现”、“更多”这里的架构梳理,可以整合很多内容,但对于架构梳理的能力要求相对较高,并不是所有的功能都是可以用“更多”来解决的。而且tab导航在主要功能架构暴露、减少用户点击、保证页面内容的突出性(相对于侧边栏要弱,但可以接受)等方面其优势突出。唯一的缺点就是常驻带来的沉浸式体验减弱(好像不那么明显吧)。

tab导航因为其优点大于缺点的明显性,广泛被大家接受,也越来越常见。这也就为什么会被感觉是“必然的趋势”,但真的是普适的嘛?我想说不是的。在产品发展早期,特别是一些工具类的产品,功能单一,硬生生的整出四个tab真的很难受。另外在应用tab导航的时候,其关键的在于架构梳理,一定要注意几点:

1).架构梳理很重要:主要功能(组合)要突出,次要功能要整合,但不一定所有的次要功能都可以“更多”;

2).控制tab的数量,一般不超过5个,这个点也需要纳入架构梳理的思考范围之列。

3、平铺式(列表、桌面等)导航:

这类导航也比较常见,很多设计师喜欢这类导航,因为其容易被设计的很漂亮(列表式),具有视觉感,这也是这种导航方式的优点之一。另外,平铺式导航,架构扁平,可拓展性相对较强,特别适合内容平台类产品,功能述求一大堆的产品。其缺点也在于:不太适合早期产品或者功能单一型产品(除非列表是用来分类or筛选内容)。同时,这种导航方式通常占用一整个页面,也容易造成用户走失(导航不是常驻)和迷茫(架构扁平,内容多,分类不准确时不易查找)。

平铺式导航,其实一般产品用的不多,内容型平台类产品比较常见。应用时,一定要处理好架构扁平和分类明确这个平衡点。

另外需要说的是,导航设计,信息架构梳理是基础。


本文为原创,允许转载,但请注明作者信息和出处:

作者:Mr汤进er , 微信公共号:创设空间(ID:chuangshe_space)

原创产品文章持续更新ing,订阅文章推送,请微信关注:chuangshe_space
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,884评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,347评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,435评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,509评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,611评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,837评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,987评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,730评论 0 267
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,194评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,525评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,664评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,334评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,944评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,764评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,997评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,389评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,554评论 2 349

推荐阅读更多精彩内容