本文來自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)用進行分析說明,以iOS自帶的地圖應(yīng)用為例, 用戶最常用的一個操作就是導(dǎo)航。在目前的設(shè)計中,完成這樣一個操作至少需要三次點擊:1.點擊搜索框;2.點擊選擇你的目的地(如果在推薦列表中);3.點擊開始。
我們可以使用Material Design中的浮動按鈕來優(yōu)化此流程,點擊搜索按鈕會展示推薦的目的地,然后通過再次點擊選擇地點。雖然有些操作變得更簡單(例如,導(dǎo)航回家或是到最近去過的地點),但是直接搜索卻需要多些工作(兩次點擊,比原來增加了一次)
使用手勢流的設(shè)計能夠減少這些基本操作的點擊數(shù),從而增強交互體驗。你只需按下浮動的搜索按鈕然后保持手指不離開屏幕繼續(xù)往上移動,直到目的地的按鈕。例如,移動到“家”然后松開手指,地圖就會馬上進入導(dǎo)航模式,帶你回家。相比之前的三次點擊,你只需要一個手勢流的操作。
需要注意的是,之前描述的點擊方法仍然有效。手勢流操作可以作為重要或是常用操作的快捷方法。因為手勢畢竟是缺乏視覺識別的,所以最好的方式就是作為明顯但是操作較慢的點擊流程的額外補充。
同樣的手勢流操作也可用于觸發(fā)搜索。你只需按下浮動按鈕然后向左拖動至搜索框。相比之前需要兩次點擊的操作,這樣簡單的手勢就能調(diào)出更為詳細(xì)的搜索列表,系統(tǒng)鍵盤也同時彈出便于輸入搜索。
再深入一點,手勢流甚至還可以為附加的選項提供交互的空間。首先移動到目的地,保持手指不放開繼續(xù)向側(cè)面移動,你就可以選擇到目的地的方式:自駕、公共交通、步行或是騎行。繼續(xù)移動到你的選擇上然后將手指移開屏幕就可以執(zhí)行操作了。這樣附加選項的設(shè)計可以作為手勢流的擴展,不過你一旦采用了,又減少了一次點擊,從四次點擊變成了一個手勢流的操作。
我很高興見到這樣手勢流的設(shè)計,它能優(yōu)化移動交互流程,減少哪些復(fù)雜的點擊操作。更多的細(xì)節(jié),大家可以參見Ralph的原型以及文章。
-----------------我是分割線----------------
本文為原創(chuàng)譯文,如需轉(zhuǎn)載請聯(lián)系作者,注明出處微信公眾號“開卷有譯”或簡書原文地址。