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

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

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

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

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

  理清产品框架

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

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

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

  标签导航的优劣势

  先来看个图:

  微信

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

  那它的优势是什么呢?

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

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

  2.更好的用户体验

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

  3.快速了解App主要功能

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

  然后再来看看劣势

  1.功能不能过多

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

  2.占用一定屏幕尺寸

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

  标签导航的延展

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

  知乎

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

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

  腾讯新闻

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

网页设计中标签式导航的设计思路相关标签:网站建设网站制作方案网站建设网页制作
相关热点推荐
网页设计中标签式导航的
针对搜索引擎最佳方式:
搜索引擎优化之网站导航
关于网站运营的六点个人
有时间先后的翻页
网页设计流行趋势解读
如何让你的网站更完善
如何有效的提高网站关键
DW制作网页的基本步骤
微信营销推广的特性-奈
如何使用百度工具追踪访
IE不能上网浏览的常见
企业为什么做网站及作用
网页设计师如何把简约之
你的网页要呼吸
网站设计中完美风格的形
一起关注2015年如何
用404页面优化已不存
全屏自适应网站设计特点
搜索引擎是如何判断新闻
企业自助建站的利与弊
网页设计中排版与布局的
如何处理好网站设计的细
企业网站如何做好百度搜
中小企业网站建设定位的
优秀的网站设计公司能赋
细节决定成败网站建设的
从零开始设计一个漂亮的
客户终生价值挖掘让你利
网页设计中的版式原理-
提高页面显示速度的秘技
重磅!功能型网站建设的
留住访客如何最优化设计
精致的web设计
网络营销的核心标准
苹果系扁平化大色块网站
网页设计中“面”的视觉
高权重网站被K后的恢复
网站注册那些事儿
网站设计的思考网页版面
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

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