我想先介绍两篇文章来了解用户是如何使用手机

作者:mgm娱乐

探讨APP的手势操作前,我想先介绍两篇文章来了解用户是如何使用手机的,以及触控屏是如何来感应我们的操作的。

       曾经我只用“QQ音乐”现在常用的是“网易云音乐”

图片 1

用户是如何使用手机的

      相信很多人人也是这么被挖进“网易云音乐”的坑的:

“全面屏”系列的第二篇文章,我们关注的是系统导航方式的演进过程,以及当中存在的问题。在一加 6 和坚果 R1 的文章中,我曾经表达过这样的观点:无论“刘海”还是“水滴”,异形全面屏的有效显示面积实际上是有增无减的,而真正拖后腿的,反而是位于屏幕下方的...

Steven Hoober在《How Do Users Really Hold Mobile Devices?》[1]一文中指出,通过两个月的时间对1333名手机用户在公众场所(街道、机场、汽车站、咖啡馆、火车上、汽车上等)使用习惯的观察得出以下结论:

  场景如下:

“全面屏”系列的第二篇文章,我们关注的是系统导航方式的演进过程,以及当中存在的问题。

①780名用户是通过滑动、点击、打字等来操作屏幕,其他用户则仅仅是用手机来收听、观看、打电话。

“小丽你的歌都好好听!我要你的歌单!”

在一加 6 和坚果 R1 的文章中,我曾经表达过这样的观点:无论“刘海”还是“水滴”,异形全面屏的有效显示面积实际上是有增无减的,而真正拖后腿的,反而是位于屏幕下方的导航栏 (Navigation Bar)。

②49%的用户通过单手操作,36%一手拿着手机一手操作,另有15%双手操作。

“oh好啊 你关注我的 网易云音乐id XXXXX”

如今,“真全面屏”的普及让导航栏与屏幕有效显示面积之间的矛盾变得更加尖锐。但与此同时,上至 Google,下至各大厂商,都陆续开始推出基于手势的系统导航方案。不过由于碎片化的老毛病,Android 系统导航方式的演化,也不可避免地经历了“由混乱到统一”的过程,并且直到现在,这个过程都还处在进行时当中。

③在单手操作用户中,有33%的用户用左手拇指来操作。

~~从此...“QQ音乐”就被打入冷宫了呢~因为“网易云音乐”淘歌实在是,太!爽!了!(强大的内容运营 & 好多音乐大V & 热闹的社交氛围)

他山之石,可以攻玉。为了理清头绪,我们不妨先来回顾一下,隔壁 iOS 阵营在系统导航方式上经历了怎样的变迁。

④用户经常变换操作姿势和手势。

      但是...尽管所有人把“网易云音乐”吹的飞起,从交互和界面的角度来说,网易云用起来并没有很畅快。(个人拙见)

苹果早有准备

49%的单手操作用户是以下两种姿势。绿色代表容易点击区域,黄色为拇指伸展可到点击区域,红色区域超出单手可点击范围。

图片 2

实际上,iPhone 在向全面屏演化的过程中,系统导航方式的过渡相对是比较顺利的。其中一大原因,就是在非全面屏时代,iOS 已经在系统层级引入了手势交互。这里有一个非常典型的例子:为了解决大屏手机上位于屏幕左上角的返回按钮不易点按的问题,苹果在 2013 年发布的 iOS 7 系统中就引入了右滑返回的手势交互。

触控屏是如何来感知操作的

qq和网易的音乐播放界面

我们无从得知那时的苹果是否已经预见到了全面屏的问世,不过这项手势的加入,客观上确实为系统全局手势导航方案的到来打下了基础。

Steven Hoober通过研究在《Common Misconceptions About Touch》[2]中指出,因为我们的手指是三维立体且柔软的,在操作屏幕的时候,只有手指的部分区域是和屏幕接触的,这部分区域称为接触印迹。而触控屏仅仅感知人们接触印迹的几何中心位置来出发操作,与接触印迹区域大小无关。

界面上看qq音乐更加大气,大图标便于操作;右边的网易云,坚守性冷淡的中规中矩。

iPhone X 的登场,让长久以来处于 iPhone 交互核心的实体 home 键正式成为了历史。虽然硬件形态上发生了巨变,但稍加分析就会发现,home 键在系统导航上承担的作用,无非“回到桌面”和“呼出多任务界面”而已。于是苹果顺理成章地用“屏幕底部上滑”和“上滑悬停”手势替代了 home 键这两大功用,配合早已存在的右滑返回,一套完全基于手势操作的系统导航方案就此形成。

除了以上这些因素外,硬件设备的差异,用户使用移动设备时的视线角度都会影响点击操作的精准度。为此Steven Hoober提出为界面元素分别设计视觉目标和触控目标的建议。如点击文章中的网址链接,我们不需要精准地点击到链接上的字母,而仅仅需要触发它周围的方形区域即可产生跳转到该网站。在不影响视觉效果的基础上,适当放大触控区域可提高操作的精准度。

在交互上qq音乐和网易云非常不同。

代价也是有的,比如原本从屏幕底部上滑呼出的控制中心 (Control Center) 就被迫改成了由屏幕右上角下滑呼出,对 iPhone XS Max 这样的大屏手机用户并不够友好。然而后来发生的事情却证明,这可能仍然是目前最具普适性的手势导航方案。

另外一个将视觉目标和触控目标分开设计的方法即为我们常说的手势操作,如上文所述手机使用过程中单手和左手操作的用户比例都比较大,好的单手操作手势设计能有效提高使用效率,减少误操作,给用户带来惊喜。为此,笔者在下文中总结了现有APP单手操作中的4类用法。

最常见操作,点击屏幕的操作。他们俩的反馈是不一样的(如图):

三大金刚

手势是如何被利用的

图片 3

相比之下,Android 系统导航方式的发展历程就坎坷多了,尤其在实体按键唱主角的年代,各品牌 Android 手机正面“下巴”上的按键排布那可真是五花八门、各显神通,毫无标准可言。

1.页面切换

左qq音乐,右网易云音乐

HTC Evo 4G

在有限的屏幕空间中使用APP时,多层级、多页面切换是最频繁的操作,如果仅仅依靠大多数应用左上角的back键来返回或是点击后才能切换tab,使用起来将非常不方便,因此单手操作最常见的应用场景则是利用左右滑手势来穿行于各层级页面间。如下图网易云阅读资讯中心的tab切换。在这个手势操作中有两个关键因素影响使用体验:一是滑动过程中页面要跟随手指,这样能让用户形成对产品的控制感和更明确的层级感;二是需要有“路标”作用的页面元素作为指引。

所以,2011 年 Android 4.0 引入的屏幕内虚拟导航栏 (Navigation Bar),本质上更像是 Google 树立的标杆,希望借此形成一套统一的交互规范。这番尝试确实获得了一些正面的回应,也让返回键、主页键和多任务键的组合日渐深入人心,“三大金刚键”的名号应运而生。

图是网易云阅读和iOS设置中的右滑操作示意。网易云阅读中,在页面任何位置轻轻右滑即可返回,iOS的返回操作手势热区在屏幕边缘。这两者的区别是,云阅读中的返回设计更多是利用用户的下意识行为,操作成本低,但同时增加了误操作的风险。iOS中用户的操作多是有意识的行为,误操作几率小,同时操作成本也增加了。这两种方式各有利弊,因此在设计中应更具实际场景定义好对手指滑动的感应范围和角度。

对于第二常用的滑动手势(这里是右滑),他们的反馈是这样的(如图):

导航栏的优势其实不少。首先,它既延承了实体按键时代的操作逻辑,又顺应了触摸屏成为主流的发展趋势,因而更容易帮助用户完成使用习惯的迁移和转化;其次,“点击”是电子设备用户最熟悉、也最容易掌握的操作。这个动作仅仅占用一个“时点”,天然具有“干脆利落”的特质,操作效率也很高;最后,由于每个按键至少都能对单击、双击和长按这三种操作产生回应,所以完全可以承担除系统导航外的更多功能。比如原生 Android 就支持双击多任务键在最近使用的两个 App 间快速跳转,长按多任务键则会触发分屏。一加的定制系统则更进一步,允许用户为主页键和返回键的双击和长按分别指定快捷操作,一定程度上也为单手操作创造了便利。

本文由mgm娱乐发布,转载请注明来源

关键词: