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