本文來自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)出更為詳細的搜索列表,系統(tǒng)鍵盤也同時彈出便于輸入搜索。
再深入一點欣喧,手勢流甚至還可以為附加的選項提供交互的空間腌零。首先移動到目的地,保持手指不放開繼續(xù)向側(cè)面移動唆阿,你就可以選擇到目的地的方式:自駕益涧、公共交通、步行或是騎行驯鳖。繼續(xù)移動到你的選擇上然后將手指移開屏幕就可以執(zhí)行操作了闲询。這樣附加選項的設(shè)計可以作為手勢流的擴展,不過你一旦采用了浅辙,又減少了一次點擊扭弧,從四次點擊變成了一個手勢流的操作。
我很高興見到這樣手勢流的設(shè)計记舆,它能優(yōu)化移動交互流程鸽捻,減少哪些復(fù)雜的點擊操作。更多的細節(jié)泽腮,大家可以參見Ralph的原型以及文章御蒲。
-----------------我是分割線----------------
本文為原創(chuàng)譯文,如需轉(zhuǎn)載請聯(lián)系作者诊赊,注明出處微信公眾號“開卷有譯”或簡書原文地址厚满。