減少頁面跳轉(zhuǎn)的方法
![](http://image.woshipm.com/wp-files/img/62.jpg)
在標(biāo)簽頁還沒有誕生的時(shí)候, 瀏覽器對(duì)關(guān)鍵詞的搜索似乎只能另起窗口顯示搜索結(jié)果。且這些結(jié)果頁散亂無序,假若再返回某一頁面,就要從桌面一堆窗口里或者一長(zhǎng)串任務(wù)欄內(nèi)去翻找,相信現(xiàn)在用慣有標(biāo)簽頁瀏覽器的同學(xué),應(yīng)該沒有誰會(huì)愿意再去用這樣的產(chǎn)品。這是一個(gè)典型的頁面跳轉(zhuǎn)例子,并且散亂無序是用戶很頭痛的事情。在用戶對(duì)操作體驗(yàn)越來越重視的今天,讓用戶無形中享受我們精心設(shè)計(jì)的操作體驗(yàn)越發(fā)顯的重要。通過減少頁面跳轉(zhuǎn),減少用戶的重復(fù)操作就是其中重要的一點(diǎn),下面列舉了一些常見的交互展現(xiàn)形式。
1.浮動(dòng)彈窗
為了避免跳轉(zhuǎn)頁面,彈窗是最常見的一種形式;最大的特點(diǎn)就是a.它一般只覆蓋設(shè)備全屏的部分區(qū)域,使上一操作的一些內(nèi)容可見;b.操作完成彈窗關(guān)閉,還保持在原界面,可繼續(xù)對(duì)本頁進(jìn)行其他操作。
例如:百度手機(jī)輸入法,進(jìn)入背景商店,選擇一款背景下載,以彈窗形式進(jìn)行,可以預(yù)覽到背景上的其他皮膚,用戶在等待下載過程中可以考慮是否需要下載其他合適背景,關(guān)閉彈窗還可以繼續(xù)下載,而不必跳轉(zhuǎn)至另一界面,下載完成再返回。
![](https://image.woshipm.com/wp-files/2013/02/c4ca4238a0b923820dcc509a6f75849b.jpg)
2.內(nèi)容擴(kuò)展
還有的呈現(xiàn)形式是對(duì)當(dāng)前頁的內(nèi)容擴(kuò)展,幫助用戶了解的更為詳細(xì),因?yàn)橛脩舻挠洃浭怯邢薜?,記憶還是有時(shí)效的,跳轉(zhuǎn)出去,可能對(duì)上一頁內(nèi)容記憶不完整,或者不知道從哪一分類進(jìn)入的,所以此類交互方式同樣是在幫助用戶減少跳轉(zhuǎn)。
![](https://image.woshipm.com/wp-files/2013/02/c81e728d9d4c2f636f067f89cc14862c.jpg)
3.多態(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)度,完成后該按鈕又變更為“演唱”。
![](https://image.woshipm.com/wp-files/2013/02/eccbc87e4b5ce2fe28308fd9f2a7baf3.jpg)
又例如某閱讀應(yīng)用按鈕使用此模式,點(diǎn)擊“+ 號(hào)”執(zhí)行添加至?xí)軇?dòng)作,點(diǎn)按后以轉(zhuǎn)菊花的形式反饋給用戶動(dòng)作在執(zhí)行中,當(dāng)動(dòng)作完畢, “√”提示添加完成,最后再次單擊“√”書從書架中移除。
![](https://image.woshipm.com/wp-files/2013/02/a87ff679a2f3e71d9181a67b7542122c.jpg)
另一種常見的多態(tài)按鈕的情況,比如刪除或刪除對(duì)象。它會(huì)中斷用戶當(dāng)前的操作,彈出一個(gè)確認(rèn)刪除。但它的出現(xiàn)是有道理的,無法挽回的某些操作是一定需要用戶親自來確認(rèn)的。
![](https://image.woshipm.com/wp-files/2013/02/e4da3b7fbbce2345d7772b0674a318d5.jpg)
多態(tài)按鈕的好處一個(gè)是在有限的空間內(nèi),擴(kuò)展了界面空間,另外就是操作流程不出現(xiàn)跳轉(zhuǎn),不打斷用戶操作同時(shí)減少操作步驟。
4.批量操作
大家都知道移動(dòng)設(shè)備的內(nèi)存容量是有限的,對(duì)一些不想要的圖片、視頻、信息或應(yīng)用,單個(gè)刪除處理適合少于1-5個(gè)來操作,如果數(shù)十個(gè)、上百個(gè)大批量的操作就不太適合這種單選刪除,所以對(duì)類似這種處理方式的批量操作是很重要且必須的。
批量操作的重要意義就是給用戶建立效率型的交互模式,減少重復(fù)操作的成本。
常見的批量操作包括:選擇,添加/刪除或重新排序等。
4.1選擇、添加
![](https://image.woshipm.com/wp-files/2013/02/1679091c5a880faf6fb5e6087eb1b2dc.jpg)
4.2刪除、重新排序
![](https://image.woshipm.com/wp-files/2013/02/8f14e45fceea167a5a36dedd4bea2543.jpg)
![](https://image.woshipm.com/wp-files/2013/02/c9f0f895fb98ab9159f51fd0297e236d.jpg)
我們可以看到,不同的需求,應(yīng)景而生減少跳轉(zhuǎn)的交互方式也不同,但是要達(dá)到的目的卻是不經(jīng)相同。綜上幾種形式,尤其在移動(dòng)設(shè)備小小的方寸間,我們應(yīng)當(dāng)思考如何在有限的空間內(nèi)合理布局。要勇于嘗試,敢于打破常規(guī),讓控件創(chuàng)造更多的可能性。當(dāng)然啦,不同的用戶會(huì)有不同的操作習(xí)慣,盡量找到最佳的平衡點(diǎn),為普遍用戶提供最舒適的操作環(huán)境,給用戶提供最便捷的操作流程,讓操作更合理,更流暢。
來源:mux.baidu
- 目前還沒評(píng)論,等你發(fā)揮!