減小手機頁面跳轉的方法（轉）

在標籤頁尚未誕生的時候， 瀏覽器對關鍵詞的搜索彷佛只能另起窗口顯示搜索結果。且這些結果頁散亂無序，倘若再返回某一頁面，就要從桌面一堆窗口裏或者一長串任務欄內去翻找，相信如今用慣有標籤頁瀏覽器的同窗，應該沒有誰會願意再去用這樣的產品。這是一個典型的頁面跳轉例子，而且散亂無序是用戶很頭痛的事情。在用戶對操做體驗愈來愈重視的今天，讓用戶無形中享受咱們精心設計的操做體驗愈加顯的重要。經過減小頁面跳轉，減小用戶的重複操做就是其中重要的一點，下面列舉了一些常見的交互展示形式。

　　1.浮動彈窗

　　爲了不跳轉頁面，彈窗是最多見的一種形式;最大的特色就是a.它通常只覆蓋設備全屏的部分區域，使上一操做的一些內容可見;b.操做完成彈窗關閉，還保持在原界面，可繼續對本頁進行其餘操做。 例如：百度手機輸入法，進入背景商店，選擇一款背景下載，以彈窗形式進行，能夠預覽到背景上的其餘皮膚，用戶在等待下載過程當中能夠考慮是否須要下載其餘合適背景，關閉彈窗還能夠繼續下載，而沒必要跳轉至另外一界面，下載完成再返回。

　　2.內容擴展

　　還有的呈現形式是對當前頁的內容擴展，幫助用戶瞭解的更爲詳細，由於用戶的記憶是有限的，記憶仍是有時效的，跳轉出去，可能對上一頁內容記憶不完整，或者不知道從哪一分類進入的，因此此類交互方式一樣是在幫助用戶減小跳轉。

　　3.多態按鈕

　　第一次見到這個專業名詞，不知道你們是否聞其名，解其意。其實多態按鈕就存在於衆多應用中。 在咱們的移動設備中，正常狀況下，用戶界面控件，應該只進行單一的目的操做。好比進行某一項操做完成後出現「完成」按鈕，點擊觸發完成。然而，多狀態按鈕是一個例外。尤爲在小屏幕手機上，按鈕動做可以被觸發，同時獲得物理反饋是很重要的。

　　例如時下很火的某唱歌應用，進入點歌臺會看到每首歌曲後都有一個「免費點歌」按鈕，單擊後觸發下載，該按鈕出現提示正在緩衝，同時告知下載進度，完成後該按鈕又變動爲「演唱」。

　　又例如某閱讀應用按鈕使用此模式，點擊「+ 號」執行添加至書架動做，點按後以轉菊花的形式反饋給用戶動做在執行中，當動做完畢， 「√」提示添加完成，最後再次單擊「√」書從書架中移除。

　　另外一種常見的多態按鈕的狀況，好比刪除或刪除對象。它會中斷用戶當前的操做，彈出一個確認刪除。但它的出現是有道理的，沒法挽回的某些操做是必定須要用戶親自來確認的。

　　多態按鈕的好處一個是在有限的空間內，擴展了界面空間，另外就是操做流程不出現跳轉，不打斷用戶操做同時減小操做步驟。

　　4.批量操做

　　你們都知道移動設備的內存容量是有限的，對一些不想要的圖片、視頻、信息或應用，單個刪除處理適合少於1-5個來操做，若是數十個、上百個大批量的操做就不太適合這種單選刪除，因此對相似這種處理方式的批量操做是很重要且必須的。

　　批量操做的重要意義就是給用戶創建效率型的交互模式，減小重複操做的成本。

　　常見的批量操做包括：選擇，添加/刪除或從新排序等。

　　4.1選擇、添加

　　4.2刪除、從新排序

　　咱們能夠看到，不一樣的需求，應景而生減小跳轉的交互方式也不一樣，可是要達到的目的倒是不經相同。綜上幾種形式，尤爲在移動設備小小的方寸間，咱們應當思考如何在有限的空間內合理佈局。要敢於嘗試，勇於打破常規，讓控件創造更多的可能性。固然啦，不一樣的用戶會有不一樣的操做習慣，儘可能找到最佳的平衡點，爲廣泛用戶提供最溫馨的操做環境，給用戶提供最便捷的操做流程，讓操做更合理，更流暢。

（http://www.3lian.com/edu/2013/12-03/112012.html）