移动端产品设计完全指南4:导航栏设计
导航栏设计应该是App设计中优先级最高的工作之一。如果用户找不到功能或者内容入口,那即使App的功能再酷、内容再优质,也无济于事;另外,如果花费过多时间和精力去设计产品的导航架构,也可能会适得其反、失去用户。导航的设计标准应该是让用户自然、直观地使用App,无需任何解释或帮助信息就能完成所有的主线任务。
4.1. 使用标准化的导航组件
最好使用标准化的导航组件,比如iOS中的tab bar和Android中的抽屉导航栏(navigation drawer),大多数用户都习惯于这两种导航模式,即使首次使用App,也会比较容易上手。
Android的侧滑菜单(图片来源:Material Design)
iOS的tab bar(图片来源:Ramotion)
4.2. 不要混用导航模式
当选定了一种核心导航模式后,请不要夹杂其他的导航模式。避免出现同一个App中既有tab bar又有navigation drawer的情况。
4.3. 导航栏可见
正如Jakob Nielsen所说,认知比记忆更容易。始终保持操作和选项可见,能最小化用户的记忆负载。导航的位置应该清晰显著,保证随时可用,而不是只在用户必须使用时出现。
4.4. 标注当前的位置或层级标题
没有在页面中标注当前的位置或所处层级是许多App的常见问题。“我在哪儿?”这是用户需要知道的基本问题,也是产品必须告知用户的基本内容。要确保用户随时明确当前所处位置,可能大多数场景下,用户会无视这个页面标题或者位置提示,但当用户想知道却无法知道时,用户体验会大大下降。
Apple出品的Health App提供了当前页面的信息
THE END