上圖左邊是微信的退出界面，提示框是從底部彈起的。上圖右邊是QQ的退出界面，提示框是從中間彈出的。這時候，就引發了一個問題：提示框從中間彈出和從底部彈起，有什么區別呢？

兩者的區別就在于：

• 提示框從中間彈出，表示側重提示文字；進而表示提示文字的內容優先級較高；
• 提示框從底部彈出，表示側重選擇按鈕；進而表示選擇按鈕的功能優先級較高；
• 按鈕為0-2個時，提示框從中間彈出；
• 按鈕為2-n個時，提示框從底部彈出。

詳細分析如下：

1、當按鈕有2個時，且文字信息，對用戶影響不大，或者毫無影響的時候，采用底部彈起選擇控件。

比如上面截圖的微信控件，當點擊微信的【退出登錄】按鈕時，從底部彈起選擇控件。因為純文字信息，對用戶毫無影響。純文字信息內容：“退出后不會刪除任何歷史數據，下次登錄依然可以使用本賬號。”

提示文字的字體很小，視覺優先級低于選擇按鈕，對于用戶來說，毫無影響。

既然純文字信息對用戶毫無影響，那么這里的控件就是純粹側重選擇。所以微信采用底部彈起選擇控件。

在底部彈起控件顯示文字比在中間提示框顯示的文字有2個優點：

• A. 底部彈起控件的文字比中間彈窗的文字，底部彈起的文字信息更小，內容的優先級更低；
• B. 底部彈起控件的文字比中間彈窗的文字，底部選擇按鈕的優先級更高。.

2、 當按鈕有2個時，且文字信息，對用戶影響較大，采用中間彈出提示框。

上圖的QQ截圖界面，當點擊【退出當前賬號】的按鈕時，采用了中間彈出提示框。原因：提示框的純文字信息對用戶影響較大。不像微信的提示框信息，對用戶毫無影響。

純文字信息“退出可能會使你連續登錄的249天的記錄歸零，QQ達人圖標變灰，確認退出？”

這段純文字傳達了【退出登錄】對用戶的影響有2點：

• A. 退出可能會使你連續登錄的249天的記錄歸零；
• B. 退出可能會使你的QQ達人圖標變灰。

所以這里采用了中間彈出提示框，表示提示信息對用戶影響較大，文字的內容優先級較高，需要中間彈窗，起到警示的作用。

在中間提示框顯示文字比在底部彈起控件顯示的文字有2個優點：

• A. 中間彈窗的文字比底部彈起控件的文字，中間的字體來得更大；
• B. 中間彈窗的文字比底部彈起控件的文字，中間的位置更顯目。

3、 當按鈕選項，為0個時，采用中間彈出。

比如上圖中的美團界面，點擊收藏按鈕，彈出提示框：收藏成功。在用戶看完之后，提示框自動消失。這種純文字的，沒用按鈕的選擇的提示框，推薦從中間彈出。這里還有另一原因是，提示的文字信息，比較少。用戶可以在2秒以內，理解全部信息。如果文字信息較多，用戶理解的時間，超過2秒，那么需要在提示文字的下面，添加一個按鈕比如，【知道了】。點擊【知道了】，提示框再消失。

4、 當按鈕選項，為1個時，采用中間彈出。

比如上圖中的大眾點評的界面，提示框只有一段純文字。加上一個【確定】的按鈕，這個時候，表示側重提示文字，看完了純文字信息，點擊僅有的一個【確定】按鈕，就可以隱藏了。這里需要加一個按鈕的原因是，純文字太多，導致不能估計用戶幾秒之內可以看完并理解意思，所以這里需要加一個按鈕，讓不同的用戶，重慶網站建設,成都網頁設計,網站設計在不同的時間，看完之后，再點擊【確定】，讓提示框消失。

5、當按鈕選項，為3個時，采用底部彈出選擇控件。

上圖是大眾點評的界面，當點擊電話號碼的按鈕時，從底部彈起選擇控件，合計3個按鈕。而純文字信息量為0。所以，這里采用了底部彈起選擇控件的樣式。

6、當按鈕選項，超過3個時，采用底部彈出選擇控件。

上圖是美團界面，當點擊分享按鈕時，會從底部彈起選擇控件，一共5個按鈕。這里采用底部彈起的原因是: 此時的提示性文字信息量為0，而選擇控件卻有5個，所以這里的優先級別是：功能性的5個選擇按鈕，大于信息量為0的內容。

這里側重選擇，所以采用底部彈起選擇控件。

上面是我最近對于QQ和微信的一點疑問，所引發的思考。

本文標題：APP退出登錄時，提示框是從中間彈出，還是底部彈起？
轉載源于：http://www.2m8n56k.cn/news19/161169.html

成都網站建設公司_創新互聯，為您提供虛擬主機、品牌網站制作、網站排名、網站策劃、域名注冊、網頁設計公司

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯