怎么優(yōu)化好移動UI觸摸手勢呢?
現(xiàn)在,對于移動用戶界面來說,包括觸摸手勢以增強用戶體驗是很常見的。那么,觸摸手勢到底是什么呢?想想推特的刷新,或者蘋果地圖縮放的縮放。它甚至可以像滑動或按下一樣簡單。在任何情況下,觸摸手勢的目標是減少屏幕上的圖標或UI元素的數(shù)量,并簡化典型的用戶操作。
我們可以使用很多的觸摸手勢,同時在有效執(zhí)行時保持完全自然和不引人注目的用戶體驗。下面我們將快速瀏覽一些移動用戶界面的例子,這些界面優(yōu)化了觸摸手勢,并查看了它們?nèi)绾我约盀槭裁慈绱擞行А?/p>
SoundCloud
SoundCloud在其移動應(yīng)用程序中使用了一些觸摸手勢。其中之一是能夠在不需要找到特定的UI元素或滑塊的情況下通過跟蹤。用戶可以在均衡器圖形的一般區(qū)域向左或右滑動,并快速準確地定位歌曲的點。
這款應(yīng)用還可以通過滑動或右滑動來改變音軌,以及在唱片藝術(shù)上點擊來暫停當前的軌跡。專輯的藝術(shù)作品也可以被向下滑動,以揭示SoundCloud流。
圖標從界面,使設(shè)計更干凈,更自然和令人滿意的使用。
iOS鍵盤
蘋果公司在iOS上的鍵盤實現(xiàn)了一些微妙但令人難以置信的有用和易于使用的觸摸手勢交互。其中一個實現(xiàn)了在iPhone 6S和iPhone 7上發(fā)現(xiàn)的3D觸摸技術(shù)。
通過將力觸到鍵盤,這些字符被立即隱藏起來,將鍵盤區(qū)域轉(zhuǎn)換成相當于一個軌跡板的位置。這允許快速和容易地移動光標,比簡單的tap更準確。
它還使用觸控手勢,在鍵盤上點擊并保持。這樣做可以讓用戶在一個微妙且容易的交互中選擇多個表情符號的變化。
VSCO
VSCO在整個應(yīng)用程序中都使用觸控手勢,一個簡單的點擊和按住照片縮略圖將顯示一個全尺寸預(yù)覽,類似于Instagram上的實現(xiàn)。當繼續(xù)保持時,應(yīng)用程序允許你通過移動你的觸摸向左或向右移動圖像。
同樣的,通過導(dǎo)航到底部的兩個按鈕,你可以保存或重新發(fā)布一張照片,所有這些都是一個簡單的動作。這樣的實現(xiàn)使應(yīng)用程序更快更容易使用。
在整個VSCO,類似的有效優(yōu)化觸摸手勢的例子都出現(xiàn)了。從擴展的圖像卡上簡單地向下滑動將返回到前一個屏幕。在主屏幕上向下滑動打開攝像頭,反向操作將用戶無縫地返回到主屏幕上。
在使用有效和直觀的情況下,觸摸手勢可以在移動應(yīng)用程序中應(yīng)用一個獨特的動態(tài),顯著降低UI元素和圖標的界面,同時使應(yīng)用程序更快更容易使用。
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)