浅谈移动应用与PC应用的交互差异
2012-09-07 05:43
288 查看
一)输入方式
智能手机和平板:使用点击、滑动、收缩和旋转等手势来模拟对屏幕上对象的直接操作。
PC:使用键盘、鼠标及其他外接设备间接的实现对屏幕上对象的操作。
作为两种不同的输入方式,使用键盘、鼠标等设备进行输入和通过手指触摸进行输入有着各自的优缺点。不同的输入方式在设计时需要考虑的因素也存在差异。
二)屏幕尺寸
智能手机和平板: 常见的屏幕尺寸为2.8—10.1英寸。
PC:屏幕尺寸通常大于13英寸。
受限于屏幕尺寸,移动应用在设计时除了需要提供清晰的操作逻辑和引导来帮助用户了解当前在哪以及接下来该干什么,还应该考虑到控件或应用之间的相互干扰。
早期的移动应用在设计登录界面时,会按照从上到下的操作顺序在屏幕的中心区域依次放置帐号输入框,密码输入框和登录按钮。这种设计看似没什么问题,但在实际使用时登录按钮可能会被虚拟键盘挡住,导致必须先隐藏掉虚拟键盘才能点击登录按钮。
现在的大多数移动应用会通过调整登录按钮的位置或将整个登录界面向上推起等方式避免虚拟键盘挡住登录按钮。
与移动应用启动后独占整个屏幕不一样,多数PC应用启动后会以窗口的形式显示在屏幕上。当窗口的尺寸可以调整时,需要考虑到窗口尺寸的变化对应用的影响,根据产品的实际情况决定是否对窗口内的内容做自适应处理,或限定窗口的最小尺寸。
三)干扰因素
使用移动应用时,容易受到周边环境、设备握持姿势等外在因素的干扰,但在使用PC应用时,最大的干扰往往来自于应用与应用之间的相互影响。
四)移动应用与PC应用交互方式间的相互影响
平台和终端的差异带来交互方式的差异,交互方式间的借鉴与学习会促使设计者反思现有的且看起来理所当然的一些交互方式是否合理,从而进一步提升产品的使用体验。
通过手指触摸选取文本的效率远低于使用鼠标选取文本,很多移动应用会在用户输入内容后,在输入框的右侧增加一个清空按钮,方便快速清除已输入的内容,而这种设计也被越来越多的网页和PC应用采用。
智能手机和平板:使用点击、滑动、收缩和旋转等手势来模拟对屏幕上对象的直接操作。
PC:使用键盘、鼠标及其他外接设备间接的实现对屏幕上对象的操作。
作为两种不同的输入方式,使用键盘、鼠标等设备进行输入和通过手指触摸进行输入有着各自的优缺点。不同的输入方式在设计时需要考虑的因素也存在差异。
二)屏幕尺寸
智能手机和平板: 常见的屏幕尺寸为2.8—10.1英寸。
PC:屏幕尺寸通常大于13英寸。
受限于屏幕尺寸,移动应用在设计时除了需要提供清晰的操作逻辑和引导来帮助用户了解当前在哪以及接下来该干什么,还应该考虑到控件或应用之间的相互干扰。
早期的移动应用在设计登录界面时,会按照从上到下的操作顺序在屏幕的中心区域依次放置帐号输入框,密码输入框和登录按钮。这种设计看似没什么问题,但在实际使用时登录按钮可能会被虚拟键盘挡住,导致必须先隐藏掉虚拟键盘才能点击登录按钮。
现在的大多数移动应用会通过调整登录按钮的位置或将整个登录界面向上推起等方式避免虚拟键盘挡住登录按钮。
与移动应用启动后独占整个屏幕不一样,多数PC应用启动后会以窗口的形式显示在屏幕上。当窗口的尺寸可以调整时,需要考虑到窗口尺寸的变化对应用的影响,根据产品的实际情况决定是否对窗口内的内容做自适应处理,或限定窗口的最小尺寸。
三)干扰因素
使用移动应用时,容易受到周边环境、设备握持姿势等外在因素的干扰,但在使用PC应用时,最大的干扰往往来自于应用与应用之间的相互影响。
四)移动应用与PC应用交互方式间的相互影响
平台和终端的差异带来交互方式的差异,交互方式间的借鉴与学习会促使设计者反思现有的且看起来理所当然的一些交互方式是否合理,从而进一步提升产品的使用体验。
通过手指触摸选取文本的效率远低于使用鼠标选取文本,很多移动应用会在用户输入内容后,在输入框的右侧增加一个清空按钮,方便快速清除已输入的内容,而这种设计也被越来越多的网页和PC应用采用。
相关文章推荐
- 老外看中国:本土移动应用差异在哪?
- 浅谈移动产品的交互效率
- 2014年移动应用交互设计10大趋势
- 企业移动应用开发管理之浅谈
- 浅谈移动产品的交互效率
- Qt移动应用开发(七):QML与Java的交互
- 五个值得学习的移动应用交互方式
- 为什么一款优秀的移动工具类应用必须开发PCclient?
- 移动应用交互设计中合理使用动态
- 移动互联网2014年移动应用交互设计10大趋势
- Server系列20:浅谈KMS与MAK在域环境中的应用差异
- (转)浅谈移动操作系统的跨应用通信机制
- web前端工程师在移动互联网时代里的地位问题 为啥C/S系统在PC端没有流行起来,却在移动互联网下流行了起来 为啥移动端的浏览器在很多应用里都是靠边站,人们更加倾向于先麻烦自己一下,下载安装个客户端APP
- 浅谈移动产品的交互效率
- 三大移动平台上的交互设计差异
- 移动设计需摒弃的几大PC应用设计方法
- 移动应用和网页应用对于用户分群分析的差异
- 基于websocket通讯协议构架移动设备、PC以及其他硬件之间的互动应用
- 移动应用中一种同服务器交互验证方法思路
- 2012年移动应用交互设计趋势