网站建设如何替代抽屉式导航

虎网科技（西安网站建设）关于移动互联网端抽屉导航（三线icon/汉堡包菜单）的文章和讨论已经够多了。本文无意加入这些讨论，只是想寻找一种更好的替代方案，毕竟抽屉导航的缺陷早已成为公论 >>>

• 效率0下：交互有够麻烦的
• 导航性差：不知道自己在哪
• 塞满了各种乱七八糟的功能

先来看看西安网站建设有哪些常见的导航模式：

在此之前我想先老生常谈一下：每一款产品都是为特定用户群体而设计的，你需要仔细琢磨用户的使用场景，一些方法兴许适合你，但对别人却未必。

1. 西安网站建设：Swarm和标签导航

在Swarm by Foursquare的1.0版本中，点击左上角的头像是前往个人中心的先进途径。

Swarm by Foursquare

这看起来很机智，还有比头像更能代表个人中心的icon嘛？但实际情况却是除了设计者之外没有人能理解这个交互，呵呵。所以只过了一个月，Swarm就把个人中心挪到了底部标签栏。

标签导航是较常见和实用的，尽管会占据一些屏幕空间，但它的好处确实足够多：

• 可见性强：全都在你的屏幕上
• 结构清晰：较多只能五个标签
• 交互方便：只需点一下，搞定

即便是自2010年起便在使用抽屉导航的Facebook，也从2013年开始投入了标签导航的怀抱。

不过Swarm的导航还有精进空间，比如他们的导航只有icon没有文字。诚然icon会更直观和形象，但这对icon的要求会很高，它必须要易于理解，不然还是像Facebook那样用文字说明一下比较好。

Swarm&Facebook

如你所见，Facebook为每个icon都加上了文字，就算是像「设置 – 齿轮」这样约定俗成的隐喻。而Swarm则使用类似于蜂房的icon来隐喻个人中心，理解成本显然较高。

也许没我说的那么严重，但许多对设计者而言显而易见的事，对别人来说却可能难以察觉，这却也是事实。

2. 西安网站建设：Tinder和滑动导航

我把以Tinder、Snapchat及其他APP为代表的导航方式称为滑动导航。

这类导航模式的特点在于体验的自然性，它与滑动手势相得益彰：整个APP就好像是一块水平长条的大屏，无论你如何滑动都只是切换到大屏中的某一部分而已，这使你几乎可以抛弃「点击」操作。

有得必有失，滑动导航的一大缺点是你无法直接从第1个页面切换到第3个页面，更重要的是，作为页面标题的导航icon至多只能显示3个，其余的会被隐藏起来，你需要遍历所有页面才能够知道这个APP有哪些页面，他们分别在哪，这确实不够直观和便捷。

不过对于只有3个主页面的APP（比如Midpic）来说，滑动导航可谓如鱼得水。

Midpic

也许我们可以通过「无限水平滑动」来改进这一导航模式，这能够消除用户在较左端/右端2个页面时的碰壁感。

Tinder

3. 西安网站建设：BAG和下拉导航

BAG的设计者Nacho Rapallo引入了一种全新的导航方式：下拉屏幕——就像下拉刷新Feeds那样，不过需要拉得更多——切换页面。

BAG

这种交互模式的讨喜之处在于，它类似于抽屉导航，但却没有抽屉导航的部分缺点：

• 不占地儿
• 五个标签
• 交互很快

    抽屉导航较大的问题在于当你切换页面时，你需要先点击汉堡包icon（或右划），等待导航打开，然后再点击目标icon，如果你不小心点错了，就得再来一遍，这太浪费时间了。而通过这种交互方式，你的手指有效不需要离开屏幕，效率大大提升。

    不过这种交互方式并非没有缺陷，如果你的APP包含Timeline，而用户滚屏后需要切换页面时，要*先返回顶部才能进行进行该操作。同时，作为 一种不可见性的交互方式，用户需要被引导，这会很困难。因此我不太推荐初创企业过多使用创新型的交互模式，这会使早期用户赶到迷茫。

4. 西安网站建设：我的替代方案

经过深思熟虑，我尝试西安网站建设出一种能够避免上述所有缺点的导航模式。我把BAG的下拉改成了侧滑式，这样一来就能避免滚屏的麻烦。我们来看看它长什么样：

Slide navigation pattern by benjamin berger

我承认它还不够好，比如导航依旧是被隐藏的，用户需要去学习和习惯。此外它还与我们常用的右划返回手势会发生冲突。不过它确实要比抽屉式导航更好。

以上内容由虎网科技（西安网站建设，西安网站设计,西安网站制作）为您提供，更多精彩内容：https://www.huwz.com/

关注“虎网科技”微信公众号，快速获取互联网较新资讯

济州岛攻略旅游住宿多少钱（详解济州岛自由行攻略）

    济州岛攻略旅游住宿多少钱（详解济州岛自由行攻略） 本文将详细介绍济州岛的旅游攻略和住宿费用，包括交通、美食、景点、购物等方面的内容，希望能够为计划前往济州岛自由行的游客提供帮助。 一、交通费用 1.航班费用 从中国大陆前往济州岛的航班，一般都会经过韩国首尔的仁川机场或金浦机场。航班价格根据季节和预定时间等因素而异，一般在1000-3000元之间。 2.机场到市区的交通费用 济州岛机场到市区...

       北京通州义捷传诚知识产权和虎网站签下网站建设协议 义捷传诚选用虎网站网络实用型网站案例，此案例比经济型多了些功能，如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。义捷传诚是经北京市通州区工商局审核的正规企业，统一社会信用代码：91110112MA01BAUX6W。同时经国家工信部和北京通信管理局审核通过ICP备案；备案号：京ICP备18035902号。义捷传诚处于北京市通州区中关村科技园区通州园金桥科技产业基地...

       福田常青乐器培训跟虎网站签下网站建设事宜 常青位于深圳市福田区财富广场4N。常青是经深圳市福田区工商局审核的正规企业，统一社会信用代码：办理中。常青选用虎网站网络实用型网站案例，此案例比经济型多了些功能，如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。 　　著名女高音歌唱家、声乐教育家，中央电视台少儿频道金螺号拦目特聘编导理事、2006年获联合国国际交流合作与协调委员会亚太总部颁发世界华人艺术贡献奖，文...

       初次建站从展示型网站开始 展示型网站，又称企业展示网站，适合于发展期，初创期的企业。就是企业在互联网上进行 网络建设 和形象宣传的平台、企业网站就相当于一个企业的网络名片，通过网站您可以展示企业企业形象、展示企业实力，让客户多方位多角度更全面的了解企业，提升企业知名度；同时可以助力企业的销售，加强客户服务，完善网络业务，扩大企业市场份额、抢占先机、还可以与潜在客户建立商业联系。 　　一、网站设计符合企业形象 　　首先是 网...

       网店如何推广成功经验 在网店在建设之前必须要有好的定位，要有自己有特色的产品，看一下和别人相比有没有竞争优势，要 　　选一个有特色的名字，买家才能更好的记住你的网店，网店产品类别要划分清楚明了网店推广，买家才 　　能更好的找到和选择商品，做好相关友情链接。 　　二、 网店装修设计宣传 　　在现实中，装修设计好的店，去的从比较多网店推广，在网上也一样的，要结合网店的特色风格进行设 　　计和宣传。 　　三、 在线客服的服务...

       专业的网站设计重在哪几点？ 一、 专业网站设计 重在给人留下深刻的先进眼印象 如果的网站设计作品在先进眼时并未能抓住浏览者的心，那么极有可能会失去浏览者的二次回访，甚至是继续浏览机会，所以说先进眼设计是网站设计成功的先进步。 二、专业网站设计重在顺利浏览 网站设计与别的工作不同，不存在酒香不怕巷子深的说法，看不到的美，再美也只是0，这一点很残酷，因此，网站设计的加载速度控制异常重要。 三、专业网站设计重在清晰实用的导航 一个...