为了让 iPhone X 更好浏览网页，我给网页加了个导航按钮

2017-11-02 20:01:22 阅读：599 作者：子龙 来源：巨推传媒 分类：SEO优化

使用汉堡菜单还是使用标签式导航，是移动端UI设计师常常会纠结的问题。就目前来看，随着手机屏幕尺寸不可控制的逐步膨胀，标签式导航似乎越来越受欢迎。

编者按：iPhoneX 发布之后，全新的屏幕和为之适配的iOS系统，为我们呈现出全新的交互。之前我们习惯了的交互，在这块带着刘海的屏幕上，不再完全相同，之前恰到好处的设计，在这块屏幕上似乎也没法完美的运作了。产品设计师Daniel Korpai 发现了在iPhoneX移动端网页导航上存在的交互上的问题，并撰写此文。

使用汉堡菜单还是使用标签式导航，是移动端UI设计师常常会纠结的问题。就目前来看，随着手机屏幕尺寸不可控制的逐步膨胀，标签式导航似乎越来越受欢迎。

不过值得注意的是，在移动端上APP会更加倾向于使用标签页导航，而绝大多数的移动端网站仍然会使用汉堡菜单作为主要的导航工具。值得注意的是，汉堡菜单这种设计在目前越来越大的手机屏幕上，可用性正在逐渐降低。

关键的痛点

绝大多数的时候，我们会在行进中使用手机，在地铁上，超市里，在下班路上，这个时候我们常常无法双手操作，手上提着袋子，或者拿着一杯咖啡，或者握着地铁上的扶手。但是往往这个时候，我们更需要同界面进行快速的交互。

多数传统的移动端网站导航，要么在页面的最顶端，要么在最底端，可是问题在于，手机屏幕太大了。网页的汉堡菜单图标却常常位于手机的左上角或者右上角，恰好是距离拇指最远的位置。

面对的挑战

面对这种痛点，UI和UX设计师们并没有忽略。有不少设计师会和开发者协同，在网站界面的底部放置一个小尺寸的固定导航栏。在桌面端上浏览的时候，它看起来是悬浮在页头的导航，在移动端上，它是悬浮固定在页面底部的快速访问式的小的导航按钮组合。

随后，这种尝试逐步演变成了靠近汉堡图标的一系列快速访问功能按钮，这些按钮代表着这个网站的重要、常用的功能元素，可能是导航、电话、特定页面的链接等等。

更多资讯关注巨推传媒:http://www.jutui360.com/list-8/ 联系电话:400-606-5558 qq/微信:shijianyingxiao8

上一篇：2018年, SEO行业发展前景, 有几大趋势? 下一篇：【深度长文】细思极恐的YouTube“可跳过广告 ”

更多推荐

• 
  SEO优化 长尾关键词对seo优化的影响 什么是长尾关键词？如何挖掘长尾关键词？相信这是大多seo站长都非常想要知道的事情，长尾关键词能够给网站带来一定的流量，通常由两到三个词所组成，经常会出现在网站标...

  2019-08-09 12:37:59 1274

  SEO优化

• 
  SEO优化 seo优化网站关键词布局的方法技巧 对于seo优化人员来说，掌握关键词布局是将网站做到首页的重要一步，一个网站有多个相关的关键词，我们需要将这些关键词平均分布到网站上，但切记千万不要造成关键词堆砌...

  2019-08-09 12:32:54 1351

  SEO优化

• 
  SEO优化 制作手机网站这几点很重要 随着智能手机不断的普及，移动互联网时代的到来，PC端的用户大多都转移到了手机端，因为使用手机比起电脑来说要方便很多。企业建设一个手机网站的目的无非就是给自己的企...

  2019-08-09 12:25:30 1150

• 
  SEO优化 网站首页不被搜索引擎收录的原因 网站收录情况是网站优化过程中一项非常重要的指标，如果网站没有收录，那就说明网站没有机会展现给用户，当然了也不能为广大网民提供价值；尤其是新网站，很多站长在优化一...

  2019-08-09 12:23:27 1331

• 
  SEO优化 网站被降权的解决措施 站内优化过度主要体验在关键词布局标题上关键词堆砌，相同的关键词重复好几遍，seo在不觉得这样操作会导致降权的情况慢慢的优化过度，那么当遇到网站被降权的情况我们应...

  2019-08-09 12:21:55 1168