交互思考：浅析iPhoneX移动端网页导航上的存在问题.docVIP

交互思考：浅析iPhoneX移动端网页导航上的存在问题关键的痛点 绝大多数的时候，我们会在行进中使用手机，在地铁上，超市里，在下班路上，这个时候我们常常无法双手操作，手上提着袋子，或者拿着一杯咖啡，或者握着地铁上的扶手。但是往往这个时候，我们更需要同界面进行快速的交互。 多数传统的移动端网站导航，要么在页面的最顶端，要么在最底端，可是问题在于，手机屏幕太大了。网页的汉堡菜单图标却常常位于手机的左上角或者右上角，恰好是距离拇指最远的位置。 面对的挑战 面对这种痛点，UI和UX设计师们并没有忽略。有不少设计师会和开发者协同，在网站界面的底部放置一个小尺寸的固定导航栏。在桌面端上浏览的时候，它看起来是悬浮在页头的导航，在移动端上，它是悬浮固定在页面底部的快速访问式的小的导航按钮组合。 随后，这种尝试逐步演变成了靠近汉堡图标的一系列快速访问功能按钮，这些按钮代表着这个网站的重要、常用的功能元素，可能是导航、电话、特定页面的链接等等。 可问题在于，在iPhone X上，即使是这样设计的导航，可用性依然存在问题，承载浏览器主要交互的按钮又需要从界面顶部触发。同时，网页底部内置的菜单其实是会让人分心，整个体验是支离破碎的。 落地的设计 所以，我琢磨着设计出一套能够尽量兼顾到包括iPhoneX在内的所有设备的移动端网页导航，尽可能让它易用且解决各种痛点。我的方法不复杂，就是在移动端网页靠近底部的位