欢迎光临智唯网络,我们是一家专注中小型企业网站建设、营销型网站建设、响应式网站建设公司

咨询热线:0757 81089123
广州建站微信号
返回旧版
网站设计News
公司网站建设

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

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
09Oct
2017
有人说导航只是即是便利用户操作的小东西罢了,没那么奇特。是的,对于小众的商品来说,确实没那么神,因为神你也看不出来。去看看Facebook为何把抽屉式导航改成标签导航,就知道

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

导航分许多种类,如标签导航、抽屉式导航、九宫格导航、混合组合导航、列表式导航、Tab导航、平铺导航等等。之前在智唯网络的读书笔记中也有提到过三类导航:平铺类、标签类、列表类。

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

理清商品结构

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

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

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

标签导航的优劣势

先来看个图:

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

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

那它的优势是啥呢?

1. 简略高效,操作便利

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

2. 非常好的用户体会

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

3. 迅速了解App首要功用

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

然后再来看看优势:

1. 功用不能过多

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

2. 占用必定屏幕尺寸

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

标签导航的延展

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

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

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

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

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

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

小结

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


关于网站制作,看看客户怎么说
***(匿名) 评价文章 签约黄埔军校网站制作服务

佛山网站建设公司智唯网络成功签署黄埔军校网站建设项目。帮助该校树立全新的品牌形象。具体包括:品牌策划、网页设计、网站程序开发、信息上传等一站式服务。 黄埔军校...

***(匿名) 评价文章 网站制作不好的原因有哪些

对企业来说,网站就是脸面。在网络中,网站又非常重要的,是消费者访问,达到的地方,能满足消费者的需求。但...

***(匿名) 评价文章 广州市富腾建材公司营销网站制作服务

2016年6月,我司成功签约广州市富腾建材科技有限公司的网站制作服务,非常感谢广州市富腾建材科技有限公司对智唯网络的支持。 广州市富腾建材科技有限公司是一家专业生产...

我要咨询做网站
网站建设定制案例
网站建设 相关的文章
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • +86 0757 81089123
    400 028 3820
品牌网站定制
营销型网站定制
公司网站建设
Hi,Are you ready?
准备好开始了吗?
那就与我们取得联系吧

广州建站 感恩回馈

咨询送礼现在提交,将获得智唯网络策划专家免费为您制作
价值5880元《全网营销方案+优化视频教程》一份!
下单送礼感恩七周年,新老用户下单即送创业型空间+域名等大礼
24小时免费咨询热线0757-8108-9123
合作意向表
您需要的服务
您最关注的地方
预算
  • 验证码

直接咨询