本文來自LukeW，以地圖應(yīng)用為例講解了手勢流的妙用，給移動設(shè)計上交互提供了新的思路。

閱讀原文請戳傳送門

歡迎關(guān)注我的微信公眾號“開卷有譯”獲得新文章推送。本文為原創(chuàng)譯文，如需轉(zhuǎn)載請聯(lián)系作者，注明出處微信公眾號“開卷有譯”或簡書原文地址。

-----------------我是分割線----------------

在大部分的移動應(yīng)用中，完成一項任務(wù)通常都需要很多次點擊。但是由于可發(fā)現(xiàn)性的問題，設(shè)計師似乎總是有意避開使用各種手勢。然而，最近Ralph Thomas設(shè)計的一個有關(guān)手勢流的交互原型讓我重新燃起了對移動手勢操作的熱情。

Ralph的設(shè)計在于用獨特的方式來減少常用操作的點擊數(shù)，接下來讓我們通過常用應(yīng)用進(jìn)行分析說明，以iOS自帶的地圖應(yīng)用為例， 用戶最常用的一個操作就是導(dǎo)航。在目前的設(shè)計中，完成這樣一個操作至少需要三次點擊：1.點擊搜索框；2.點擊選擇你的目的地（如果在推薦列表中）；3.點擊開始。

現(xiàn)有交互流程

我們可以使用Material Design中的浮動按鈕來優(yōu)化此流程，點擊搜索按鈕會展示推薦的目的地，然后通過再次點擊選擇地點。雖然有些操作變得更簡單（例如，導(dǎo)航回家或是到最近去過的地點），但是直接搜索卻需要多些工作（兩次點擊，比原來增加了一次）

使用浮動按鈕FAB后的流程

使用手勢流的設(shè)計能夠減少這些基本操作的點擊數(shù)，從而增強交互體驗。你只需按下浮動的搜索按鈕然后保持手指不離開屏幕繼續(xù)往上移動，直到目的地的按鈕。例如，移動到“家”然后松開手指，地圖就會馬上進(jìn)入導(dǎo)航模式，帶你回家。相比之前的三次點擊，你只需要一個手勢流的操作。

加上手勢流之后

需要注意的是，之前描述的點擊方法仍然有效。手勢流操作可以作為重要或是常用操作的快捷方法。因為手勢畢竟是缺乏視覺識別的，所以最好的方式就是作為明顯但是操作較慢的點擊流程的額外補充。

同樣的手勢流操作也可用于觸發(fā)搜索。你只需按下浮動按鈕然后向左拖動至搜索框。相比之前需要兩次點擊的操作，這樣簡單的手勢就能調(diào)出更為詳細(xì)的搜索列表，系統(tǒng)鍵盤也同時彈出便于輸入搜索。

用手勢流提供附加選項的設(shè)計

再深入一點，手勢流甚至還可以為附加的選項提供交互的空間。首先移動到目的地，保持手指不放開繼續(xù)向側(cè)面移動，你就可以選擇到目的地的方式：自駕、公共交通、步行或是騎行。繼續(xù)移動到你的選擇上然后將手指移開屏幕就可以執(zhí)行操作了。這樣附加選項的設(shè)計可以作為手勢流的擴展，不過你一旦采用了，又減少了一次點擊，從四次點擊變成了一個手勢流的操作。

我很高興見到這樣手勢流的設(shè)計，它能優(yōu)化移動交互流程，減少哪些復(fù)雜的點擊操作。更多的細(xì)節(jié)，大家可以參見Ralph的原型以及文章。

-----------------我是分割線----------------

本文為原創(chuàng)譯文，如需轉(zhuǎn)載請聯(lián)系作者，注明出處微信公眾號“開卷有譯”或簡書原文地址。