android 手机交互设计,移动设备交互设计比较

以下为《移动设备交互设计比较》的无排版文字预览，完整内容请下载

移动设备交互设计比较

Base on Android、PPC、Symbian Ethanshao

内部文档，请勿外传

Android

Windows Mobile 6.5

Symbian S60 V5

以联想乐Phone交互设计为例

UI Framework

(交互框架)

桌面布局应用库管理应用布局页面跳转

手势

App Guideline (应用规范)

HW Interaction

视图标签页菜单栏对话框按钮其他控件

UI Framework(交互框架)

桌面布局

应用库管理应用布局

消息区

页面跳转

手势

应用库

桌面-整合通讯

整合通讯手指横向滑动联系人区域，浏览更多好友每次只显示一个好友头像

桌面-Widget

Widget 手指横向滑动，浏览更多widget 每页只显示一个widget

UI Framework(交互框架)

桌面布局应用库管理应用布局页面跳转手势

应用库

UI Framework(交互框架)

桌面布局应用库管理应用布局页面跳转手势

状态栏标题栏内容抬头区(多为按钮)

应用内容区

页卡或菜单栏(固定或不固定)

UI Framework(交互框架)

桌面布局

应用库管理应用布局页面跳转

桌面整合通讯

Back

手势

桌面 Widget

Back

Home

应用A A-1

Back

Home

应用A A-2

Back

Shortcut

应用A A-3

Back

UI Framework(交互框架)

桌面布局应用库管理应用布局页面跳转手势

App Guideline(应用规范)

视图标签页菜单栏窗口按钮其他控件

HW Interaction

返回：手指按住从右至左滑动菜单：手指按住从下至上滑动

Android OS

桌面布局应用库管理应用布局页面跳转及平行跳转

视图标签页菜单窗口其他控件

Android OS

桌面布局应用库管理应用布局页面跳转及平行跳转视图标签页菜单窗口其他控件

股票天气

消息区

桌面区

信息

设置

邮件

通讯录

应用库终端设备制造商通常会修改桌面层(Shell)的交互设计，以便塑造的品牌印象

Android OS

桌面布局应用库管理应用布局页面跳转及平行跳转视图标签页菜单窗口其他控件

长按住某个应用后页面切回桌面释放后即可在桌面添加快捷方式

Android OS

桌面布局应用库管理应用布局页面跳转及平行跳转视图标签页菜单窗口其他控件

状态栏标题栏页卡(非常态) 应用内容区(当前内容为列表)

页面菜单(滑出式菜单)，使用硬按键“Menu”

Android OS

桌面布局应用库管理应用布局页面跳转及平行跳转视图标签页菜单窗口其他控件

Home

页面依照“层进层退”机制 Android需借助软硬结合方式跑通页面返回上一级使用硬按键“Back” 返回桌面使用硬按键“Home” 长按硬键区的“Home”键弹出后台运行程序窗口，快速切换

Back

Android OS

桌面布局应用库管理应用布局页面跳转及平行跳转视图标签页菜单窗口其他控件

List(text) 用于信息表达为主的场景信息应用设置应用记事本应用 ……

Grid 用于图片识别为主的场景图片应用浏览器应用 ……

List (icon+text) 用于易于通过图片表达信息的场景通讯录应用通话记录应用应用商店应用 ……

顶部标签页常用于内容集合的归类(不是排序) 也用于相等地位信息的平行呈现通讯录应用应用商店应用邮件应用 ……

Android OS

桌面布局应用库管理应用布局页面跳转及平行跳转视图标签页菜单窗口其他控件

Options Menu 菜单项与当前页面相关或是指向另一个页面使用硬按键“Menu”该菜单 G1中超过6个时，右下角变为“更多”，点击调用扩展菜单

Android OS

桌面布局应用库管理应用布局页面跳转及平行跳转视图标签页菜单窗口其他控件

Context Menu 菜单项与指定选项密切相关长按指定项调起该菜单

Android OS

桌面布局应用库管理应用布局页面跳转及平行跳转视图标签页菜单窗口其他控件

无按键窗口

有按键窗口

用于信息表达清晰、明确的窗口用于有延时类信息表达的窗口

其他窗口

Android OS

桌面布局应用库管理应用布局页面跳转及平行跳转视图标签页菜单窗口其他控件

Android OS 总结

从1.0到2.2，系统级交互未有较大改动，应用级交互不断提升；坚持软硬结合的交互方式(Home键、Back键、Menu键)；界面设计风格简单、朴素，空间最大限度让位给内容，但相比iPhone的直接、自然式操作稍显不足；

PCC OS

桌面布局应用库管理应用布局页面跳转标签页菜单窗口其他控件

第一种桌面风格

桌面有N张页卡组成，第一张为首页，剩余为特定的应用。页卡可以自定义，但受既定限制底部左右两个按钮为关于页面的功能菜单应用库入口在左上角“Start”

PCC OS

桌面布局应用库管理应用布局页面跳转标签页菜单窗口其他控件

第一种桌面风格

桌面有N个列表项，拖动渐变条至其中某个，指定项将自动移动到中间位置，且处于焦点状态底部左右两个按钮为关于焦点选项的功能菜单应用库入口在左上角“Start” 无论是哪个桌面风格，windows mobile系列将目光放在了视觉表现层面，与当前移动设备交互设计关注内容的趋势不符，这也是微软改头换面推出windows phone 7的原因之一

PCC OS

桌面布局应用库管理应用布局页面跳转标签页菜单窗口其他控件

直接点击打开应用长按应用图标点击菜单可将应用挪至顶部

PCC OS

桌面布局应用库管理应用布局页面跳转标签页菜单窗口其他控件

99% 关闭/返回

关闭当前页，返回上一级关闭当前应用

应用内容区

50%

“关闭” “上一页”

1% “退出”

页面菜单

纠结的返回机制

PCC OS

桌面布局应用库管理应用布局页面跳转标签页菜单窗口其他控件

页卡

虽然标签页与菜单栏相隔比较近，但电阻屏触笔操作还可以接受

标签页菜单栏

PCC OS

桌面布局应用库管理应用布局页面跳转标签页菜单

点击右软键“Menu”弹出菜单延续windows PC风格菜单栏左侧通常为最常用的快捷键菜单栏中间通常为输入法切换的菜单键

PCC OS 总结

从PPC2000到win6.5，界面设计得到很大提升，效果也变得越来越重，交互未曾有重大改变；整体风格一直延续windows PC端，虽保留了品牌image，但一定程度上牺牲了使用性；应用层的返回机制是系列的一大弊病，无论是位置还是操作都不优，但始终未见改善；截至到win6.5系统，都追求视觉表现力，忽略了内容为王的大趋势；

Symbian OS

桌面布局应用库管理应用布局焦点行为及平行跳转视图菜单窗口

整合通讯桌面

状态栏区：时间、电量、信号、在线状态快捷联系人栏与指定快捷联系人的通讯方式与指定快捷联系人的通讯记录

电话、通讯录应用快捷入口

Symbian OS

桌面布局应用库管理应用布局焦点行为及平行跳转视图菜单窗口

应用桌面

状态栏区：时间、电量、信号、在线状态四个应用快捷入口正在运行应用

电话、通讯录应用快捷入口

Symbian OS

桌面布局应用库管理应用布局焦点行为及平行跳转视图菜单窗口

列表形式应用库

图标形式应用库

列表偏习惯于文字识别的用户

列表偏习惯于图形识别的用户且键粒够大，方便点选

Symbian OS

桌面布局应用库管理应用布局焦点行为及平行跳转视图菜单窗口

标签页应用内容区

焦点相关快捷功能键菜单/返回

Symbian OS

桌面布局应用库管理应用布局焦点行为及平行跳转视图菜单窗口

在所有应用列表及菜单列表中都有常驻焦点带有明显的Feature Phone痕迹

应用的菜单列表首项为“正在运行”入口

Symbian OS

桌面布局应用库管理应用布局焦点行为及平行跳转视图菜单窗口

List view (Text)

List view (Icon+Text)

Grid view (Icon+Text)

Grid view

Symbian OS

桌面布局应用库管理应用布局焦点行为及平行跳转视图菜单窗口

菜单

选项窗口

进度窗口

对话窗口

Symbian OS 总结

焦点行为带有传统非触摸屏手机的烙印，一般触屏手机没有常驻焦点，它的存在是需要对焦点项单独设计；双桌面结构设计很有特点但无法共存；应用布局清晰、干净，页面层次逻辑简单；菜单/返回沿用了传统功能性手机的方式，用户能快速上手，但该点粘性不足；输入法弹出时会遮挡编辑区，体验不优；

对比总结

桌面结构三款产品中Android最优，相比其他，其桌面结构更开放、自由，用户在一个大平面内放置需要的内容或应用。Symbian的双桌面虽然设计了整合通讯面板，但无法与快捷应用入口的桌面共存，整体的体验上略显不足。PPC的桌面过于追求视觉表现。

应用布局最符合触摸屏体验的还是Android。传统菜单方式是一个大杂烩，包含了与页面相关的选项和与列表项相关的选项，这是Feature phone 五向键时代的硬伤。Android将其分开了，但相比iPhone，依然没有设计好。 Symbian将传统菜单键直接搬来虽不够积极，但Nokia在易用性上多年的积累也足够使操作体验做到及格。相比之下，PPC让人头疼的返回导航机制就已经比其他两个产品低了一个层次。

焦点行为触屏可以有常驻焦点。主要适用于屏幕尺寸较大时，信息表达上需要将相邻两层页面的信息整合使用。例如 iPad的通讯录。Symbian只在部分场下应用了这点，其余场景都是生搬传统手机的焦点行为。

输入法键盘与页面关系 Symbian系统中，输入法键盘会遮挡编辑区。其余两款产品的输入法都是将编辑区向上推起。