浅谈lOS移动终端应用中导航设计.docVIP

浅谈lOS移动终端应用中导航设计 　　摘要：在科技发达的现代生活里，移动终端设备无时无刻都围绕在我们身边，便携的智能手机、平板电脑等改变着我们的生活。在使用过程中，实现人与设备连接的桥梁就是交互行为或者说交互设计，而导航则是交互中的重头戏，是受众在移动终端设备中获取所需的通道。在不同类型的应用程序中，都有不同的符合其内容的导航模式。比如说：阅读类应用多采用隐藏导航，搜索类应用或浏览类客户端多采用标签页模式的导航，每种导航都有其独特的魅力和价值，它是根据其内容应运而生的。所以在众多终端设计导航占着至高的位置，一个简单易操作的号航可以带来更多的用户。 关键词：IOS系统 移动终端产品 应用程序 导航设计 伴随着科技的发展和计算机硬件技术的更新，以苹果和安卓为主流的智能手机、平板电脑等移动终端设备逐渐走进人们的视线改变着人类的生活。在信息爆炸的时代，人们通过这些移动的设备去获取海量的信息，不可否认移动终端成为了传递人与科技的一条桥梁。在众多基于移动设备的运用程序中如何去设计一款适合消费群体的交互应用程序是检验交互设计成功的关键。在设计的过程中，面临着内容信息的多样性，交互的模式也呈现着不同的变化。本文以传统的移动交互模式为契机，研究和分析在不同的内容信息条件下，设计符合功能性要求的交互模式，并通过具体的案例分析对导航交互设计进行研究。 一、前期选题制定和准备 传统的导航模式主要有三种：平铺列表、树状结构和标签页。这几种导航模式大部分普及及应用所有的app。在前期的选题中，我们根据目前手机市场的产品多样化及用户心理进行分析，通过手机屏幕的尺寸大小从而重新设计导航模式，在苹果公司产品中Assistive Touch被广大用户所青睐，方便快捷的导航模式代替任何功能键。由此，我们根据目前App设计中的几种传统导航模式和Assistive Touch相结合进行设计，取其精华。给用户一个全新的导航模式及概念。每一个设计师要根据当下的产品样式与市场分析来发散思维改变传统产品模式。 在IOS系统下的移动终端设备应用中，传统的导航模式主要有三种，分别是平铺列表、树状结构和标签页。 1.平铺页面 平铺页面，顾名思义就是一张或者一叠纸片，平铺展示给用户，用户通过左右拂动来切换不同的页面，它适用于没有信息层级，没有组织架构，且每个页面的界面类型一致的应用，一般在短小精炼的功能工具性应用较为常见。平铺列表式这种方式主要用于只有一个主屏的简单应用。这类应用的信息架构简单，并没有没有复杂的信息层级和组织结构。例如我们最常用的IOS自带的天气应用主要信息在屏幕上展示，细节信息就是简单的推拉进行查看，向左右滑动即可翻页选择不同的城市。当然，平铺列表式导航的另一好处是用户可以根据需要随意的添加、删除卡片。平铺列表更自由，用户有更多选择。如果为了更好的实现这种左右滑动切换页面的模式，最好不要在平铺模式下设计多个不同的滑动手势，避免混淆。 2.tab标签栏 这种类型的导航模式最为常见，它将界面最下方的区域作为导航区，通过tab标签的形式划分为3至5个标签，每个标签对应不同功能。这种模型适合功能精炼层级较少且需要频繁切换功能的应用；它的优点在于可以直接将最核心的tab界面最为默认选中状态，用户打开应用时便直接呈现出用户最关心的信息内容，比如社交应用的信息流，邮件应用的收件列表等；同时，用户可以在大部分页面中直接切换tab标签而轻松跳转页面，并清晰告诉用户该应用的主要功能以及当前所在功能；缺点在于tab标签数量有限，IOS HIG建议不超过5个标签，如有超过的功能菜单则统一放在“更多”标签中；同时，该标签占据50px高度的区域，且在大部分界面中始终存在，占据着10%的信息展现区域。 3.树形列表 树形列表形式的导航模型在邮件系统比较常见，它将每一级别的功能通过list列表形式展现，点击之后展开下一级的lis列表，如此类推直到最终的功能展现界面。这种导航模型的优势在于可扩展性大，能应对具有大量的类别、功能和项目的应用，比如购物分类等，这种list的组织形式Eweb中比较常见，用户容易理解，并且可满足用户自定义列表的需要，比如对列表进行新增、删除、排序等，微信的应用插件模式也采用了列表来展现。树形列表的缺点在于层级深，父级的所有其它列表在子列表中不可见，必须要返回到上一级，来回返回比较麻烦，往往从一个子功能切换到另一个子功能时需要在漫漫路途上“奔波”。 二、用户调研及市场分析 iPad中的电子杂志中，尤其是时尚类的奢华的电子杂志，像诸如一些CHANEL，Gucci或者BMW这样的精致的奢侈品类，会更突出其内容中产品的高清图片，让用户更加体验到其产品的精细和奢华，一般都会使用隐形的导航栏模式，就是在触控屏