最热门的12种导航模式.docVIP

最热门的12种导航模式 Secret 问题 用户希望了解如何使用应用的各项功能。 解决方案 设计一套说明或教程来演示各项功能如何使用。现在很多应用都使用这种方式在用户首次启动时提供演示。这种方式可以分为两大基本方法。Secret和YouTube等应用采用了覆盖图指南的方法，并使用“引导标记”突出显示UI中的关键部分来说明其作用。 另外，Carousel和Duolingo等应用则会在用户首次启动时以幻灯片的形式引导用户走完全部体验过程，从而有效地说明应用能够帮助用户实现哪些功能。这一引导过程同时也是收集重要信息（方便后期简单注册乃至更深入的需求）的绝佳时机，类似于设置向导。这一模式对于无法第一时间直观了解功能的应用来说至关重要，因为用户对你的应用了解越深刻，就越有可能继续用下去。 2. 溢出菜单 Whatsapp、Gmail 问题 用户希望能够快速使用附加选项或操作。 解决方案 将附加选项和按钮隐藏在溢出菜单中，这样它们就不会干扰主界面。溢出菜单在安卓系统中有着广泛的应用，其主要用于将不常用但与当前内容有相关度的选项和菜单项隐藏到操作栏中。Whatsapp和Gmail等应用对刷新和状态设置等菜单项（这些都是用户需要能够快速使用，但如果放在显眼位置会比较碍事的附加功能）就采用了这种模式。在RelateIQ中，用户可以按住主菜单项来查看子菜单，从而实现快速导航到不同视图。 3.?滑块 Uber 问题 用户希望能够在不同选项之间无缝切换。 解决方案 使用滑动手指的方式实现选项切换的显眼、轻松过渡。例如，Uber可让用户在各侧间拖动滑块无缝切换四种出行服务方式。在这一UI设计模式中，其甚至可以放大缩小地图，从而给用户模拟出周边车辆的密度水平，让你能够自动看到各种可行的方案。 4. 基于内容的导航 Tinder 问题 用户希望能够轻松、直观探索特定内容的细节。 解决方案 实现概览和细节界面的无缝过渡。Tinder和9Gag均实现了这方面的无缝响应。在Tinder中，其UI设计模式可让用户在两种用户资料界面无缝过渡，用户只需单击各视图的主照片即可。不仅如此，如果用户在用户资料的详细视图界面下滑动各个照片，然后单击某个照片返回基本视图，其还会保留显示你所单击选中的照片。这样即可实现极为流畅、直观的用户体验和流程。 5.?变换式控件 Pinterest 问题? 用户希望能够执行各种不同的操作，但屏幕空间有限，无法显示全部所需控件。 解决方案 使用其他功能替换按钮和屏幕控件。根据用户当前操作情况的不同，UI设计可以使用针对性的元素替换先前的元素。例如，用“执行”替换“撤销”或“添加”替换“删除”。如果用户先后执行的操作存在一定的关联，那么这种方法绝对有效。 Pinterest和Spotify会把“+”变成“x”按钮，这样用户就能知道自己可以取消添加别针或关注相簿。这一UI设计模式可大量节约空间，让撤销操作快速简洁，整体上堪称值得玩味的解决方案。 6. “跟随式”固定导航 Dropbox 问题 用户希望能够在应用内随时访问菜单。 解决方案 滚动页面时保持顶部、侧边或底部导航栏不变。在某些情况下，页面部分子节的标题也可在滚动时保持固定，或附着到已有的固定导航栏上。以地址簿为例，其中按字母顺序分隔的每个分节（“a”、“b”“c”等）可以在滚动过分节标题时保持在顶部导航栏下方。相册和文件夹类应用多采用这种设计模式。在其他方面，当用户朝着某一方向滚动时，可以让菜单消失，而朝另一方向滚动时则会固定显示。在这方面Pinterest是一个很好的例子，其菜单会在向上滚动时从底部消失，向下滚动时重新出现。这一点与用操作栏（Android机广为采用的模式）存储常用app功能的模式完全不同。 7. 垂直导航 Facebook、Spotify 问题 用户希望能够在应用的不同部分之间进行导航，但屏幕空间有限，无法显示全部信息。 解决方案 将重要的UI部分以列表的形式进行呈现，让用户可以滚动查看自己要执行的操作或内容。在这一方面，滚动是一个比较标准的移动应用手势，所以应用采用这一模式进行导航布局是比较合理的。这一模式还可让UI的标题和脚标能够实现更多“通用”导航，例如操作栏等。Spotify等音乐播放器，Yahoo！、Digest等新闻阅读器以及之外的各种应用都以不同方式采用了垂直导航的模式。 8. 弹窗 TED、Dropbox 问题 用户希望在查看相关信息的同时保持当前在UI中所处的位置。 解决方案 以弹窗的形式显示重要通知和其他信息。这一UI模式的优势在于能够以简洁明了的形式查看其他信息或执行特定操作，同时无需用户退出当前活动。正式的TED应用会以弹窗的形式放置播放控件，同时背景会以半透明形式显示，这样一方面可以让用户知道自己能够对播放器执行相关操作，同时，又不会干扰用户