移动端产品设计完全指南4:导航栏设计

2018-03-1017:08:07网页设计Comments2,183 views字数 670阅读模式

导航栏设计应该是App设计中优先级最高的工作之一。如果用户找不到功能或者内容入口，那即使App的功能再酷、内容再优质，也无济于事；另外，如果花费过多时间和精力去设计产品的导航架构，也可能会适得其反、失去用户。导航的设计标准应该是让用户自然、直观地使用App，无需任何解释或帮助信息就能完成所有的主线任务。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1495.html

4.1. 使用标准化的导航组件

最好使用标准化的导航组件，比如iOS中的tab bar和Android中的抽屉导航栏（navigation drawer），大多数用户都习惯于这两种导航模式，即使首次使用App，也会比较容易上手。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1495.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1495.html

Android的侧滑菜单（图片来源：Material Design）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1495.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1495.html

iOS的tab bar（图片来源：Ramotion）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1495.html

4.2. 不要混用导航模式

当选定了一种核心导航模式后，请不要夹杂其他的导航模式。避免出现同一个App中既有tab bar又有navigation drawer的情况。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1495.html

4.3. 导航栏可见

正如Jakob Nielsen所说，认知比记忆更容易。始终保持操作和选项可见，能最小化用户的记忆负载。导航的位置应该清晰显著，保证随时可用，而不是只在用户必须使用时出现。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1495.html

4.4. 标注当前的位置或层级标题

没有在页面中标注当前的位置或所处层级是许多App的常见问题。“我在哪儿？”这是用户需要知道的基本问题，也是产品必须告知用户的基本内容。要确保用户随时明确当前所处位置，可能大多数场景下，用户会无视这个页面标题或者位置提示，但当用户想知道却无法知道时，用户体验会大大下降。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1495.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/sheji/1495.html