【设计干货分享】标签式导航的设计思路

有人说导航只是即是便利用户操作的小东西罢了，没那么奇特。是的，对于小众的商品来说，确实没那么神，因为神你也看不出来。去看看Facebook为何把抽屉式导航改成标签导航，就知道导航对一个App的影响有多大了。

导航分许多种类，如标签导航、抽屉式导航、九宫格导航、混合组合导航、列表式导航、Tab导航、平铺导航等等。之前在创新互联的读书笔记中也有提到过三类导航：平铺类、标签类、列表类。

现在用到更多的导航本来是标签导航，它随处可见，相信现在大部分的App用的导航都是标签办法的。所以，是不是知道今日要说啥了?嗯，即是标签导航。

理清商品结构

相信许多计划师在计划导航时，一上来就初步YY自己的导航要放啥，因为这个时分他从前被标签办法的导航洗脑了，认为自己的App就应该用标签导航。然后持续YY商品的功用，自己理出个最适宜的，放上去就好了。

本来不然。做好一个导航要思索的疑问本来非常多，还要思索商品后期展开的延展性。必需定好全部商品的结构，把最基地的功用放在第一层页面，再根据商品的深度来计划导航的方法。

咱们作为交互计划师，需要掌握商品的全体架构，这不只仅是商品司理的作业。所以在前期咱们要支付许多尽力，才干把一个商品的线框图画好。

标签导航的优劣势

不要看上面的列表，就看下面的标签。是不是特别熟谙?许多App都是用这类标签式导航来引导用户切换功用。

那它的优势是啥呢?

1. 简略高效，操作便利

下面的四个功用可以迅速切换，用户在运用的过程中不会迷失方向，且简略清楚，层级了解。

2. 非常好的用户体会

试想一下，一般在运用App时，用户更多的会怎么运用手机?双手仍是单手呢?必定都有。所以单手运用手机的用户碰到的App是标签导航时，可以更便利的操作，不需要必定得运用另一只手。而某些导航假设不用两只手是没办法操作的。

3. 迅速了解App首要功用

一般来说，用户第一次运用商品，会重视这个App有啥功用，它能帮忙自己完结啥任务。所以标签导航可以极好地帮忙用户了解商品的首要功用，让用户看到的第一眼就知道自己能做啥。

然后再来看看优势：

1. 功用不能过多

有些商品功用过多，可是却又都是必要的，不能做删减。而一旦逾越五个，就不适宜用标签导航。因为标签导航不适宜做滑动，所以功用多了可点击区域(热区)就变小了，操作上会有必定影响。

2. 占用必定屏幕尺寸

标签导航占用了屏幕下方不少的位置，所以有些App就不适宜用标签导航，比如阅览类的App。先不说一屏内少了许多字展现，就说在滑动的时分不留神点到了其他功用是不是很烦?

标签导航的延展

有的人会问，假设我的商品很想用标签导航，可是又逾越了5个功用，那有办法处理么?

当你的主功用逾越5个又必定要运用标签导航的话，那知乎的这个处理计划很适宜你(最右边的功用是“更多”)。

还有一类状况是:主功用是标签导航，非必须功用也是标签导航。有没有听着很乱?

主功用是“新闻”，非必须功用是顶部的“要闻”、“NBA”等等，假设在某个主功用中，你的非必须功用许多，就可以运用这类办法来处理这个疑问。还有许多类似的，标签导航能处理不少疑问，可是前面说过，必定要留心计划，理清商品结构，不要一上来就随意定个导航办法。

小结

今日详尽的讲了对于标签类导航的几个学问点，希望可以帮忙我们在作业中非常好的运用。近来出的文章大多是倾向交互、商品的。也许有些人初入这个行业，往常还触及不到这类作业，设计也不是一朝一夕练成的，还需不断努力。

当前名称：【设计干货分享】标签式导航的设计思路
本文路径：https://www.cdcxhl.com/news10/172260.html

成都网站建设公司_创新互联，为您提供网站内链、小程序开发、微信小程序、网站设计、服务器托管、域名注册

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联