提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
作者探討了滑動手勢在減少點擊次數(shù)方面的作用和可行性。
http://www.lukew.com/ff/entry.asp?1933
在絕大多數(shù)移動端應用中,完成一個任務需要經(jīng)過大量點擊。出于可發(fā)現(xiàn)性方面的原因,移動設計師傾向于在UI設計中規(guī)避其他手勢。然而, Ralph Thomas最近的一個滑動手勢的原型讓我對移動端的手勢操作重拾興趣。
Ralph的設計突出展示了一種能夠有效減少常用操作點擊次數(shù)的方法。為方便說明,我們先來看一款常用軟件,比如蘋果地圖。導航是一個常用操作?,F(xiàn)在蘋果地圖完成此操作至少需要3次點擊:點搜索,點目的地(如果在列表中),點開始,然后就開始導航。
在蘋果地圖中導航
為簡化此流程,我們可以借鑒安卓的Material Design,使用一個懸浮的操作按鈕。當你點擊此按鈕,就會顯示最常去的目的地,然后再次點擊選擇要去的地方。通過這種方式,雖然某些任務更簡單了(比如回家或去一個最近去過的地方),但像“馬上搜索”之類的其他任務更麻煩了(需要點擊兩次而不是一次)。
蘋果地圖中的懸浮操作按鈕
滑動操作可以通過一個快捷手勢提高交互效率,大大減少完成任務需要的點擊數(shù)量。只要輕輕按住這個懸浮的操作按鈕(不用將手指移開屏幕),然后拖拽到一個目的地。比如,拖動到家然后松開,就能馬上開啟回家的導航。無需三次點擊,只需一次滑動拖拽。
蘋果地圖中的拖拽釋放手勢
注意,上文提到的點擊方式仍然有效?;瑒邮謩葜皇菫橹匾虺S玫牟僮髟鎏砹艘粋€快捷方式。因為按住拖拽手勢無法直接觀察到,所以它最好作為更慢但更直觀的點擊操作的增強版而存在。雖然讓隱藏的手勢變得可見的方法不是沒有,但通常不用它們?nèi)〈庇^的點擊,而是作為一種備選方案,讓用戶更快完成任務。
同樣的,滑動觸摸手勢也可用于觸發(fā)搜索。只要在搜索目標上松開手指,或向左拖拽到輸入框后松開。這一簡單手勢可以喚出一個詳細搜索列表和虛擬鍵盤(就是蘋果的原生UI中的那種),而無需基于點擊的浮動按鈕方案中的兩步點擊。
在蘋果地圖的選項中運用拖拽釋放
擴展一下,你可以試想通過拖拽手勢提供更多選項。首先拖拽選擇一個目的地,然后拖拽到一側(cè)來選擇一種導航:駕車,公共交通,步行或自行車。手指移動到目標選項后松開。這些額外選項只是拖拽手勢的一個可選擴展,但一旦使用又將省略一次點擊。四次點擊最終縮減為一次滑動。
對于這種用滑動手勢來簡化移動交互并減少繁冗點擊的方法,我個人感到非常振奮。欲了解更多,請查看Ralph的原型和關(guān)于此設計的報道,或在以上視頻中觀看真實操作。
http://www.lukew.com/ff/entry.asp?1932
隨著移動設備尺寸越來越大,復雜度上不斷上升,核心交互對于點擊的過度依賴可能會阻止我們設計出更簡潔、流暢的交互動作。
點擊有什么問題?
提供明確點擊目標的用戶界面具有一目了然的優(yōu)點。也就是說,界面的核心目標以及使用方法都通過屏幕上可視的操作來傳達了。這不是很好嗎?沒錯,但我們不能止步于此。
太多的點擊(尤其是不明顯的)會使得簡單的任務毫無必要地擴展好多屏。每屏都必須經(jīng)過加載,解析,最終被人們看懂,才能執(zhí)行流程的下一步。我們可以做得更好。希望上述幾個案例已經(jīng)演示得很清楚了。
無需點擊
有時候最好的界面是沒有界面。
Passbook從4次點擊減少到0次點擊
滑動觸摸手勢
滑動觸摸手勢可以作為快捷手勢顯著減少常用或重要任務的點擊次數(shù),從而提升交互體驗。
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊