阅读“用于移动应用程序的UI设计模式（第二版）”: 主导航模式-即时导航

术语“瞬时”表示短暂停留，它准确地表达了下面导航菜单的作用. 该导航菜单仅在需要时显示，选择后再次消失. 在这里，我们将介绍三种瞬时导航: 侧抽屉式，下拉菜单式和转盘菜单式. 侧边抽屉有两种样式. 第一个是覆盖图，它可以通过轻拂或单击手势打开抽屉，抽屉可以部分遮盖或覆盖原始页面的内容，例如RetailMeNot. 第二种样式是嵌体，可通过轻拂，平移或单击来打开抽屉，并将原始页面内容部分（例如Path）推出屏幕. 让用户知道侧抽屉存在的最佳方法是什么？ Android设计指南（）建议用户首次打开应用程序时，显示抽屉状态，以便用户可以查看菜单并知道如何关闭抽屉: 当应用程序首次启动时，通过自动打开抽屉抽屉向用户介绍导航. 这样做将确保用户知道导航抽屉的存在，并提示他们浏览抽屉的内容以了解您的应用程序结构. 随后多次启动该应用程序时，将继续显示抽屉，直到用户主动手动打开导航抽屉为止. 一旦知道用户已经学会了如何打开抽屉，就可以将导航抽屉设置为在启动应用程序时关闭. 听起来不错吧？但是，根据我与多个客户进行的用户测试，该建议并未取得良好的结果.

因此移动应用ui设计模式 第2版 pdf，我推荐了一种类似于Allthecooks的设计，只是在应用程序首次启动时才弹出抽屉. 最受欢迎的设计趋势是左侧抽屉，但也可以在右侧设计，例如IfThisThenThat（IFTTT），或者两侧都有抽屉，例如Windows Phone的Facebook Beta. 不要像om finder和Frost应用程序那样将抽屉放在底部. 此位置与调出iOS 7控制中心时使用的向上滑动手势冲突. 侧抽屉的内容不必仅限于导航选项. Zillow的Mortgage Marketplace应用程序中的抽屉显示实时抵押贷款利率曲线，像LinkedIn这样的社交应用程序经常在抽屉中放入信息. 侧抽屉可以有多个层. 例如，在“花式”中，您可以单击，然后单击，然后一直单击，直到到达最低类别. 当您逐级向下钻取时，右侧的内容将相应地更新. 在Wish的侧边抽屉中，类别路径只有两个级别，并且选择类别的模式采用了跳板样式. 侧面抽屉还允许用户在高级场景之间切换. 在iOS版Gmail的抽屉中，单击我的名字旁边的箭头会在菜单选项下打开一个面板. 在这里，我可以切换电子邮件帐户或添加新帐户.

[提示]侧边抽屉的设计可以变化，但不要让它承担太多的功能. 抽屉的主要功能是显示主要的导航选项. 新兴模型为了响应iOS 7设计规范，Luvocracy的设计师一直在试验嵌入式侧抽屉（）的变体. 当您单击导航图标（或“汉堡”图标）以打开侧面抽屉时，嵌入式抽屉不仅将右侧页面推向右侧，还使用3D效果将其推回. Luvocracy的导航很简单，过渡也很顺利. 但是，尽管适用于iOS的Airbnb具有类似的菜单样式，但已成为一种反样式. 此新设计具有3个高级菜单类别: “旅行”，“主机”和“登录”. “旅行”的标题横穿屏幕的顶部（实际旅行菜单选项与其分开并显示在下面），而“所有者”和“登录”则分别位于屏幕的底部，左右. 单击“所有者”或垂直滑动将“所有者”切换到顶部，而“旅行”将移到底部（登录将保持不变）. 再次轻扫将其切换回去. 对于用户而言，这种设计既不切实际又效率低下. 我并不完全同意iOS设计指南（）的每个规范，但是在下面用“滑动”替换“滚动”表示这种情况的问题: 不要让用户滚动所有菜单选项. 这使用户感到不安，因为他们必须花费更多时间来区分这些选项.

此外，滚动屏幕时，您不可避免地会无意识地单击该选项. Android版本的Airbnb也使用抽屉式导航. 相反，此版本的导航更加清晰，不需要用户费心去推测. [提示]在使用侧面抽屉进行导航之前，请首先制定应用程序的信息结构，并与用户确认. 如果侧边抽屉有效移动应用ui设计模式 第2版 pdf，则应测试几个不同的应用程序原型，以查看哪个最为合适. 在iOS上实现的侧面抽屉导航的一个更好的例子是AmericanAirlines. 通过侧面抽屉导航，它显示了设计精美的分组菜单. 但是我希望它的父页面不是半透明的，因为该页面仍然是一个触摸对象. 下拉菜单样式在本书的第一版中，我沿用了Web设计的名称，并将其称为Mega Menu. 从那时起，移动Web和响应式Web设计推动了该模型的开发，该模型现在更普遍地称为下拉菜单. 像侧面抽屉一样，还可以嵌入下拉菜单，以将页面内容推送到菜单下方. 它也可以是一个浮动层，菜单层则浮动在内容页面上方，例如Pocket1和Qwiki，沃尔玛和Home Depot. 浮动层设计在本机移动应用程序中更为常见. 在Ultravisual应用程序中，从底部显示一个浮动下拉菜单. 注意1: 当前版本的Pocket已经是抽屉式导航.

（译者注）下拉菜单样式的一个重要规则是，无论用什么手势，都可以打开菜单，例如单击图标，轻拂，平移. 隐藏菜单也是如此. 不要让菜单覆盖整个屏幕，而要稍微暴露一下背景. 在背景上的任意位置单击时，也可以隐藏菜单. Android为此类主要导航提供了特殊的控件-Spinner控件. 但是请记住，应该使用Spinner在同一类别下的不同视图之间导航，而不是跳转到完全不同的类别. 例如，NPR和NYTimes都是新闻应用程序. Spinner提供了多种方法来细分应用程序中的大量新闻内容. 但是，如果NPR希望在此菜单中提供其他选项，例如音乐或天气，则应使用Android设计指南中所述的标签栏或导航抽屉. 在Android平台上，如果要使用下拉菜单在同一类别的不同视图之间导航，则需要使用Spinner控件. 但是请记住，在iOS和Windows Phone平台上，下拉菜单是一个自定义控件，可能需要更多时间来实现，测试和维护. 转盘菜单样式的转盘菜单，也称为，环形菜单或放射状菜单，自1990年代以来已出现在桌面软件设计中，并且近年来在Web应用程序中出现的次数更多. 这种模型在游戏设计中也很受欢迎. 因此，当我开始播放PIE（开放源代码的第三方Android系统Paranoid中的转盘菜单）时，我感到非常兴奋，并且为操作流畅感到惊讶.

如果Android系统将转盘菜单设置为标准控件之一，那么我认为它不适合应用程序的主导航，因为这会导致操作系统和应用程序之间发生太多冲突. 查看其他操作系统，我发现只有少数几个应用程序尝试过使用此模式作为主要导航. 我发现的例子并不理想. 例如，当使用PortalWebBrowser的多层导航时，用户需要具有强大的心理能力和类似外科医生的精确操作. 偏执狂Android中PIE的设计与PortalWebBrowser中的转盘菜单之间的主要区别在于，后者的层数过多且触摸对象过于紧凑. 点击，长按，然后在滚轮上滑动以移动到更大或更小的楔形按钮. 这个手势既不简单也不自然. 但是，在选择操作方面，有一些出色的转盘菜单样式示例，请参阅第5章.

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/tongxinshuyu/article-173425-1.html