取代触摸屏点击操作

标签: 产品设计 交互设计 | 发表时间:2011-10-17 20:46 | 作者:P迪 Johnny
出处:http://www.alibuybuy.com

在分析N9的滑动手势时,分析其如何取代iPhone的Home键,提出“取代点击”的论点。汇总之前几篇文章,强调这一设计趋势。触摸屏的点击是沿用鼠标点击的操作,其本身具有诸多不利的因素:

显示空间。控件会占用显示控件,44像素的正方形对于手机界面也是宝贵的显示空间。

不易操作。控件需要放置的特定的位置,由于屏幕过大和手持设备的姿势导致部分控件不容易点击到。

精确度。一是点击手势有精准性要求,触摸屏可点击区域由手指的指肚面积决定。二是用户点击的落点通常在目标区域中心的下方。

尺寸。如按键密集的输入法键盘,按键大,用户点击比较随意,速度快但导致精准度差。按钮太小,导致用户点击比较小心,点击速度较慢。

形状。圆形和菱形按钮不如方形按钮输入准确率高。

位置。在大拇指周围易于点击,但是右下角点击的准确度却不如左上角的按钮。

隐喻。点击与现实生活的隐喻很弱,按钮通过指示开关或者某项特定的操作,但是删除、下载、关闭、打开和切换等操作与点击没有直接的关系,这也是和鼠标操作比较单一有关系,触摸屏的操作方式更为丰富,自然用户界面(NUI)比图形界面(GUI)更为直接,与其说是隐喻,不如说直接表现物理世界,转向最自然的交流方式。

从更多的设计重可以看出,以滑动和拖拽等手势取代点击已经成为交互设计的一种趋势。以滑动手势举例,设计中使用滑动手势取代点击有诸多优点:

更方便。滑动操作与点击相比,易操作,甚至可以全屏操作。如愤怒的小鸟,在拉弹弓时,并不要求精确操作某个区域,这一点应用在很多游戏的交互设计中。又如Android3.0左右滑动切换标签。

扁平化界面。如ios5相机取景时,滑动界面可以查看之前的照片,界面切换不是通过点击跳转,而是平级的呈现方式。

节约显示空间。如iPhone豆瓣主界面下拉显示搜索框、Palm应用程序界面随着滑动轨迹显示常用功能、邮件列表向右滑动删除邮件和微博列表下拉刷新,可以减少控件占有显示空间,控件只在需要的时候出现,让用户的注意力放置在主体内容上。

减少误操作。当控件被取代之后,由于控件本身指示性弱和控件过小导致点击不精准导致误操作的问题出现的概率更小。

隐喻强。Palm的卡片删除多任务和邮件列表右滑删除邮件隐喻“移除”,而不是呆板地点击一个叉叉图标。

通过对比,滑动比点击有着很多优势,虽然个别操作需要学习成本或者暂时作为快捷操作,应用在设计中确实可以提升体验,特别对于翻页这种频繁的操作。除此之后,滑动作为本身还有很多特性可以利用。

从技术的角度来,是通过参数来识别手势。点击是获取手指触摸屏幕的坐标,滑动是获取坐标和时间,拖拽是长按加上滑动操作。连接各个时间点的坐标绘制出滑动曲线轨迹,这个曲线可以利用的参数有:

方向性。在Safari里可以任意方向滑动页面,iPhone主界面可以左右滑动,WP7的sina微博可以上下和左右滑动,百度手机输入法可以四个方向滑动选词。当只能单方向滑动,如左右,左右方向Y轴只要有位移都可以导致滑动;当可以两个方向滑动,滑动根据位移所在的区间识别滑动方向,WP7的应用程序有时会分辨不清滑动方向。

惯性。滑动轨迹具有惯性,当手指离开触摸屏时有速度,滑动效果不会立即结束,比如网页的快速滚屏效果。在Android系统主界面,缓慢左右滑动半屏,界面并不会切换,当快速短距离左右滑动时,界面会根据惯性切换,这和现实世界的物理运动规律相吻合的。

起点和终点。在特定的区域内开始滑动,操作不同,如百度手机输入法的滑动选词,滑动手势也可以像点击一样限定区域。N9由底部向上滑动在五分之一区域停留识别为切换多任务。

这些是滑动的基本元素,更为复杂的操作需要应用程序自定义,如swype输入法是利于曲线的折角识别选择的字母,浏览器可以定义滑动的快捷操作,顺着这个 思路可以预见将会有更多的滑动操作方式出现。

来源:http://daichuanqing.com/index.php/archives/2948


© 推荐 for 互联网的那点事, 2011. | Permalink | No comment | Add to del.icio.us
Post tags:

你可能也喜欢:

11套精美免费图标集设计素材推荐下载 (@iplaysoft)

Dreamweaver CS4 官方中文精简版 (Adobe CS4系列网页设计制作软件) (@iplaysoft)

交互设计那些事儿

触摸屏输入的交互设计

学会三点,即可打造良好的交互设计效果
无觅

Feed enhanced by Better Feed from Ozh

相关 [取代 触摸屏] 推荐:

取代触摸屏点击操作

- Johnny - 互联网的那点事
在分析N9的滑动手势时,分析其如何取代iPhone的Home键,提出“取代点击”的论点. 汇总之前几篇文章,强调这一设计趋势. 触摸屏的点击是沿用鼠标点击的操作,其本身具有诸多不利的因素:. 控件会占用显示控件,44像素的正方形对于手机界面也是宝贵的显示空间. 控件需要放置的特定的位置,由于屏幕过大和手持设备的姿势导致部分控件不容易点击到.

各式触摸屏大比拼

- 小熊维尼 - 所有文章 - UCD大社区
电容式的,电阻式的,红外式的……甭管什么式,虽然可能各位读者的手指早已习以为常地在屏幕上划来划去,但最早知道有这么一种屏幕居然能靠触摸操纵,会不会也像笔者一样惊奇. 现在借助下图,让我们一起来看看各类触摸屏都有什么特点,同时又存在哪些局限性. 电阻式触摸屏的代表机型是三星Messager Touch,HTC的Touch Diamond等.

把你的桌面变成触摸屏

- kiss - 创意酷
  这不仅是一个投影仪,还是一个互动式的触摸屏,用户可以播放内容,也是一台多点触控操作的电脑. 利用激光投影技术在桌面成像,并且通过红外感应来获得操作反馈. 这个超轻便的电脑无论是家用还是公司用都很方便有效. 它不受地点和空间的限制,随时都可以满足你工作和娱乐需求,当然这个技术还可以延伸利用到家居厨卫等方面.

Light Touch:将任一平面瞬间转换成触摸屏

- Deejan - cnBeta.COM
Light Touch是一个互动式的投影,可以瞬间将任何平面转换成触摸屏. 它将多媒体内容从小屏幕中解放出来,利用触控技术,允许用户使用他们的手持设备和这些内容进行互动.

微软展望“后 PC”时代,一个触摸屏世界

- Everbird - 爱范儿 · Beats of Bits
对于未来,我们从来不缺乏展望. 微软(Microsoft)也热衷此道,而且准确率颇高. 昨天他们放出了一段未来感很强的视频,阐释对“后 PC”时代的愿景. 在视频中,微软展现了混合触摸屏、体势识别、语音指令、增强现实以及 3D 全息投影的未来场景,人们生活在一个触摸屏无处不在的世界. 微软利用三个主角的故事,来了阐释它对未来的愿景,在这个视频中,体现了如下几点:.

触摸屏猜得到,你用什么触摸它

- 棉花 - 果壳网 guokr.com - 果壳网
作者:小杨 脱离硬件按键的操作后,触摸屏的出现为我们带来了全新的交互体验,指尖的轻微触碰和滑动便可完成各项操作,为设备操控带来了极大便利. 触摸屏的优点很多,但是有的触摸屏面积比较小,有时用户在进行常规操作时很可能不小心点进子菜单,因此用户不得不小心翼翼的用指尖去戳那些屏幕边角小图标. 近日,卡内基梅隆大学人机交互研究所的研究人员正在试图解决这一难题,他们开发了一套新的系统,可以让屏幕识别出用户手指不同部位,从而做出不同的响应,执行不同任务.

微软研究人员将手变成触摸屏

- wang - Solidot
触摸屏如此有用,为什么只限于智能手机和平板呢. 现在,微软研究院和卡内基梅隆大学人机交互博士生合作的OmniTouch(PDF)项目,让任意表面的触摸变成现实. OmniTouch将身体部位和附近的表面转变成触摸界面,用户可以通过触摸他们的手臂和附近墙壁阅读和回应电子邮件. OmniTouch与MIT媒体实验室的第六感十分相似,但更方便.

触摸屏按钮设计:尺寸与间距

- - 优设(UISDC)
在触摸屏按钮设计当中,尺寸对可用性的影响相当巨大. ISO和ANSI标准都推荐0.75″ x 0.75″(约19 x 19毫米)的尺寸,来自莱特州立大学心理系的一项研究也表明0.75″ x 0.75″的按钮对于用户来说是满意率最高的. 原文: Touchscreen Button Dimensions and Spacing — Hell If Phi Know.

触摸屏当道时期如何保持用户体验

- - 互联网的那点事
触屏消费类电子设备的屏幕尺寸逐年增大. 触摸屏通过智能手机开始盛行,并已迅速占领平板电脑领域. 随着Windows 8的发布,触摸屏正向超极本、笔记本电脑以及一体机(all-in-one PC)领域发展. 随着屏幕尺寸不断增大,电容式触摸面临的主要挑战是如何满足用户的期望,让较大尺寸屏幕拥有与手机屏幕相同的高性能.

2011年10款最佳触摸屏手机 苹果仅屈居第二

- 志飞 - cnBeta全文版
据国外媒体报道,近日有媒体对英国目前市面上10款最佳触摸屏智能手机进行排名,苹果iPhone 4仅屈居第二. 三星Galaxy系列一直都表现不俗,特别是配备了谷歌Android系统,S2再一次 延续了这一趋势. 这款4.27英寸的超级AMOLED Plus机器提供800万像素摄像头,Android 2.3 Gingerbread系统和1.2GHz双核Exynos处理器,提供极佳视觉享受的同时保证网络浏览安全.