你知道APP导航有哪些么?

我所了解的在微信中开店比较有名的二个APP:有赞、微店。本来是想看看二者之间的交互有什么不同,但当看到二个APP的导航设计后,决定回顾一下APP常用的导航方式:

一、标签式导航
1、底部标签式导航,如果你稍有留意就会发现市面上大多数APP都是底部标签式导航,如:微信、QQ、淘宝、京东等。除了大家说的手指热区的问题,还有始终放在下面时不会影响用户阅读,无论你看不看我,我都在那里,如果你要找我,我也一直在那里,有木有,会给用户一种安全感哦。其实我还想说的是这种标签式导航还有种好处,就是APP的内容分类、关联性让你一目了然,切换时也很方便,这些是它的优点,当然缺点是,不能放太多,超过5个手机就无法展示,或不能很好展示了。不要说在下面用滑动啊。。。

2、顶部标签式导航,这种常见于音乐类APP,之所以这样,我想还是拇指热区的原因,随着手机尺寸越来越大,底部才是手指最能方便操作的地方。对于音乐APP的用户来说,显然听歌才是最主要的,也最常用的操作。

3、上下都有标签导航的应用

为嘛会这样呢?有人解释:

这种新闻类APP,由于内容、分类较多,运用顶部和底部双tab导航,而切换频率最高的tab放在顶部,这是为什么呢?因为新闻在每个tab都是沉浸式阅读,最常用的操作是在一个tab中不断地下滑阅读内容,将常用的tab放在顶部,加入手势切换的操作,反倒能带来更好地阅读体验。

这里我有话要说:既然新闻是沉浸式阅读,那么它不应该在这么宝贵的位置上放上这么多无用的栏目,更不应该上下都占用,网易在下面这么重要的地方放上跟新闻不相关的栏目,我觉得应该是产品策略或运营策略,不是网易号称是有态度的新闻吗?用户量应该不小,所以下面放的跟新闻没关系的栏目据我猜测都是为了借光推广网易的其它业务,大树底下好乘凉嘛!

好的沉浸式阅读神马样呢?我又看看了其它新闻APP,觉得澎湃深得我心,哈哈~稍体验了下,唯一不好的是默认的栏目不能删。。。

4、底部标签导航的扩展式

最早看到这个方式的是Path,每次点加号会有一个小动画,关闭也是,它是一个社交APP,要鼓励用户发言,这样设计非常赞哦~

Path
最近我发现新浪微博也有类似设计,呃,很少用微博,刚知道,不要打我~微博不一样的是,微博点加号出来的是一个界面,分类更多,形式略重。。。

二、抽屉式导航

在小屏幕时代,这种导航是很经典的设计方式,界面既干净又能迅速找到菜单。但随着大屏时代 的到来,慢慢放弃了,也是因为手指热区的问题。现在用得不太多了,手机QQ还有保留,但用在不太常用的菜单中。澎湃新闻中选类别也有用到

澎湃抽屉式导航
这里不得不吐槽随手记的抽屉式菜单,它在底部标签式导航的最前面加了一个向左箭头,点击箭头出现抽屉菜单,呃。。。


三、列表式导航

一般用在作为辅助用的二级导航或更深的导航,使用时为内容分类,分块显示


四、平铺式导航

有人说淘宝的每日好店中用到的就是平铺式导航,适用于随意式阅读的需要,不需要相邻页面之间的跳转,呃,刚才澎湃新闻的导航用的就是这个拉~


五、宫格式导航

有人举了一个很好的栗子:

经常使用美图秀秀的人都会有一个共同的烦恼,例如我拍了一张图片,我需要美图一下,我的心理模型是这样的:进入美图秀秀-打开一张图片-先祛斑祛痘、放大眼睛、瘦个脸-最后加上特效(自然/甜美可人/粉嫩系)-保存图片。

但是美图秀秀给我的实际模型却是这样的:进入美图秀秀-打开一张图片-进入人像美容-祛斑祛痘、放大眼睛、瘦个脸-保存图片-再进入美化图片-加个特效-再次保存。这样做的结果是流程复杂,而且我多存了一张没用的照片,还要到照片里进行删除。

这就是宫格式导航的缺陷,信息互斥,无法相互通达,只能给用户带来了更多的操作步骤。

微店导航也是使用的这种宫格式的,现在的菜单一屏都没法满足了,还需要滑屏,这样的话,要找任何一个新菜单都必须回到首页。。。

微店宫格式导航

但是不是无用之处了呢?天天基金网APP没有底部标签式导航,这样的算不算是宫格式的延伸呢?我用了一段时间,没有违和感呢~
也就是这种导航适合联系不强的产品,每个产品都可以独立一套

天天基金网

六、悬浮ICON式导航

顾名思义,就是有个图标一直悬浮在APP上,点击图标就可以进入操作,在APP上我尚未见过,只在iPhone手机上看到有使用,Assistive Touch,我自己不喜欢使用这个东东,明明有Home键,为什么还要这个,我问了几个正在使用的同事,说是因为怕Home键按坏,呃,好吧。。。

悬浮式导航
小结,每种导航都有自己的优缺点,用得好才是真的好,当你对每种用法都烂熟于心时,完全可以再扩展,全民创新才是移动互联网的精髓。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,070评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,093评论 4 62
  • 有这样一个以小孩子为主角的电影,相信大多数人都看过,那些经典的镜头不知看了多少次,每一次都会被逗得捧腹大笑。影片中...
    玩闹智造阅读 9,442评论 2 5
  • 看山思水流, 触景进乡愁, 问君意随流, 绵愁几时休, 念己勿念欲, 行己知行义, 相离莫相忘, 且行且珍惜。
    时光易逝流年难寻阅读 788评论 2 1
  • 在2016年说成长,我明显底气不足。在这一年中,真正意义的成长是在最近一个月。而之前,我都是在苟且活着,根本没有诗...
    豫妞萍姐阅读 115评论 0 0