随着移动端的兴起，使得我们
网页设计需要调整构建和方式。如何让移动端网页设计体验更好？如何通过改变移动导航以降低交互成本？在本文中，我们将一探究竟。
每当您听到“移动导航”时，首先想到的是什么？我的猜测是使用手机滑出菜单，这种设计模式从第一个响应式设计时代就开始使用，尽管从那时起发生了很多变化，但这种特殊的模式并没有改变当前的移动导航——正如我们所知道的——早在 2011 年就被 Ethan Marcotte 的“响应式网页设计”一书普及开来。从那时起，顶部导航和汉堡包就成为了行业标准。
自最初的移动端上网以来，手机销量逐年增长。2019年是市场达到饱和点，销售额开始下降的第一年。但这并不意味着人们不使用手机。据相关报道到 2020 年我们把 80% 的互联网时间花在手机上，与 2010 年相比，当时只有四分之一的互联网用户使用手机。智能手机的平均屏幕尺寸从 3.2 英寸一路增加到 5.5 英寸。2017 年，设备制造商开始采用更高的 18:9 纵横比，配备 5.7 英寸和 6 英寸 18:9 显示屏。现在，我们开始看到 6 英寸 18:9 显示器成为旗舰以及中端价格段的新标准，因为它们的屏幕面积比 5.5 英寸 16:9 显示器更大。
将导航栏定位在底部使用户更容易点击菜单图标，而辅助项可以移动到顶部。基本上，您只需切换顺序。移动应用程序一直在将这种逻辑与点击栏模式一起使用。它本身并不是一个新想法，但它在网页设计中仍然不像在应用程序设计中那样受欢迎。这不是一个万无一失的解决方案，因为它提出了一些关键问题，但它是一个有价值的选择。让我们探讨一些可能出现的问题。
由于屏幕顶部变得难以触及，因此将主菜单项放置在靠近底部的位置是一个更好的选择，但是其他同样重要的事情呢？有两个想法来解决这个问题：将搜索栏或任何非主要项目置于顶部；CTA 按钮应保留在菜单项旁边的底部，因为它是导航的重要组成部分。一些网站有丰富的菜单、子菜单以及介于两者之间的所有内容。自然会涉及到滚动。在这种情况下，翻转主要/次要项目如何工作？固定主要和次要项目（菜单链接、徽标、搜索输入），同时使菜单列表可滚动。这样，您的用户将能够获得他们需要的关键内容。
