APP設(shè)計(jì)中用戶體驗(yàn)比較好的“跳轉(zhuǎn)”效果匯總

在web中,頁面的跳轉(zhuǎn)基本都是通過A標(biāo)簽來實(shí)現(xiàn)的。當(dāng)然也有一些是按鈕,js,彈窗等等跳轉(zhuǎn)效果。但是今天,我們需要闡述的就是關(guān)于APP界面設(shè)計(jì)中的“跳轉(zhuǎn)”動(dòng)作。

下面我們先來看看目前APP設(shè)計(jì)常用的跳轉(zhuǎn)方式:

1、內(nèi)容擴(kuò)展

? ? ? ? 還有的呈現(xiàn)形式是對(duì)當(dāng)前頁的內(nèi)容擴(kuò)展,幫助用戶了解的更為詳細(xì),因?yàn)橛脩舻挠洃浭怯邢薜?,記憶還是有時(shí)效的,跳轉(zhuǎn)出去,可能對(duì)上一頁內(nèi)容記憶不完整,或者不知道從哪一分類進(jìn)入的,所以此類交互方式同樣是在幫助用戶減少跳轉(zhuǎn)。

2125

 

2、多態(tài)按鈕

第一次見到這個(gè)專業(yè)名詞,不知道大家是否聞其名,解其意。其實(shí)多態(tài)按鈕就存在于眾多應(yīng)用中。

在我們的移動(dòng)設(shè)備中,正常情況下,用戶界面控件,應(yīng)該只進(jìn)行單一的目的操作。比如進(jìn)行某一項(xiàng)操作完成后出現(xiàn)“完成”按鈕,點(diǎn)擊觸發(fā)完成。然而,多狀態(tài)按鈕是一個(gè)例外。尤其在小屏幕手機(jī)上,按鈕動(dòng)作能夠被觸發(fā),同時(shí)得到物理反饋是很重要的。

例如時(shí)下很火的某唱歌應(yīng)用,進(jìn)入點(diǎn)歌臺(tái)會(huì)看到每首歌曲后都有一個(gè)“免費(fèi)點(diǎn)歌”按鈕,單擊后觸發(fā)下載,該按鈕出現(xiàn)提示正在緩沖,同時(shí)告知下載進(jìn)度,完成后該按鈕又變更為“演唱”。

3A8E8DFDD528EDEF82A31E0121ACBD46_B500_900_500_266

多態(tài)按鈕的好處:

一個(gè)是在有限的空間內(nèi),擴(kuò)展了界面空間,另外就是操作流程不出現(xiàn)跳轉(zhuǎn),不打斷用戶操作同時(shí)減少操作步驟。

3.批量操作

大家都知道移動(dòng)設(shè)備的內(nèi)存容量是有限的,對(duì)一些不想要的圖片、視頻、信息或應(yīng)用,單個(gè)刪除處理適合少于1-5個(gè)來操作,如果數(shù)十個(gè)、上百個(gè)大批量的操作就不太適合這種單選刪除,所以對(duì)類似這種處理方式的批量操作是很重要且必須的。?互聯(lián)網(wǎng)的一些事

批量操作的重要意義就是給用戶建立效率型的交互模式,減少重復(fù)操作的成本。?yixieshi.com

常見的批量操作包括:選擇,添加/刪除或重新排序等。

pi

 

4、抽屜效果

你們也許會(huì)看到好多Android上的抽屜效果,也忍不住想要自己寫一個(gè)。在Android里面可以用SlidingDrawer,很方便的實(shí)現(xiàn)。IOS上面就只有自己寫了。其實(shí)原理很簡(jiǎn)單就是 UIView 的移動(dòng),和一些手勢(shì)的操作。

1362990168_5233

 

5、淡入淡出的跳轉(zhuǎn)

實(shí)現(xiàn) UIScrollView 視圖切換時(shí)淡入淡出的切換效果。手指滑動(dòng) scroll view 時(shí),scroll view上的視圖切換不像一般那樣的頁面切換效果,而是一種淡入淡出的切換效果。Demo還支持Scroll View自動(dòng)滾動(dòng)。

51aadc4a6803fa5f7c000000_1

每天更新,
全站高品質(zhì)素材免費(fèi)下載!