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

移动设备交互设计比较

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

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

android 手机交互设计,移动设备交互设计比较相关推荐

  1. Android之使用HttpPost提交数据到服务器(Android手机客户端和后台服务器交互)

    这是一个小型的数据交互案例,即Android手机客户端和后台服务器交互(数据库mysql) 服务器端 首先服务器端数据库(用户名root密码123456),db_student.sql数据库表user ...

  2. 获得android手机root权限,安卓设备什么是Root? 获得手机Root后可进行哪些高权限的操作?...

    什么是Root? Root是Android系统中的超级管理员用户帐户,该帐户拥有整个系统中至高无上的权利,系统中的所有对象它都可以操作.只有拥有了这个权限我们才可以将原版系统刷成其它改版自制系统,修改 ...

  3. android和chrome的发展与未来[j].移动通信,基于Android手机app开发与设计 毕业设计 开题报告...

    基于Android 手机app开发 电子同学录的设计与开发 四.检索与本课题有关参考文献资料的简要说明 [1] 成刚编. Eclipse 从入门到精通[M] . 北京:清华大学出版社,2005 [2] ...

  4. 修复 Android 系统问题的 9 款最佳 Android 手机维修软件和应用

    您可能会对新的 Android 手机印象深刻,因为它令人兴奋的性能.然而,随着时间的推移,您可能会发现系统与过去不一样.您可能会遇到屏幕无响应. Android 应用程序崩溃.连接问题.电池耗尽等现象 ...

  5. android首款手机g1,首款谷歌Android手机HTC G1正式发布(组图)

    全球首款谷歌Android手机G1将于北京时间今晚10:30于美国纽约发布,这无疑是继苹果iPhone后的又一款重量级产品.自2007年9月起,有关谷歌手机的传闻就一直没间断过,这款神秘而又强悍的移动 ...

  6. android手机连接windows,将Android手机投影到Windows 10 PC [夏昆冈]

    Windows 10 预览版Build 14328加入了原生的Miracast投影功能,简单说,任意加入无线网络的Win10设备都可以成为一台无线显示器设备.这样一来,几乎所有Android手机和Wi ...

  7. android 投影 windows,夏昆冈作品 - 将Android手机投影到Windows 10 PC [Soomal]

    Windows 10 预览版Build 14328加入了原生的Miracast投影功能,简单说,任意加入无线网络的Win10设备都可以成为一台无线显示器设备.这样一来,几乎所有Android手机和Wi ...

  8. android usb 开个电灯,通过IOIO-OTG使用Android手机的照明灯

    步骤1: 1 x Android手机,Android系统版本1.5或更高,我使用的是4.1.2版本 1 x 5V 1A电源,因为我没有5V1A电源,所以我使用" 5V" Ardui ...

  9. IPAD移动端交互原型通用设计方案、ipad元件库、移动元件库、元件列表、设计元件、交互示例、界面模板、设备模板、手势图标、社交界面、音乐、电商、视图控制器、指示器、指纹解锁、手势解锁、rp元件库

    IPAD移动端交互原型通用设计方案.ipad元件库.移动元件库.元件列表.设计元件.交互示例.界面模板.设备模板.手势图标.社交界面.音乐.电商.视图控制器.指示器.指纹解锁.手势解锁.rp元件库.平 ...

最新文章

  1. 【Windows 逆向】OD 调试器工具 ( OD 工具简介 | OD 工具与 CE 工具对比 )
  2. 【正一专栏】王者的尊严和荣耀
  3. 3D数学基础:图形与游戏开发---随笔三
  4. oracle闪回某个时间点的数据库,oracle11g 使用闪回查询恢复表到过去某一个时间点...
  5. Gson的使用,对于不需要html escape的情况的处理
  6. Gartner调查显示政府部门数字化转型尚处萌芽期
  7. 扔掉校园网认证拨号客户端 v1.1 --上网助手-
  8. pytorch学习笔记(二):自动求梯度
  9. 青蛙跳台阶(pta)
  10. android 来电播放铃声,android 播放来电铃声
  11. quartz2.2.3 spring整合遇到的错误,及quartz配置文件说明
  12. STM32_SPI通信_与传感器芯片通信的SPI优化之路
  13. 远程桌面分辨率取决于服务器还是客户端,关于Windows8.1高分辨率,远程桌面连接的界面显示很小的问题~...
  14. matlab竖向正负柱状图,echarts竖向正负柱状图【如何用EXCEL做正负柱状图?请高手指点,谢谢】...
  15. Prometheus监控模板
  16. 禁止视频网站使用Flash P2P上传
  17. 【知识图谱】深入浅出讲解知识图谱(技术、构建、应用)
  18. VC2012下MFC程序各控件的常用方法
  19. viterbi 算法与python实现
  20. 红米android os耗电,体验真正流畅带来的快感,120Hz高刷新率的红米/Redmi K30测评报告...

热门文章

  1. 【小程序】刘一哥课堂随机点名提问神器V1.0(附源程序)
  2. Android之提示Method return type must not include a type variable or wildcard:
  3. Java之new一个对象简单过程
  4. sqlite数据库的char,varchar,text,nchar,nvarchar,ntext的区别
  5. Android之混淆代码总结
  6. php stripslashes 去除反斜线
  7. if函数python_pythonif函数
  8. sublime mysql插件_开发者最常用的8款Sublime text 3插件
  9. python mssql github_GitHub上最热门的开源项目都在这里了
  10. 不同对象的通话是时长​