青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113118562723728 
知识普及 » 网页设计中标签式导航的设计思路

网页设计中标签式导航的设计思路

奈薇网站建设 2016-08-14 18:24发表
阅读次数 2374
  最近奈薇建站网科技小编出的文章大多是偏向交互、产品的。今天详细讲述关于标签类导航的几个知识点,希望可以帮助大家在工作中更好的运用。有人说导航仅仅就是方便用户操作的小东西而已,没那么神奇。是的,对于小众的产品来说,确实没那么神,因为神你也看不出来。去看看Facebook为什么把抽屉式导航改成标签导航,就知道导航对一个App的影响有多大了。

  导航分很多类别,如标签导航、抽屉式导航、九宫格导航、混合组合导航、列表式导航、Tab导航、平铺导航等等。

  现在用到更多的导航其实是标签导航,它随处可见,相信目前大部分的App用的导航都是标签形式的。

  理清产品框架

  相信很多设计师在设计导航时,一上来就开始YY自己的导航要放什么,因为这个时候他已经被标签形式的导航洗脑了,认为自己的App就应该用标签导航。然后继续YY产品的功能,自己理出个最适合的,放上去就好了。

  其实不然。做好一个导航要考虑的问题其实非常多,还要考虑产品后期发展的延展性。必须定好整个产品的框架,把最核心的功能放在第一层页面,再根据产品的深度来设计导航的模式。

  我们作为交互设计师,需要把握产品的整体架构,这不仅仅是产品经理的工作。所以在前期我们要付出很多努力,才能把一个产品的线框图画好。

  标签导航的优劣势

  先来看个图:

  微信

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

  那它的优势是什么呢?

  1.简单高效,操作方便。

  下面的四个功能可以快速切换,用户在使用的过程中不会迷失方向,且简单清晰,层级明确。

  2.更好的用户体验

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

  3.快速了解App主要功能

  一般来说,用户第一次使用产品,会关注这个App有什么功能,它能帮助自己完成什么任务。所以标签导航可以很好地帮助用户了解产品的主要功能,让用户看到的第一眼就知道自己能做什么。

  然后再来看看劣势

  1.功能不能过多

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

  2.占用一定屏幕尺寸

  标签导航占用了屏幕下方不少的位置,所以有些App就不适合用标签导航,比如阅读类的App。先不说一屏内少了很多字展示,就说在滑动的时候不小心点到了其他功能是不是很烦?

  标签导航的延展

  有的人会问,如果我的产品很想用标签导航,但是又超过了5个功能,那有办法解决么?看个图:

  知乎

  当你的主功能超过5个又一定要使用标签导航的话,那知乎的这个解决方案很适合你(最右边的功能是“更多”)。

  还有一类情况是:主功能是标签导航,次要功能也是标签导航。有没有听着很乱?继续看图:

  腾讯新闻

  主功能是“新闻”,次要功能是顶部的“要闻”、“NBA”等等,如果在某个主功能中,你的次要功能很多,就可以使用这类方式来解决这个问题。还有很多类似的,标签导航能解决不少问题,但是前面说过,一定要注意规划,理清产品框架,不要一上来就随便定个导航形式。

网页设计中标签式导航的设计思路相关标签:网站申请网站制作公司网站建设申请网站
相关热点推荐
青岛开发区、胶南网站建
企业网站所起的作用
针对搜索引擎最佳方式:
哪家英文网站建设做得比
网站建设好的一些建议
网页高手之浅谈设计中的
网页背景材质的选择
网站首页设计有窍门
网站建设中的“几点小事
企业网站规划和网页设计
什么样的网站才能实现效
企业微网站的商业价值及
普及360浏览器的极速
“模板化”——限制还是
做网站优化需要达到的目
建站攻略之使用CSS控
两大网站流量分析工具比
浅谈中小企业网站运营维
个人网站如何转型成商业
创建一个有强烈视觉冲击
网站如何吸引用户,提高
网站建设与设计应掌握的
常见的排版方式与表现类
使用预定义框架集为网页
青岛小程序开发公司该怎
关于青岛网站建设前需要
网站的价值
视觉层次感提升网页设计
网站管理维护过程中不要
企业怎么建网站才能更方
如何挑选专业的网站建设
优秀网站的五大特点
公司网站制作需要注意的
隐藏所有站长统计系统网
青岛网站制作公司哪家好
三层交换技术解析
帮你建设好网站
小谈网站定位与内容建设
网页代理
专业设计网站的公司哪里
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
184个月 8