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. 原生的一年用下來依然很流暢~

      來自廣東 回復