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

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

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

詳細(xì)分析如下：

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

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

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

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

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

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

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

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

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

這段純文字傳達(dá)了【退出登錄】對(duì)用戶的影響有2點(diǎn)：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文標(biāo)題：APP退出登錄時(shí)，提示框是從中間彈出，還是底部彈起？
轉(zhuǎn)載源于：http://jinyejixie.com/news19/161169.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、品牌網(wǎng)站制作、網(wǎng)站排名、網(wǎng)站策劃、域名注冊(cè)、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)