當(dāng)前位置：首頁 > 新聞資訊 > 行業(yè)動態(tài)

APP退出登錄時，提示框是從中間彈出，還是底部彈起？

2016-02-16

5532

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

兩者的區(qū)別就在于：

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

詳細分析如下：

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

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

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

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

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

A. 底部彈起控件的文字比中間彈窗的文字，底部彈起的文字信息更小，內(nèi)容的優(yōu)先級更低；
B. 底部彈起控件的文字比中間彈窗的文字，底部選擇按鈕的優(yōu)先級更高。.

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

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

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

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

A. 退出可能會使你連續(xù)登錄的249天的記錄歸零；
B. 退出可能會使你的QQ達人圖標(biāo)變灰。

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

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

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

3、當(dāng)按鈕選項，為0個時，采用中間彈出。

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

4、當(dāng)按鈕選項，為1個時，采用中間彈出。

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

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

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

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

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

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

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

關(guān)注我們：在查找公眾號中搜索：zomsky1688，或者掃描下方二維碼快速關(guān)注。
廣州市縱天信息科技有限公司公眾號