分享較早前的一個(gè)小總結(jié)，關(guān)于在選擇彈出窗口還是選擇切換頁(yè)面來(lái)承載信息時(shí)，可用用來(lái)判斷的幾個(gè)角度，合適初學(xué)者來(lái)讀。

1.彈出窗口與切換頁(yè)面的區(qū)別

1） 操作的連貫性 彈出窗口的速度會(huì)比打開(kāi)一個(gè)頁(yè)面的速度要快，響應(yīng)更及時(shí)一些，點(diǎn)擊后可以比較快的得到操作的反饋，而切換頁(yè)面則經(jīng)常會(huì)讓用戶等待一段時(shí)間。

實(shí)例一：個(gè)人中心中，查看好友照片的操作：

之前查看照片的操作頁(yè)面會(huì)跳轉(zhuǎn)到該好友的空間“相冊(cè)”頁(yè)面，而現(xiàn)在則更改進(jìn)為彈出窗口，能夠很快看到照片的放大圖，關(guān)掉窗口后，又可以繼續(xù)瀏覽其他好友的信息了。

2）操作的延續(xù)性 彈出窗口可以保留原頁(yè)面上的內(nèi)容，不至于頁(yè)面被刷新掉；切換頁(yè)面很有可能刷新，在以下兩種情況下是尤其要避免的：用戶在原界面上有輸入的內(nèi)容，用戶需要根據(jù)原有界面的內(nèi)容，來(lái)選擇或判斷新界面的內(nèi)容。在這兩種情況下最好首選彈出窗口。

實(shí)例一：Qzone寫日志中插入圖片：

用戶在寫日志的時(shí)候插入一張照片，如果這時(shí)候插入照片的界面是切換一個(gè)頁(yè)面，用戶可能就會(huì)擔(dān)心之前的輸入是否還在，而彈出窗口則可以在保留原頁(yè)面已編輯的文字，在此之上出現(xiàn)一個(gè)小型的界面，顯示可以插入的照片。

實(shí)例二，秀世界中我的儲(chǔ)物箱，用戶需要看到房間中的效果，來(lái)決定從“我的儲(chǔ)物箱”中選擇哪個(gè)物品放入房間里，用彈出窗口可以比較方便的解決這個(gè)問(wèn)題:

實(shí)例三：一個(gè)相反的例子，歡樂(lè)卡片的應(yīng)用，制從“我的首頁(yè)”頁(yè)面當(dāng)中，制作卡片的時(shí)候需要哪些卡面是在“卡片全攻略”頁(yè)面來(lái)說(shuō)明的，因此用戶在制作卡片的時(shí)候需要不斷切換到“卡片全攻略”頁(yè)面來(lái)查看需要合成的卡片，因此，在這樣的情形下，采用彈出窗口的形式來(lái)表現(xiàn)卡片合成向?qū)?yīng)該更合適一些。

3） 操作的自然過(guò)度 彈出窗口不容易讓人迷路，知道自己身處何處；而頁(yè)面切換了以后用戶有時(shí)候會(huì)產(chǎn)生一下子不知道在哪里的迷惑；彈出窗口頁(yè)面的內(nèi)容往往只和當(dāng)前的操作有關(guān)，而且是浮在原有頁(yè)面上的，用戶可以很自然的延續(xù)上一操作的結(jié)果而繼續(xù)操作或是瀏覽下去，而切換的新頁(yè)面中往往會(huì)包含新內(nèi)容之外的信息： banner、導(dǎo)航、一些固定的欄目等等，用戶不能立刻定位到自己想要關(guān)注的內(nèi)容上，因此切換頁(yè)面的設(shè)計(jì)應(yīng)更加關(guān)注一致性和承前啟后的關(guān)聯(lián)性。

實(shí)例一：網(wǎng)吧達(dá)人的首頁(yè)頁(yè)面1中點(diǎn)擊“常去的網(wǎng)吧”，進(jìn)入頁(yè)面2，因?yàn)閮蓚€(gè)頁(yè)面的結(jié)構(gòu)有所不同，很容易讓用戶覺(jué)得不知身處何處。

頁(yè)面1：

#p#頁(yè)面2：

4） 承載的信息量 彈出窗口可承載的信息量有限，操作流程不宜過(guò)多。

5） 內(nèi)容的推廣 彈出窗口沒(méi)有獨(dú)立的連接地址，在頁(yè)面推廣上有所限制。

實(shí)例一：在做信用卡頻道的活動(dòng)列表時(shí)，最初的設(shè)計(jì)是點(diǎn)擊活動(dòng)信息的標(biāo)題后，用彈出窗口來(lái)展示活動(dòng)詳情，然而因?yàn)榛顒?dòng)頁(yè)面需要在推廣時(shí)有獨(dú)立的地址便于用戶能夠從其他途徑直接訪問(wèn)到活動(dòng)詳情頁(yè)，因此改為采用切換頁(yè)面的方式。

2. 彈出窗口與頁(yè)面內(nèi)展開(kāi)的區(qū)別？

1）頁(yè)面內(nèi)展開(kāi)能夠即時(shí)的反饋用戶的操作；容易給用戶帶來(lái)自然過(guò)度的體驗(yàn)；適合于對(duì)主要內(nèi)容的擴(kuò)充，更詳細(xì)的、更近一步的內(nèi)容，當(dāng)用戶沒(méi)有看到這些內(nèi)容并不會(huì)影響使用，而打開(kāi)這些內(nèi)容，用戶可以看到更多、或是得到更豐富的功能。

實(shí)例一：個(gè)人中心的展開(kāi)操作，通過(guò)頁(yè)面內(nèi)展開(kāi)的形式顯示評(píng)論信息，它并不是該好友動(dòng)態(tài)的主要內(nèi)容，因此作為附加信息收在了“詳情”當(dāng)中。

2）彈出窗口是用戶點(diǎn)擊按鈕后，在頁(yè)面上浮出一個(gè)層來(lái)顯示進(jìn)一步的內(nèi)容，與頁(yè)面內(nèi)展開(kāi)的形式不同的是，彈出層更適用于區(qū)域內(nèi)的內(nèi)容較為重要的時(shí)候使用，比如彈出層內(nèi)包含一些操作、或重要提示。

實(shí)例二：編輯導(dǎo)航的界面中更改選擇，下面的預(yù)覽界面中會(huì)直接看到效果。

實(shí)例三：二次確認(rèn)的提示應(yīng)當(dāng)采用彈出窗口：