发布时间：2020-8-27 分类： 行业资讯
五种界面模式，专为网络和移动设计，可优化您的用户体验并增强您的结果。
可访问的导航可引导用户完成界面中的信息流，帮助他们完成任务，改善用户体验并推动您的网络和移动转化。类似地，如果用户找不到页面或应用程序，则页面或应用程序是无用的，并且较差的导航设计使得用户体验变差，导致用户退出转换频道。因此，不正确的设计或忽略用户界面导航会对您的结果产生灾难性影响也就不足为奇了。
用户友好的导航提示从导航菜单开始。为了让用户在您的代购源码网站或应用上从A点转到B点，他们需要一张地图来指导他们。设计导航菜单应优先于设计过程。开发前的原型导航菜单将为您提供启动实时可视化和交互设计所需的资源。我们来看看五种常见的接口模式。每个都可以使用交互式原型设计工具Justinmind进行原型设计。
用于平滑代购源码网站导航设计的下拉菜单
下拉菜单有几个值，用户可以选择这些值并从那里获取到代购源码网站的另一个区域，这是一个可扩展的界面导航。下拉菜单是一种站点导航设计，可将用户转移到站点上的新位置，并根据所选的最后一个选项执行操作命令菜单。
何时设计下拉菜单当您有大量显示选项并希望节省空间时，下拉菜单是浏览代购源码网站的好方法。熟悉轻松扫描，良好的下拉菜单可以提高点击率。但这需要时间和地点，所以请考虑一下您的用户体验模型。菜单需要包含足够的导航值，以便用户知道如何与其进行交互（例如，单击选定的值而不是使用单选按钮进行双击），而不是让用户难以扫描菜单列表。明智地使用它将为您的用户体验和界面设计做出很好的改变。
滑动汉堡包移动菜单
滑动汉堡菜单或滑动菜单用于显示多个链接，常见的Android和iOS移动菜单。在“休息”中位置，幻灯片菜单隐藏在屏幕上。通过触发汉堡包图标，用户可以访问未覆盖的导航链接。
何时使用滑动汉堡菜单进行响应式网页设计。例如，Anroid的Gmail收件箱导航抽屉，YouTube和Facebook界面。
滑动菜单非常适合隐藏导航，例如，删除带有大量导航链接的混乱移动屏幕。在此处阅读有关滑动菜单的最佳实践的更多信息。
Web界面模式的位置菜单
什么是定位菜单定位菜单，也称为粘性菜单，是一种Web界面模式，其中标题区域（菜单，代购源码网站标题和徽标）在向下滚动时仍然可见，页面内容在其下方流动。粘性标题已成为网络界面模式的标准—— Google+和Dropbox都有粘性菜单。
何时使用位置菜单应用于要对其执行操作的网页，例如零售，电子商务代购源码网站。用户可以在几秒钟内完成导航选项—使位置菜单非常强大。速度是用户浏览代购源码网站时最重要的事情。事实上，根据Akamai和Gomez.com的研究，79％的在线购物者如果遇到问题就不会返回该代购源码网站。
自定义Web导航的多列下拉菜单
多列下拉菜单是用于代购源码网站导航的可扩展多级菜单。它有一个2D面板，分为导航选项（标签）组，所有这些都可以一次使用，因此无需滚动。用户单击或将鼠标悬停在选项卡上可查看其中包含的链接。
与下拉菜单一样，多列下拉菜单使用图标提供对结构和子菜单的可见性。它们还可以包括导航链接旁边的图像或彩色字体，以引导用户注意显着内容。
何时使用多列下拉菜单是一个很好的存储空间，隐藏内容直到用户将鼠标悬停在菜单栏上以显示所有导航链接。尼尔森诺曼集团的研究表明，网页上显示的链接越多，更受欢迎的多列下拉菜单。
此菜单最适合可访问的网页设计，视障用户或高级网络用户。它们也受到包含大量不同主题的杂志式博客的欢迎。
用于响应导航的网格
网格是用于Web和移动导航的导航模式。网格包含一组图像，这些图像被拆分为可扩展和可折叠块。它是另一种高度可视化的结构，允许您将视觉主题与用户体验流相关元素相结合。
何时使用网格中的图像提供了大量的点击/点击目标，使得网格成为移动界面导航的理想选择。它们还用于许多网页设计和代购源码网站以浏览可视内容，例如图像共享代购源码网站Pinterest和音乐流服务Spotify。
由于它们的逻辑和自适应布局，网格是一个完美的响应导航！
原文地址：https://uxplanet.org/5-ui-patterns-navigation-that-makes-good-ux-sense-92a65df7485d原作者：Justinmind译者：SKYUI
