交互設(shè)計之聊聊減少頁面跳轉(zhuǎn)的方法

在標(biāo)簽頁還沒有誕生的時候， 瀏覽器對關(guān)鍵詞的搜索似乎只能另起窗口顯示搜索結(jié)果。且這些結(jié)果頁散亂無序，假若再返回某一頁面，就要從桌面一堆窗口里或者一長串任務(wù)欄內(nèi)去翻找，相信現(xiàn)在用慣有標(biāo)簽頁瀏覽器的同學(xué)，應(yīng)該沒有誰會愿意再去用這樣的產(chǎn)品。這是一個典型的頁面跳轉(zhuǎn)例子，并且散亂無序是用戶很頭痛的事情。在用戶對操作體驗越來越重視的今天，讓用戶無形中享受我們精心設(shè)計的操作體驗越發(fā)顯的重要。通過減少頁面跳轉(zhuǎn)，減少用戶的重復(fù)操作就是其中重要的一點，下面列舉了一些常見的交互展現(xiàn)形式。
 

1.浮動彈窗

為了避免跳轉(zhuǎn)頁面，彈窗是最常見的一種形式；最大的特點就是a.它一般只覆蓋設(shè)備全屏的部分區(qū)域，使上一操作的一些內(nèi)容可見；b.操作完成彈窗關(guān)閉，還保持在原界面，可繼續(xù)對本頁進(jìn)行其他操作。
例如：百度手機(jī)輸入法，進(jìn)入背景商店，選擇一款背景下載，以彈窗形式進(jìn)行，可以預(yù)覽到背景上的其他皮膚，用戶在等待下載過程中可以考慮是否需要下載其他合適背景，關(guān)閉彈窗還可以繼續(xù)下載，而不必跳轉(zhuǎn)至另一界面，下載完成再返回。

2.內(nèi)容擴(kuò)展

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

3.多態(tài)按鈕

第一次見到這個專業(yè)名詞，不知道大家是否聞其名，解其意。其實多態(tài)按鈕就存在于眾多應(yīng)用中。
在我們的移動設(shè)備中，正常情況下，用戶界面控件，應(yīng)該只進(jìn)行單一的目的操作。比如進(jìn)行某一項操作完成后出現(xiàn)“完成”按鈕，點擊觸發(fā)完成。然而，多狀態(tài)按鈕是一個例外。尤其在小屏幕手機(jī)上，按鈕動作能夠被觸發(fā)，同時得到物理反饋是很重要的。

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

又例如某閱讀應(yīng)用按鈕使用此模式，點擊“+ 號”執(zhí)行添加至?xí)軇幼?，點按后以轉(zhuǎn)菊花的形式反饋給用戶動作在執(zhí)行中，當(dāng)動作完畢， “&radic