1. 問題引發(fā)

下圖左邊是微信的退出界面，提示框是從底部彈起的。

下圖右邊是QQ的退出界面，提示框是從中間彈出的。

這時候，就引發(fā)了一個問題：提示框 從中間彈出和 從底部彈起，有什么區(qū)別呢？

2. 想法探討，如下

• 只有提示信息的時候，提示框從中間彈出；
• 只有選擇按鈕的時候，提示框從底部彈起。
• 提示框從中間彈出，表示側重提示文字；進而表示提示文字的內(nèi)容優(yōu)先級較高；
• 提示框從底部彈出，表示側重選擇按鈕；進而表示選擇按鈕的功能優(yōu)先級較高；

3. 想法驗證，分6種情況，分析如下

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

比如：上圖中的大眾點評APP的界面，提示框只有一段純文字。加上一個【確定】的按鈕，這個時候，表示側重提示文字，看完了純文字信息，點擊僅有的一個【確定】按鈕，就可以隱藏了。

這里需要加一個【確定】按鈕的原因是，純文字太多，導致不能估計用戶幾秒之內(nèi)可以看完并理解意思，所以這里需要加一個按鈕，讓不同的用戶，在不同的時間，看完之后，再點擊【確定】，讓提示框消失。.

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

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

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

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

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

4. 總結

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

在點擊【退出】時，QQ從中間彈出提示框，而微信從底部彈起選擇控件。在這個地方的疑惑，我現(xiàn)在終于有了清晰的思路。身心愉悅感，油然而生。

#專欄作家#

張云錢，人人都是產(chǎn)品經(jīng)理專欄作家，百度簽約作者，Ui中國認證設計師；喜歡分析不同崗位的思維方式和溝通思路，偶爾網(wǎng)上冒泡，寫篇文章。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉載。