取代触摸屏点击操作

在分析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

时间: 2024-08-02 13:37:32

取代触摸屏点击操作的相关文章

C# winform webbrowser 模拟点击操作

问题描述 C# winform webbrowser 模拟点击操作 获取到的网页代码是 是网页里的一个按钮,我想问问怎么实现点击它. 解决方案 webbrowser.document.all[id].click 解决方案二: webbrowser.document.body.all[id].click 相关文章 c# winform-C# WebBrowser StatusText 取不到值 c# webbrowser怎么模拟点击 淘宝的宝贝详情的成交记录 c# webbrowser怎么获得模拟

c#-C#如何获取计算器按钮1的句柄,并进行点击操作,请教一下 谢谢

问题描述 C#如何获取计算器按钮1的句柄,并进行点击操作,请教一下 谢谢 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Runtime.InteropServices; using System.Diagnostics; using System.Threading.Tasks; using System.Threading; namespace

取代点击操作

在分析N9的滑动手势时,分析其如何取代iPhone的Home键,提出"取代点击"的论点.汇总之前几篇文章,强调这一设计趋势.触摸屏的点击是沿用鼠标点击的操作,其本身具有诸多不利的因素: 显示空间.控件会占用显示控件,44像素的正方形对于手机界面也是宝贵的显示空间. 不易操作.控件需要放置的特定的位置,由于屏幕过大和手持设备的姿势导致部分控件不容易点击到. 精确度.一是点击手势有精准性要求,触摸屏可点击区域由手指的指肚面积决定.二是用户点击的落点通常在目标区域中心的下方. 尺寸.如按键密

【ANDROID游戏开发十六】ANDROID GESTURE之【触摸屏手势识别】操作!利用触摸屏手势实现一个简单切换图片的功能!

本站文章均为 李华明Himi 原创,转载务必在明显处注明:  转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/android-game/337.html ----------------------- 『很多童鞋说我的代码运行后,点击home或者back后会程序异常,如果你也这样遇到过,那么你肯定没有仔细读完Himi的博文,第十九篇Himi专门写了关于这些错误的原因和解决方法,这里我在博客都补充说明下,省的童鞋们总疑惑这一块:请点击下面联系进入阅读:

PopupWindow实现仿iOS QQ音乐上拉菜单栏(支持手势以及点击操作)

转载请注明出处:王亟亟的大牛之路 能力OK的小伙伴可以不看N2,源码在最下面 今天早上一个Andorid群的小伙伴问了我一些PopupWindow的问题,正好昨天晚上我注意到QQ音乐的一个菜单栏,那么今天就按照那个实现做一下(UI瞎凑合的你懂的) 先上下原图: 再贴一下我们的效果(除了长得不像也没什么,哈哈哈): 功能实现: 1:底部PopupWindow呈现 2:手势动作操作控件 3:按钮操作控件 4:控件内部的点击事件 How to do? 分析: 首先这是一个标准的底部的PopupWind

外行入门,求助,逐个读取excel表格各行数据,进行一些网页上的输入、点击操作

问题描述 在一个网页上对这些数据进行相同的处理,包含"点击.在新弹出的窗口中点击.选择下拉菜单中的某项.确定和提交",并且希望得到对这些数据处理成功还是失败的结果,办公室里经常会重复这样简单但繁琐的操作,希望找到一个好的方法来解决这类问题,今后工作就能事半功倍了,求大神指导,万谢! 解决方案 解决方案二:求大神解答!解决方案三:Java操作EXCEL用POI去做.解决方案四:引用2楼huxiweng的回复: Java操作EXCEL用POI去做. 请问我需要进行哪些方面的学习呢?解决方案

点击地图div上的按钮实现对地图数据的入库操作_JSP编程

在地图div上添加一个按钮,单击按钮后弹出一个弹出层,在弹出层的输入框内输入数据后点击提交按钮将数据提交至数据库. mytest_map.jsp的代码如下: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <html lang='

windows 7组合快捷键操作小技巧

  在Win7中,组合快捷键的数量也越来越多了,巧妙使用组合的快捷键,我们将会得到事半功倍的效果,下面叫大家如何巧妙使组合吧... 1.Win+上下方向键: 对程序窗口大小调整是经常会遇到的操作,尤其是默认窗口和最大化之间的切换.在Windows 7之前,你只能通过鼠标点击右上角的最大化/还原按钮或者是双击标题栏来实现,现在当你想让当前窗口最大化,还可以通过Win + 向上的箭头的键盘组合操作来实现;Win + 向下箭头则可以还原到原始窗口.特别的,在原始窗口下按Win + 向下箭头还可以将其最

Android 【真机】与【模拟器】触摸屏事件的模拟差异分析

Android 真机和模拟器的差异问题,是永恒的话题,问不完的为什么,解不完的迷.模拟器的存在,有它的作用,但不要什么都相信模拟器.除非你是Android纯上层应用开发人员或者爱好者,否则我建议你扔掉模拟器.它理想化的引导给我们添了不少麻烦.当然,这也是件好事.最起码,让我有兴趣去寻求答案,让我收获了更多.  问题的缘由是有个自动化测试的需求,我需要写脚本模拟点击触摸屏的一系列操作,以代替手工测试(话说~遇上连续启动1000次camera并且拍照后退出这种变态测试,你们都是怎么做的?).以此来证