提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
作者探讨了滑动手势在减少点击次数方面的作用和可行性。
http://www.lukew.com/ff/entry.asp?1933
在绝大多数移动端应用中,完成一个任务需要经过大量点击。出于可发现性方面的原因,移动设计师倾向于在UI设计中规避其他手势。然而, Ralph Thomas最近的一个滑动手势的原型让我对移动端的手势操作重拾兴趣。
Ralph的设计突出展示了一种能够有效减少常用操作点击次数的方法。为方便说明,我们先来看一款常用软件,比如苹果地图。导航是一个常用操作。现在苹果地图完成此操作至少需要3次点击:点搜索,点目的地(如果在列表中),点开始,然后就开始导航。
在苹果地图中导航
为简化此流程,我们可以借鉴安卓的Material Design,使用一个悬浮的操作按钮。当你点击此按钮,就会显示最常去的目的地,然后再次点击选择要去的地方。通过这种方式,虽然某些任务更简单了(比如回家或去一个最近去过的地方),但像“马上搜索”之类的其他任务更麻烦了(需要点击两次而不是一次)。
苹果地图中的悬浮操作按钮
滑动操作可以通过一个快捷手势提高交互效率,大大减少完成任务需要的点击数量。只要轻轻按住这个悬浮的操作按钮(不用将手指移开屏幕),然后拖拽到一个目的地。比如,拖动到家然后松开,就能马上开启回家的导航。无需三次点击,只需一次滑动拖拽。
苹果地图中的拖拽释放手势
注意,上文提到的点击方式仍然有效。滑动手势只是为重要或常用的操作增添了一个快捷方式。因为按住拖拽手势无法直接观察到,所以它最好作为更慢但更直观的点击操作的增强版而存在。虽然让隐藏的手势变得可见的方法不是没有,但通常不用它们取代直观的点击,而是作为一种备选方案,让用户更快完成任务。
同样的,滑动触摸手势也可用于触发搜索。只要在搜索目标上松开手指,或向左拖拽到输入框后松开。这一简单手势可以唤出一个详细搜索列表和虚拟键盘(就是苹果的原生UI中的那种),而无需基于点击的浮动按钮方案中的两步点击。
在苹果地图的选项中运用拖拽释放
扩展一下,你可以试想通过拖拽手势提供更多选项。首先拖拽选择一个目的地,然后拖拽到一侧来选择一种导航:驾车,公共交通,步行或自行车。手指移动到目标选项后松开。这些额外选项只是拖拽手势的一个可选扩展,但一旦使用又将省略一次点击。四次点击最终缩减为一次滑动。
对于这种用滑动手势来简化移动交互并减少繁冗点击的方法,我个人感到非常振奋。欲了解更多,请查看Ralph的原型和关于此设计的报道,或在以上视频中观看真实操作。
http://www.lukew.com/ff/entry.asp?1932
随着移动设备尺寸越来越大,复杂度上不断上升,核心交互对于点击的过度依赖可能会阻止我们设计出更简洁、流畅的交互动作。
点击有什么问题?
提供明确点击目标的用户界面具有一目了然的优点。也就是说,界面的核心目标以及使用方法都通过屏幕上可视的操作来传达了。这不是很好吗?没错,但我们不能止步于此。
太多的点击(尤其是不明显的)会使得简单的任务毫无必要地扩展好多屏。每屏都必须经过加载,解析,最终被人们看懂,才能执行流程的下一步。我们可以做得更好。希望上述几个案例已经演示得很清楚了。
无需点击
有时候最好的界面是没有界面。
Passbook从4次点击减少到0次点击
滑动触摸手势
滑动触摸手势可以作为快捷手势显著减少常用或重要任务的点击次数,从而提升交互体验。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册