從用戶體驗的角度來看，用浮層和開新窗的利與弊有哪些？

01-21

感興趣的朋友來~~

浮層展示的信息應該屬於當前窗口的信息，或當前窗口信息的補充、擴展等與當前窗口信息相關的信息。

新窗口展示的信息應該是與當前窗口信息有所不同的信息；相似的信息或操作應該盡量放在一個流程中完成便於用戶操作和記憶，但是不同的信息或操作放在一起也容易混淆。這個要看整個系統的信息架構的劃分而定，信息架構也是交互設計的一部分，是通過用戶需求和系統業務而進行的。

使用場景不同，利與弊只是合適與否。同時浮層不要多於2層，一般可通過信息的重新分組避免。

浮層式的應用場景一般是不想對用戶當前所處的環境進行改變，而開新窗口則是將用戶放到一個新的環境，從空間感知上看，浮層是一種上下層疊的感知，而新窗口則是一種左右的鏈式感知。這也是體現了產品上的邏輯關係。利與弊都是看使用場合合不合適的了。

浮層與新窗本身無法比較利與弊，放在實際應用場景里討論這個才有價值。如果是為了提示我操作成功你就給我開個新窗，我會抓狂。如果一個很漫長多步操作的流程你卻給我浮個層，我會覺得莫名其妙。

如果我是用戶，浮層和新窗口可能會給我以下反應（前提是這個環節不突兀）：

浮層--

用戶心理：矮油？怎麼出現個這個，要不要給它關掉？要不要？要不要？要不要？它好像擋住我要看的信息了！關掉之後會不會打不開了？怎麼關？點旁邊空白處還是點"x"？這東西能不能拖動以下？我想不關掉，又想看後面的信息！怎麼辦！！

1.浮層給人，有些即時性的感覺。就好像是一次性的，錯過了就沒有了。所以一般都在出現頻率較少的時候。比如註冊信息，這個信息你只用接受一次。

2.信息容量比較小。過的的信息就時候用浮層了，那樣的感覺像是一個巨大的屏障，好壓抑。

新窗口--

用戶心理：不就是開個新窗口嘛，司空見慣了。就是等下還要關掉，好麻煩啊。隨便點幾下就那麼多窗口了。

1.主流跳轉方式。大家已經從心理完全接受了，即使有些不爽的地方也不會反抗。主流用戶永遠都是依賴習慣的，即使有別的方式更加智能，也未必可以打動他們。

2.信息的不連貫。容易造成瀏覽器上面多出很多不必要的頁面。

平時做的是企業級的產品，頁面的信息基本都是重量級的，就簡單說一下這兩種交互行為的使用場景吧。

1. 浮層

當所需要展示的頁面信息比較少的時候，使用浮層可以讓用戶的使用流程更完整。舉個例子，小王在某銀行網站申請信用卡，步驟有十幾步，第一步填寫個人信息裡面有一項是需要上傳本人照片。這個時候，如果使用的是:

1)新窗口

小王會被帶到一個全新的頁面，和之前申請信用卡的頁面完全不一樣，這個時候小王心裡會有隱隱的擔心，之前的信息會不會丟了要重新填。而之前申請信用卡的流程被打斷了，來到了上傳照片這個流程，而這個流程只有上傳照片這一個任務。這個時候，無論這個上傳照片的流程做的多麼酷炫，小王都不會感覺自己還在申請信用卡的流程里，也就是在這種情境下使用新窗口展示信息的話，會打斷用戶的使用流程。

2)浮層

浮層中展示小王需要上傳照片的設置，而小王之前填寫的相關信息就在浮層的下邊，這個時候小王感覺自己還是在申請信用卡而沒有干別的，也不會太擔心上傳完照片之前填寫的信息會丟失。

2.新窗口

當所需要展示的頁面信息比較多，甚至會分步驟的話，這個時候使用新窗口就更好一些。還是小王申請信用卡的例子，小王要在某銀行網站申請信用卡，但是這個銀行需要用戶在申請之前提前註冊為網站的註冊會員，假設入口在申請信用卡頁面的首頁，這個時候，如果使用的是:

1)新窗口

小王會被帶到一個全新的申請網站會員的頁面，由於系統已經告知小王需要先進行註冊，所以小王也很耐心的按照步驟一步一步完成網站會員的註冊，接著按照網站的反饋回到了申請信用卡的頁面。這個時候，小王認為註冊成為網站會員和申請信用卡是完全獨立的兩個過程，互不干涉，不必穿插進行。

2)浮層

小王會覺得申請信用卡的過程好漫長，在申請信用卡的十幾步之中還有十幾步等著自己，而且浮層窗口那麼小，放那麼多信息總感覺太逼仄。

以上兩個例子大概描述了一下浮層和新窗口在使用場景上的區別。雖然浮層有時會讓人煩惱，不過在處理長流程中填寫輕量級信息的過程中，較之新窗口也有一定的優勢。這兩種交互方式各有長處，最重要的還是根據使用習慣和使用場景合理選擇。另外，合適的引導、提示以及快速鏈接，都可以優化流程上的不足。

任何脫離了使用場景來談利弊都是耍流氓。

對於新開窗口或是浮層來說，無非是基於兩種情況：主動和被動。

主動的情況下，內容是自己彈出來的，用戶一般是沒有預期的，不管是窗口還是浮層，對用戶的打斷都是不可避免的。這時候需要處理的就是怎麼樣來盡量減少這種打斷感；怎麼幫助用戶快速完成任務，並回到原任務中；或者，怎麼幫助用戶快速的忽略掉彈出的內容。

被動的情況下，內容是響應了用戶的某一項操作而出來的。這時候用戶對出來的窗口或是浮層是由預期的。如果將用戶的操作放在一整個任務流中來看，窗口或是浮層所承載的內容是這個任務流中一個必要的環節。而這時候究竟是使用窗口還是浮層，這取決於其承載的內容信息量的大小以及在這個任務流中的級別。如同上文有知友提到的，在一個註冊流程中，上傳頭像作為一個次級流程，使用浮層可能會是是比較恰當的。

浮層應該是一種頁面承載元素和用戶操作的補充，而不是內容的承載容器

核心功能和核心操作，建議不要使用浮層來進行處理。

內容較多，或者流程較長的操作，建議不要使用浮層。

從內容量的角度看：浮層適合展示少量內容，新窗口適合內容較多情況。

從與上級頁面關係：浮層展示內容，感覺與上級頁面關係緊密，且與上級頁面過渡感小，用戶感覺跨度不大。新窗口相對內容獨立，需要參考上級頁面內容的需求量少。

浮層是和本界面有關的信息的疊加顯示，新開頁面是新的信息內容。但是浮層不能大於2個，並且不能有太多的定時器；而新開頁面不能隨意跳轉，要有好的設計流程。

要看你想要達到什麼樣的目標。浮窗可以在同一環境內保持操作的順暢與連貫性。如果用戶進行的操作上下文關聯特別大，那就用浮窗，可以確保用戶操作被暫時性打斷時，在同一窗口找到上下文的聯繫。

關鍵還是看向用戶傳達什麼樣的信息，信息以最優化用戶行為和目的為根本。

彈窗相對於新建頁面的好處是，減少信息被打斷………………，如果你的信息量少，建議還是用彈窗好，最好是半透明彈窗。