对于手势的一些思考 空间感带来的心理感受


  Clear的出现引起了大家对手势操作的热忱, Google新专利采用“连续手势”也让我们看到了个性化手势的前景。确实,手势操作能够减少界面元素,提升效率;但其不可见性,抽象性,需记忆性等特点也决定了它的弊端。如何扬长避短,根据现有手势的特点在合适的情境中使用,同时根据文化约定、实物隐喻、表音、表意等发想创新手势,而非一味地追逐跟风,值得我们思考。本文结合了珊璞之前对客户端手势应用的分享以及网上的相关资料,从手势的空间感带来的心理感受,手势赋予的功能,引导方式,与动画的配合,创新几个角度进行了总结。许多是大家已知的想法,在这里仅做简单的梳理;而引导方式、与动画的配合等,希望大家能有更多的思考,因为通过动画、转场、拟物等方式,可以使注意力与流程更加流畅,同时贴合现实世界,从而有助于手势的抽象性、需记忆性的克服。

  一、空间感带来的心理感受

  (一)Flick(滑动)-Drag(拖动)

  (1)横向滑动

  横向滑动在空间上给人的心理感受是一种前后关系。这种前后又可以理解为平面空间的前后 和立体空间的前后 。因此在心理感觉上,横向滑动带来平级的切换、返回首页(一般只有2个层级)、移动地图,切换导航等都是合理的。

  (2)竖向滑动

  竖向滑动在空间上给人的心理感受是一种上下关系。这种前后又可以理解为平面空间的上下和立体空间的上下 。因此在心理感觉上,竖向滑动带来页面上下间、前后间等感觉都是合理的。

  (3)拖动

  拖动与滑动不同的地方在于其需要的力气更大,因此在空间上更强调立体空间的前后(或上下)。

  (4)双指(收缩、拉开)

  双指(收缩、拉开)在空间上有

  a、从外到内(或从内到外)、拨开(或捏合)的感觉。

  b、将堆叠在一起的物体(如纸张)弄散(或收起)的感觉 。

  c、打开、关闭的感觉。

  d、将压扁的物体撑开(或捏扁)的感觉。

  因此在心理感觉上,双指(收缩、拉开)带来的放大缩小、打开关闭、新增删减、合并分离等感觉都是合理的。

  (5)按住并拖动

  按住并拖动给人的感觉是操作对象随手指而动,适合可以随意拖拽的对象。

  (6)Tap(轻点)

  轻点没有明显的空间关系,但因为操作成本低,并且与日常生活中的某些操作相似,辅以拟物化设计或相关的动画,也可以达到简单贴心的效果。

  二、手势赋予的功能

  (一)从功能上看,目前横向滑动赋予的功能有:平级切换、返回首页,拉出附属功能,开关,滑块,删除。

  (二)从功能上看,目前竖向滑动赋予的功能有:下拉刷新,底部加载更多、全屏、上下篇切换、返回上一级,拉出附属功能。

  (三)拖动是更大力度的滑动,常见的是拉出附属功能或其它隐藏内容。

  (四)双指收缩、拉开常见的功能是:图片、字体放大,亮度调节,打开关闭,新增删减等。

  (五)按住并拖动一般用于自定义(改变顺序,加入,拉出等)。

  轻点的功能非常之多,不详述。

  三、引导方式

  目前常用的引导方式有:

  (一)露出某一部分,提示前后、上下有隐藏的内容或操作,如QQ浏览器。

  (二)到达界限值时给出文字、动画提示等,如clear,拉到底部时提示往下拖动清除,拉到顶部时提示返回上一级。

  (三)在首次开启应用,用户帮助中进行说明,许多应用都采取这种方式。

  (四)进入具有手势操作的界面时给出气泡、动画、图片等提示 ,如腾讯爱看。

  (五)通过拟物的方式提示可以通过手势进行操作。如拉绳状、开关状、滑块状、掀起页角状等。

  (六)提供反馈

  由于手势的不可见性和误操作性,除了在操作前进行引导外,在操作后也应提供一定的反馈。反馈方式可以采取声音、抖动等。而对于误操作二次确认也有一定的必要,特别是较重要或隐晦的手势,例如删除等,要让用户可以及时撤销操作。

  四、动画配合

  除了引导之外,在手势操作的转场之间运用合适的动画,可以给用户更加明确的心理感受,这种和手势配合的“顺势而动”能够使手势更易理解。比如左滑返回首页这一操作可以用翻页动画营造出立体的空间感,加深用户的记忆,从而更容易地记住这一手势。拉出附属功能可以用拟物或动画强调上下层的空间,比如拉时露出前一页内容。拉到页面顶端可以用弹性效果,强调已到达顶部。 比如双指收缩拉开可以用扩散、分离、折叠等动画表示内容的增删。

  五、创新手势

  (一)根据文化约定

  手势本身或操作过程的设计符合特定文化里约定俗成的用法,形象的、有意义性的手势更加容易记忆和学习。比如珊璞提出的用打叉的手势表示删除。

  (二)根据实物隐喻

  手势本身的形状或操作过程是从具体实物中简化出来的,其内涵具有实物的隐喻意义。比如划圈将某部分内容选中。

  (三)表音

  将命令或品牌的中文或英文的首字母符号作为该命令的手势。如用 “c”(copy)表示“复制; Google通过g(google)尾部延伸圈中内容进行搜索,通过w(wiki)尾部延伸圈中内容查看在维基百科中的解释。

  文章来源:一淘UX

时间: 2024-09-20 00:20:43

对于手势的一些思考 空间感带来的心理感受的相关文章

对于手势的一些思考

Clear的出现引起了大家对手势操作的热忱, Google新专利采用"连续手势"也让我们看到了个性化手势的前景.确实,手势操作能够减少界面元素,http://www.aliyun.com/zixun/aggregation/9301.html">提升效率:但其不可见性,抽象性,需记忆性等特点也决定了它的弊端.如何扬长避短,根据现有手势的特点在合适的情境中使用,同时根据文化约定.实物隐喻.表音.表意等发想创新手势,而非一味地追逐跟风,值得我们思考.本文结合了珊璞之前对客户

适应不同家装风格,带来赏心悦目的感受

如何既能提高宝宝的免疫力,又能让宝宝们专心学习,这似乎成为了幼教老师们最头痛的事情.而近日,青岛启典幼儿园的外教老师们就自创了一套寓教于乐的情景 教学法,还"请"来了一台外观时尚的冰吧做道具,这不但便于孩子们记忆冰吧里不同水果的英语单词,还为孩子们的食物提供了健康新鲜的储存空间."小朋友们,谁知道英语单词Orange,指的是哪一个水果,在冰吧的哪个地方?找到的话重重有奖哦."19日上午,当记者刚踏进这家幼儿园时,就被这种 轻松有趣的教学氛围所吸引,10多名孩子在外教

解读如何为我们的站点选择一个合适的色彩基调

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 对于一个站点的色彩基调可能你还没有意识到多么的重要.你可能会觉得一个站点的色彩基调为绿色跟蓝色并没有多大的差别,无所谓.但是在笔者建设网站的过程中笔者发现色彩的基调在网页的制作中扮演着重要的角色.网页的色彩基调往往可以改变很多东西,让你的访客差生不同的感观.且每种色彩基调的背后都有着能给访客带来不同心理感受的效应.下面笔者就简单的分析一些这个

一份全面实用的隔空手势交互设计规范

  羡慕钢铁侠电影中酷炫的手势操作?其实背后的交互思考远远超出你的想象!未来的交互方式会发生颠覆性的全新改变,隔空手势就是一个完全陌生的领域.今天这篇好文来自专门研究手势交互的Exipple,不仅解释了手势与触控操作的区别,还附上7个实战设计心得,趋势就在这,不进则退,建议UI.交互的同学花十分钟学习一下. 未来的交互是多重方式的.但结合触控和隔空手势(还可能有语音输入)的方式,并非典型的UI设计任务. 在Exipple,我们的设计师与工程师协作打造各种环境中的界面,能够响应手势交互和用户移动等

巧用手势 善待用户

在这个手机屏幕越做越大的时代,许多开发者不约而同地在自家的应用里添加了众多手势操作,比如新浪微博的右滑后退和人人的滑动抽屉,甚至有人说只有手势才能救大屏.但实际情况是用户并不喜欢过多的手势操作,用户更喜欢去点击,而不是去用隐藏起来的手势.那么我们是否能创造一个可以适用于大部分应用的手势操作,减少用户的学习成本呢? 为何要用手势? 不同于传统的按键界面,手势操作的隐藏性很高.如果我们没有阅读过某个手势应用的帮助信息的话,我们很难知道这个应用中到底隐藏着多少种手势.不直观的手势加大了新用户的上手难度

触屏手机中手势交互的设计研究

触屏手机作为未来手持移动设备的发展趋势,手势为其主要的交互方式和提高用户体验的方法有着重要的意义.目前触屏手机中手势交互研究正处于初级阶段,笔者作为交互设计师从实践的角度针对本国用户的特点,通过人机工程学原理进行相关数据测量分析,并结合解剖学.认知心理学等相关理论,分析和总结触屏手机中手势交互的设计和运用原则. 1 人机工程学原则 通过实验针对触屏手机中手势操作的相关问题进行定量到定性的研究.筛选被试:选取使用触屏手机3年以上的正常成年人为典型被试.据中科院心理研究所调查数据显示,中国目前右撇子

设计中的细节与思考:百度统计流量研究院细细品味

文章描述:可视化的快乐 – 百度统计流量研究院设计小结. 百度统计流量研究院为了将数据更好的传达给用户,我们采用了动态数据可视化的方式(Interactive Infographic).希望我们的设计能将用户带入到新鲜.愉悦的氛围之中.当然,我们在设计的过程中也体会到了可视化的快乐,并且希望与大家一同分享. 好的流程是成功的一半 预估难度.多部门协作:好的沟通流程是成功的一半.在设计最初,首先应当评估的就是项目开发难度.若开发难度较大,或者说开发人员对于可视化产品的制作经验较少,则最好引入多部门

可穿戴设备及其数据利用的再思考

可穿戴设备像一阵风一样,吹进了人们的生活.围绕此概念的产品和话题如雨后春笋一样冒了出来.可穿戴设备的宗旨是帮助人们通过改变或改善个人习惯,来使自己生活得更健康(广义的健康包括心理和生理的,狭义的健康只指生理.这儿取后者的定义).有人看好它,有人看衰它.现实情况如何,我们来看近期的两篇报告. 2013年6月,美国一家公司Rackspace发表了一份有4000多美国使用者和英国使用者参与的可穿戴设备的调查报告(关于原报告网址见本文最后).报告称调查中有71%的美国用户和63%的英国用户认为可穿戴技术

网站设计的思考-网页色彩搭配的原理

设计|网页 首先我们先来了解一些色彩的基本知识: 1.颜色是因为光的折射而产生的. 2.红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成. 网页html语言中的色彩表达即是用这三种颜色的数值表示 例如:红色是color(255,0,0)十六进制的表示方法为(FF0000) 白色为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背景色为白色. 3.颜色分非彩色和彩色两类. 非彩色是指黑,白,灰系统色. 彩色是指除了非彩色以外的所有色彩. 4.任何色彩都有