Google Photos 的几点交互

4 评论 4346 浏览 3 收藏 5 分钟

前几天的 Google I/O 2015大会上,Google 推出了全新的照片管理应用Google Photos ,下载体验了一下,有几点交互个人觉得不错,和大家分享下:

手指捏合缩放(Pinch/Spread)实现视图切换

【照片】有标准、日期、紧凑、月份四个层级,用手指捏合实现视图的层级切换,这种交互方式显然更符合直觉(我曾在照片类的应用中尝试过此操作)。

1

2

相比 ,iOS 上的照片则只能通过左上角才能返回上一级目录显的很低效

3

4

批量选择

针对批量处理照片的优雅设计,相比 iOS 上的依次点击,Google Photos 可以通过按下并拖拽来完成繁重的批量操作,简直爽到尖叫,不信你来试试!

5

下图为腾讯视频与爱奇艺视频下载选择界面,用户需要依次点击要下载的剧目(可能这个例子的可比性不太强,不过显然这并不是足够好的设计):

7

8

当然,也没有人可以阻挡我们在批量操作时,有一个【全部选择】这样的设计。

全屏浏览

全屏浏览会提供更大的可读区域,让用户更专注于内容,也给用户带来沉浸式的体验。

99

999

对于很多应用来讲,全屏浏览需要的是勇气,不管是顶部导航还是底部菜单导航,必留其一,还想将其亮闪闪 LOGO 一直留在用户的脑海里。

下拉/上拉返回

Pinterest 与 Storehouse 在详情页面均采用下拉返回上级的交互方式,Photos 则更进一步,在单张图片全屏状态下,不仅可以点击左上角返回上级菜单,也可以下拉或上拉返回,这个交互使得整个应用操作起来更加灵动,易用,简单也高效。

00

000

0000

注1:Photos 中运用了Material Design 的圆形波浪(涟漪 )点击特效。

注2:需翻墙才能正常使用 Photos 提供的更多功能。

#专栏作家#

大伟,人人都是产品经理专栏作家, 目前任职于微信电影 。从用户需求(在一大堆很酷的设想中砍掉当中的绝大一部分)到产品定义(有价值且符合公司战略发展),从产品原型到视觉设计,从交互到动效,毫无疑问,这些都是非常振奋人心和充满能量的,希望你可以在我们的会话中找到有用的东东。

转载请保留上述作者信息并附带本文链接

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 看来要翻墙才能用额……

    来自广东 回复
  2. 看完唯一的感受是有没有考虑手势的学习成本,前面做过很多触屏手势的设计的可用性测试,测试结果是,我觉得so easy的东西用户觉得so hard,愚见

    来自广东 回复
    1. 而且复杂的手势对设备的要求很高,安卓的破系统用一年估计就带不动了

      来自北京 回复
    2. 原生的一年用下来依然很流畅~

      来自广东 回复