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

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

移动设备交互设计比较

Base on Android、PPC、Symbian Ethanshao

内部文档，请勿外传

Android

Windows Mobile 6.5

Symbian S60 V5

以联想乐Phone交互设计为例

1

UI Framework

(交互框架)

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

手势

2

App Guideline (应用规范)

3

HW Interaction

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

UI Framework(交互框架)

桌面布局

应用库管理 应用布局

消息区

页面跳转

手势

应用库

桌面-整合通讯

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

桌面-Widget

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

UI Framework(交互框架)

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

应用库

UI Framework(交互框架)

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

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

应用内容区

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

UI Framework(交互框架)

桌面布局

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

桌面 整合通讯

Back

手势

桌面 Widget

Back

Home

应用A A-1

Back

Home

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系统中，输入法键盘会遮挡编辑区。其余两款产品的输入法都是将编辑区向上推起。

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