UI设计基础-2017 其他导航 其他导航.docx

UI设计基础 PAGE 1 目 录 TOC \o 1-3 \h \z \u 一、概述 1 二、步骤 2 其他导航 本次课程介绍导航设计。导航是页面结构和界面设计的重要一部分，它可以结构化产品内容和功能、突出核心功能、扁平化用户任务路径，下面举一些案例浅谈一下常见的导航形式和一些导航设计的技巧。 一、概述 仪表式（Dashboard）是提供度量关键绩效的指标（KPI, Key Performance Indicators）是否达到要求的方法，经过设计之后每一项度量都可以显示一种数据的计算，给数据定量并定性。主要的表现方法有饼状图、柱状图、数字显示等。 以仪表式导航作为导航方式的移动应用一定是以数据为核心的。这种移动应用将可能在今后的10年迅速发展，理由非常简单，随着可穿戴式设备（Wearable equipment）的繁荣，一部分可穿戴式设备是基于对数据的收集的，那作为与之配合的移动应用，展示数据就成为其功能的核心。 步骤 音乐制作类移动应用Tao mix，其用特殊的仪表来表述声音的性质如大小、类型、持续时间等，使用户可以以较为直观的方式去操作控制“不可见的声音” 。 在线广播类移动应用EZ FM的一级菜单截图，其采用了图片轮盘与列表菜单组合的方式。由于广播节目的特殊性，整个列表被设计成了一种时间线的表达方式，时间线的设计最早来源于Facebook，之后被广泛应用于许多移动应用的用户界面设计。该列表式导航属于增强列表。 移动应用“Tao mix”的图形用户界面 数据监测类移动应用Mind wave则是通过与Neurosky公司开发的家用脑波仪链接，通过移动应用所展示的数据波动条来显示目前脑波仪佩戴者的各项脑波生理指标。 移动应用“Mind wave”的图形用户界面  移动应用“知乎日报”的图形用户界面 3、分组列表（Grouped List）将列表的信息分类，并在每个分类下面还有二级列表。通过这种方式可以容纳更多的交互内容。图4-2-16、图4-2-17所示为有声书籍类移动应用 Audible的分组列表与声音制作类移动应用Tao mix的分组列表。 移动应用“Audi bl e”的图形用户界面 移动应用“Tao m i x”的图形用户界面