设计好用的触控操作手势

随着移动设备的快速发展,触控手势操作逐渐成为人们日常生活中最为常用的与产品之间的交互操作方式。与鼠标和键盘的交互方式不同,触控手势交互更加符合人们的自然行为习惯,也因此可以得到快速的发展。本文框架内容来自腾讯交互设计师陈晓畅“如何设计好用的触控手势”。

首先,要想设计好用、易用的触控操作手势,那么我们就要先来了解一个名词,即”NUI“。NUI是指”自然交互界面“,与传统的图形交互界面GUI不同。NUI更注重多维度的与用户产生互动,包括视觉、听觉、触觉等等,最大程度的模仿人们在现实生活中的操作行为习惯,遵循用户行为规律。因此,要想设计好好用的手势,那么我们就要在日常多研究用户的操作行为。那么如何挖掘用户的操作行为呢,在这里我要引入一个概念,即”场景“。

交互设计中,有一个最重要的设计方法,是基于场景设计。这里的场景,是指人们在日常生活中遇到的问题,想要达到的目的等等。可以这样理解,因为在这个场景中我有这样的需求,所以我的产品才设计成这样。对于交互设计来说,如何评判交互的好坏,很重要的一点,也是看能否满足场景化需求。而对于移动端设备来说,它所面对的用户使用场景是多元化的。在路上、在候车大厅、在吃饭的时候、在购物的时候...所处的自然环境是多元且多变的。这也就要求我们在设计移动端触控操作手势的时候,要考虑足够全面的场景。

那么我们在设计移动端触控手势的时候,可能会遇到哪些问题,要求我们必须考虑呢?

1.用户在使用移动端设备的时候,注意力容易被分散。                                                             

 2.用户在使用移动端设备的时候,使用时间大多碎片化,多频不长。                                        

 3.用户在使用移动端设备的时候,任务容易被打断,被打断的原因可能来自手机内部信息的干扰,也有可能来自外界物理的干扰。                                                                                          

 4.用户在使用移动端设备的时候,可能会单手操作。

以上这些情况,都是我们在设计交互手势的时候,要考虑的特殊场景。在这些特殊场景下,用户也要能够轻松顺利地完成任务,才是我们要达到的目的。

好用的交互手势是怎样的

好用的交互手势是简单的方便的。手势一定要足够简单,能够让用户轻松掌握其规律,能够满足用户单手操作的需求。

好用的交互手势是容易记忆的。在设计交互手势的时候一定不要设计过于复杂的手势,因为手势越复杂,用户的操作记忆成本越高,越容易忘记操作方式导致中断任务。

好用的交互手势是符合人们的认知习惯的。好用的交互手势一定是遵循人们的自然习惯和意识,更多的采用”下意识设计“会让你的交互手势更容易被人们记住和使用。

好用的交互手势是会给予用户及时反馈的,不仅仅是视觉上的反馈,包括触觉上震动的反馈,听觉上声音的反馈都是很重要。在尼尔森关于交互设计十原则中,最重要的一点就是要提供用户及时反馈。在交互手势设计中也是如此,及时的反馈会给用户一种”一切都在我的掌握之下的感觉“。

好用的交互手势是实用的。不要去设计一些没必要的交互手势,让用户用最小的操作成本去完成任务。

交互手势设计的原则

其实这里讲的交互手势设计的原则和前文所叙述的好用的交互手势是怎样的有异曲同工之妙,好用的交互手势一定是满足这些设计原则的。下面我来简单讲述,交互手势设计的一些原则:

1.符合用户认知行为习惯。手势设计要最大程度的还原现实生活中人们的行为习惯,符合用户认知。

2.减少用户记忆成本。不要设计复杂的手势,增加用户的记忆成本,用最简单易用的手势。

3.考虑用户的应用场景。在某个场景下,用户是单手操作还是双手操作,单手操作的情况下,将操作热区安排在用户可控的范围内。

4.及时反馈。包括视觉、听觉和触觉上的反馈。

5.操作可逆。提供用户取消操作的途径,比如微信语音说话,上划手势取消发送。

6.保证产品手势的一致性。在产品中要保证交互手势的一致性,不要相同的功能下采用多种交互手势。


交互手势是我们现在最常用的一种交互形式,我们每天都在移动端设备上进行大量的操作。好用的交互手势,会提升用户使用产品的愉悦感和满足感,相反不好的交互手势则会阻碍用户完成任务需求,产生挫败感。手势设计关乎产品的用户体验。作为交互设计师,我们要掌握交互手势设计相关的设计原则,为用户设计好用且易用的手势操作。

最后要感谢陈晓畅设计师,如果没有他的总结,我也不会学习到关于手势设计相关的知识,在这里把他文章中的精华总结并加上我个人的理解,写成了这篇分享,希望对各位有所帮助。也希望各位设计师朋友可以广提见解,一起交流。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容