獨(dú)立思考的習(xí)慣和態(tài)度應(yīng)該是一個(gè)合格設(shè)計(jì)師的基本素養(yǎng)，或許有的時(shí)候思考到最后我們也無(wú)法得出一個(gè)令本身滿意的方案，但是這個(gè)思考的過(guò)程對(duì)于你來(lái)說(shuō)比得到阿誰(shuí)答案可能更加重要。

比來(lái)在做項(xiàng)目的時(shí)候，發(fā)現(xiàn)項(xiàng)目上對(duì)于彈出框的使用有點(diǎn)混亂。例如，需要給用戶一個(gè)操作提示，用彈出框來(lái)完成。用戶對(duì)這個(gè)功能不了解，加一個(gè)“查看詳情”的圖標(biāo)，用戶點(diǎn)擊后跳出彈出框來(lái)給用戶展示詳情。用戶想查看這筆操作的詳細(xì)記錄，還是用一個(gè)彈出框來(lái)展示。因?yàn)橐硎镜膬?nèi)容紛歧樣（表單，文字，插畫(huà)），所以彈出框的樣式也無(wú)法統(tǒng)一，設(shè)計(jì)的一致性被打破。并且彈出框出現(xiàn)的頻率過(guò)高，會(huì)對(duì)用戶的正常操作流程造成干擾。所以這篇文章我對(duì)彈出框的使用做了一些總結(jié)。

什么時(shí)候使用彈出框

在我看來(lái)，項(xiàng)目上彈出框的使用出現(xiàn)混亂，歸根結(jié)底是對(duì)彈出框使用時(shí)機(jī)的不了解。因?yàn)椴恢朗裁辞闆r下該使用彈出框，所以會(huì)導(dǎo)致彈出框出現(xiàn)在一些不該該出現(xiàn)的地方。其實(shí)設(shè)計(jì)師在使用彈出框之前必然要慎重，要反復(fù)問(wèn)本身這里是否必需要使用彈出框。因?yàn)閺棾隹驎?huì)打斷用戶當(dāng)前的操作流程，屬于比較強(qiáng)勢(shì)的干擾行為。

設(shè)計(jì)的包容性很強(qiáng)，彈出框可以完成的功能其實(shí)可以通過(guò)其他設(shè)計(jì)元素來(lái)代替。接下來(lái)我們來(lái)看下那些彈出框的替代者們：

彈出框與開(kāi)屏廣告

目前來(lái)說(shuō)，當(dāng)app進(jìn)行版本更新或者有新的功能（產(chǎn)品）上線的時(shí)候，通常會(huì)使用彈出框來(lái)提醒用戶。

其實(shí)開(kāi)屏廣告完全可以替代彈出框，并且開(kāi)屏廣告因?yàn)榭臻g更大，可以更好的完成宣傳功能。

彈出框與切換頁(yè)面

我們比較常見(jiàn)的詳情展示頁(yè)面，這類頁(yè)面可以通過(guò)彈出框也可以通過(guò)加載一個(gè)新的頁(yè)面來(lái)承載信息。從用戶體驗(yàn)的連貫性來(lái)說(shuō)，用彈出框更好點(diǎn)。因?yàn)槭褂脧棾隹蛴脩暨€可以停留在當(dāng)前頁(yè)面，頁(yè)面內(nèi)容不會(huì)被刷新。并且彈出框打開(kāi)速度更快，反應(yīng)更及時(shí)，更容易受到用戶的青睞。

但是彈出框可以承載的信息量是有限的，如果信息過(guò)多會(huì)導(dǎo)致用戶還要在彈出框上滑動(dòng)才能看完，那么還是以一個(gè)新的頁(yè)面來(lái)展現(xiàn)更合適。

彈出框與toast

彈出框的一個(gè)主要功能就是反饋。有的反饋使用toast來(lái)表示更加合適，因?yàn)閠oast屬于一種輕量級(jí)的反饋方式，一般出現(xiàn)1-2秒后會(huì)自行消失。并且toast與彈出框比擬對(duì)界面的遮擋很少，不會(huì)對(duì)用戶的當(dāng)前操作產(chǎn)生很大的干擾。Toast可以出現(xiàn)在頁(yè)面中任何位置，能夠給用戶更具有指向型的提示，這點(diǎn)是彈出框所不具備的。

其實(shí)什么時(shí)候使用彈出框，是否使用彈出框取決于你要給用戶展示的信息是否重要。例如你在手機(jī)上買(mǎi)了一張電影票，支付失敗的結(jié)果如果用toast展示就會(huì)容易被用戶忽視。那么比及用戶到了電影院才發(fā)現(xiàn)本身票本身沒(méi)有購(gòu)買(mǎi)成功，那么用戶極有可能當(dāng)場(chǎng)卸載你的產(chǎn)品。

總之，重要的信息優(yōu)先考慮使用彈出框。

彈出框設(shè)計(jì)原則制止文字過(guò)多

彈出框的另一個(gè)主要功能就是用戶引導(dǎo)，而用戶引導(dǎo)素質(zhì)就是讓用戶更好的了解產(chǎn)品。如果想解釋一個(gè)事物，最有力的兵器就是文字，但是我們不能過(guò)度依賴文字。

因?yàn)閷?duì)于用戶來(lái)說(shuō)他們不希望在使用過(guò)程中看到文字過(guò)多的引導(dǎo)提示，，他們希望在短時(shí)間內(nèi)就可以了解整個(gè)引導(dǎo)的要告知用戶的內(nèi)容。這個(gè)就意味著我們要減少文字的使用，或者說(shuō)要精簡(jiǎn)文字。因?yàn)槿祟悓?duì)于文字的閱讀速度要遠(yuǎn)低于對(duì)于圖像的“閱讀速度”。我們?cè)诮o用戶文字提示的時(shí)候必然要記住搭配其他的視覺(jué)元素。

例如，用戶引導(dǎo)彈出框中我們會(huì)加入一些手勢(shì)、箭頭，使得的引導(dǎo)更具有指向型。還有的彈出框會(huì)增加一些插畫(huà)，整個(gè)頁(yè)面風(fēng)格變的活潑起來(lái)，刺激了用戶的閱讀欲望。

定位目標(biāo)用戶群和使用場(chǎng)景

設(shè)計(jì)師在進(jìn)行彈出框設(shè)計(jì)過(guò)程中，要考慮目標(biāo)用戶群和使用場(chǎng)景。以目標(biāo)用戶群為例，如果你的用戶大多數(shù)年齡都比較大，那么彈出框采用淺色配景可能更加合適一點(diǎn)，因?yàn)閮?nèi)容更加的直不雅觀。而年輕用戶更傾向于深色配景的彈出框，因?yàn)楦幼匀缓蜁r(shí)尚。如果我們可以準(zhǔn)確的定位到目標(biāo)用戶群為兒童用戶，那么我們?cè)趶棾隹蚺渚吧咸砑右恍┏錆M童趣的插畫(huà)元素。

使用場(chǎng)景涵蓋的范圍比較廣，包孕使用的時(shí)間，使用時(shí)的網(wǎng)絡(luò)狀態(tài)，心理狀態(tài)和使用設(shè)備。這些都是我們?cè)谶M(jìn)行彈出框設(shè)計(jì)的時(shí)候需要考慮的問(wèn)題。

標(biāo)簽：林芝 東營(yíng) 九江 鹽城 烏魯木齊