手机交互设计引用版.pptVIP

手机交互设计 第一：手机软件导航的交互特点 上图表现的是手机上的导航是如何表现和运作的。在这套导航体系中，重要程度从高到低是“返回”“标题”“菜单”。图中是典型的S60第三版式的解决办法，同时也是很大比例的按键控制机型的导航方式，其他平台在菜单和返回的处理上有所不同，但同一个平台的处理是一致的。 第二：手机软件平台与硬件的关系 以上只是简单的一例，翻看其他平台或者具体的某些机型，你一定可以发现，每个平台的机型都有自己的一套格局和控制方式。这绝不是拍脑袋想出来要如此强行定义的，因为如何控制还受制于着手机的硬键情况，所以每个平台也都会有各自的硬键配备，因此交互规范部分其实是可以包含硬键分布和控制特点的。 第三：交互规范 以硬件区分手机类型： 仅以物理硬键控制操作的机型（后文简称按键机） 主要以触摸方式操作的机型（通常包含主页、挂机等物理键） 物理硬键齐全，但支持触摸操作的机型（外形和按键机型一样） Iphone?OS—Iphone的出现一举打破了之前若干平台固有的设计定势，硬键和操作模式都精简了许多。?不过其缺少固定的menu模式，这对第三方软件的设计来说是个巨大的挑战，要么需要很大程度上脱离iphone自身的设计规范体系，要么就极端精简功能。 Android—跟从了一些iphone中的经典手势，操作和页面布局风格上相对保守一点，保留了menu和back两个硬键，虽然不够独树一帜，但是在功能和设计之间做的了一个不错的平衡，对于第三方应用来说，这是一个可以有宽广发挥空间的平台。 硬键和手势控制 硬键和手势控制 硬键和手势控制 菜单 菜单 菜单 Iphone并没有一个明确和固定的菜单模式，较保守一点可以说是没有。一些类似菜单的操作通常是通过弹出选择，或者是拆分成几层，一次 次点击进入更深层的页面去寻找按钮的形式来达成。所以要做Iphone平台的第3方应用的同学应当提前做好准备，从产品策划开始就着手考虑这个问题。最有 效的办法是首先尽可能的缩减功能，其次尽可能的缩减操作方式。否则会发现为了一些细枝末节的操作，还需要设定好几层页面。当然，也可以加入一条操作栏来作 为辅助，只是整体风格和操作就不Iphone了。 延展：对导航系统的说明{1} {2} 焦点{1} 如上图，页面中包含了一些可操作的元素：人名、图片、网址，这里也会隐藏着一些典型操作，例如对网址可能有“打开”“复制”“保存为书签”等操作，此时聚焦并按OK键或者点击则需要出现弹出菜单。 焦点{2} 弹出框 出框有很多种类型，除了“确定”“取消”等元件的基本布局以外，几个平台区别不是很大，大致可以分成几个类型和对应的处理方式，以下是我归纳和建议的一些处理方式，只列最适用于S60第3版的： 列表 事先定义{1} 事先定义{2} 以上罗列了一些我的归纳和心得，开始新项目的时候基本可以按此思路先把这些方面统一规范，提及都是习惯用法，追求稳妥的项目可以直接套用，追求创新的项目也可作为一个评判依据 手机UI设计要素 iPhone的使用习惯 显然支持单手操作并不是iPhone应用的特性，当然也有一些游戏需要双手进行(沉浸式应用)，但因为iPhone有一块非常灵敏支持手指多点触控的电容屏，所以手指直接在屏幕上的操作更加直观和更具操控感，不需要任何中间设备(按键或是鼠标)来控制。 iPhone App的基本设计方法 高效型这类应用可以帮助用户快速完成一个任务，注重内容的组织逻辑功能和信息架构的展现，以方便用户快速高效的使用，最终完成任务。此类应用一般包含大量的列表及每个列表中的任务功能。最典型的就是系统自带的“Mail”应用，这是一个非常典型的高效型应用。 评估的标准 手机产品交互设计的评估标准还是是否满足用户体验，当然，体验是一个很虚的东西，没有一个具体的量化标准，那我们就落在实处，从可以量化的维度打分。具体从那几个维度入手，我认为可以分为如下几个，