顾客是何等接收手提式有线电话机的,反而是身处荧屏下方的导航栏

图片 5

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

右滑手势:下一首

好了,切入本文重点。我只选取所有手势中的一种手势操作即「单指滑动」,来说说在什么场景下可以用上单指滑动操作。

看来,想要撼动“三大金刚键”的地位,还真不是件容易的事啊。

用户是如何使用手机的

左qq音乐,右网易云音乐

你还能不能找到其它的 APP
也能包含所有的手势操作?这探寻过程会很有趣,也是学习知识的一种方法。

改变,势在必行。然而不同于 iOS 的平稳过渡,Google
在系统导航方式的问题上似乎又有些“后知后觉”。于是厂商们只好身先士卒,基于自身对交互的理解推出了多种全面屏手势方案,总的说来大致有这么三大流派:

除此之外iOS自带的邮件、信息,和小清新壁纸应用拾光都有类似手势应用。

2.听的正开心手不小心滑了一下屏幕啊…切歌了…尴尬.

场景三:操作功能

对于内容页面上的一些功能,可以直接通过手势去操作,这可以大大提高任务操作流的流畅性。

我印象比较深的是曾经用过的一款软件叫「Any.Do」,这是一款任务管理软件,当你完成任务列表上的一条任务时,可以直接通过手势向右滑动来进行删去任务的操作,很有成就感,操作体验非常好。

在「多看阅读」中也有类似的操作体验,就是当你在阅读书籍的某一页时,可以通过向下滑动的手势随时为喜欢的某一页添加书签,方便下次回看。(如图3)

图片 1

 图3

你更喜欢使用哪种系统导航方式?

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

对于点击和滑动手势这两个最常用的操作(也就是最容易误操作的两个手势),当误操作时,网易云音乐的反馈相比qq音乐的体验会更差些…

自从进入了触屏智能手机时代,手势操作成了一种非常重要的人机交互方式。目前有三大主流手机操作系统(iOS,Android,Windows
Phone),虽然各自支持的手势会有些不同,但总的来说有以下几种常见手势:①单击,②双击,③长按,④单指滑动,⑤双指滑动,⑥双指放大,⑦双指缩小,⑧双指旋转,⑨握住手机晃动。如果留心观察就会发现,这些手势中绝大多数都会同时出现在一款软件中——你的手机自带的看图软件。

Google
这套方案的优势在于并不破坏滑动手势为单手操作创造的便利,但显然也让交互逻辑的复杂性变得更高,一定程度上增加了用户的学习成本。

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

列举一下操作起来不爽的点:

场景二:切换层级

Native APP
一般有三个页面:「聚合页」,「列表页」,「内容页」。三个层级页面间可以用手势滑动切换,这样做的好处是不用每次都去点击「返回」按钮或「向上」按钮来返回,直接手势操作,非常方便。

例如「QQ国际版」中,「内容页」可以理解为聊天页面,当从聊天页面返回最近聊天列表时,在聊天页面从左向右滑动,即可快速回到最近聊天列表。(如图2)

图片 2

图2 

欢迎在评论区告诉我们。

[1]Steven Hoober. How Do Users Really Hold Mobile Devices?.

左qq音乐,右网易云音乐

场景四:呼出功能

在设计一款APP的「内容页」时,一般都会有页面操作,比如「返回」、「分享」什么,这些操作按钮如果直接放在屏幕上,就会挤占内容页的显示区域。对于需要沉浸式阅读的使用场景,这些页面操作并非随时都需要,最好的解决办法就是把这些操作按钮都隐藏起来,等需要的时候再冒出来,这个时候就可以运用手势滑动来呼出功能,非常方便。

当然,对于不需要沉浸式阅读的适用场景,比如上面一开始提到的「QQ国际版」,一般聊天都是非常高效且碎片化的,很多操作应随时都在视线范围内,所以软件底部的这些功能操作按钮就不适合隐藏、用的时候再呼出。

在自己常用的软件中,呼出功能做得比较典型的就是「多看阅读」了,在阅读了一段后,如果想返回书籍列表页,可以由下向上手势滑动呼出底部功能按钮。(如图4)

图片 3

 图4

以上就是总结的 Native App
中「单指滑动」操作的4大设计场景,关于手势操作自己还在学习中,欢迎大家补充和拍砖。

要转载我的文章,请带上作者名称,原文地址的超链接,不允许修改我的标题,如果你无法全部满足上面3个要求,请不要转载,欢迎大家举报。

好在 Google 已经意识到了这个问题,并提出了初步的解决方案。在 Android Q
Beta 5 中,系统为使用抽屉导航栏的 App 新增了一个叫做 “peek behavior”
的交互机制,如果用户的手指接触屏幕左侧边缘并略作停留,抽屉导航栏就会稍稍“探出头来”,此时手指再向屏幕内侧滑动,就会呼出抽屉导航栏;反之,如果用户直接从屏幕左侧边缘向内滑动,触发的就是返回手势。

图Digg将添加标签等内容相关操作隐藏在左滑手势之后

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

场景一:切换 Tab

很多 Native APP
在设计导航时都会使用标签式导航,如果导航设计在软件的顶部,那么拇指操作起来就会很困难,而且若
Tab
之间的切换只能靠一个个按钮去点击,那样会很痛苦。这个时候若采用手势滑动的方式来切换
Tab,会很方便。

例如QQ国际版,顶部有三个 Tab,通过滑动手势可快速切换。(如图1)

图片 4

 图1

但问题依然是存在的。最明显的一个,就是从屏幕左侧边缘向内滑动的返回手势会和很多
App 里呼出抽屉导航栏 (Navigation Drawer)
的手势发生冲突,而最糟糕的情况,大概就是下面这样的“鬼打墙”了:

[3]
易发现的手势操作.

点击操作:呼出常用操作列表。

殊途同归

图iPhone和网易云阅读的右滑手势热区

有兴趣的话,也可以看看这个系列的上一篇文章。

1.页面切换

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

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

图TeeVee的手势操作

图片 5

动图来源:computerworld

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

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

这套方案还有一个影响不大,但也没什么道理的
bug:按理说,返回键应该只在需要它的时候才出现,但如果你用的是第三方
Launcher,就会发现即便已经回到桌面,返回键还是会固执地出现在“胶囊键”的左边,哪怕你已经“退无可退”了。而且直到现在,这个
bug 也没有被修复。

相关文章

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图