日韩 亚洲一区二_久久vs国产综合色大全_国产精品福利在线_欧美在线一级A片免费观看欧美在线_女同性毛片60分钟

您現(xiàn)在所在的位置：首頁(yè) >學(xué)員就業(yè) > 就業(yè)寶典 > 什麼是彈出框?對(duì)設(shè)計(jì)師來(lái)說(shuō) 什麼才是一個(gè)好的彈出框?

什麼是彈出框?對(duì)設(shè)計(jì)師來(lái)說(shuō) 什麼才是一個(gè)好的彈出框?

來(lái)源：奇酷教育 發(fā)表於：

彈出框是一個(gè)為激起用戶(hù)的回應(yīng)而被設(shè)計(jì)、需要用戶(hù)去與之交互的浮層。它可以告知用戶(hù)關(guān)鍵的信息，要求用戶(hù)去做決定，抑或是涉及到多個(gè)操作。

   　什麼是彈出框?

　　彈出框是一個(gè)為激起用戶(hù)的回應(yīng)而被設(shè)計(jì)、需要用戶(hù)去與之交互的浮層。它可以告知用戶(hù)關(guān)鍵的信息，要求用戶(hù)去做決定，抑或是涉及到多個(gè)操作。彈出框越來(lái)越廣(guǎng)泛地被應(yīng)用於軟體、網(wǎng)頁(yè)、以及行動(dòng)裝置中，它可以在不把用戶(hù)從當(dāng)前頁(yè)面帶走的情況下，指引用戶(hù)去完成一個(gè)特定的操作。

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

　　在我看來(lái)，項(xiàng)目上彈出框的使用出現(xiàn)混亂，歸根結(jié)底是對(duì)彈出框使用時(shí)機(jī)的不了解。因為不知道什麼情況下該使用彈出框，所以會(huì)導(dǎo )致彈出框出現(xiàn)在一些不應(yīng)該出現(xiàn)的地方。其實(shí)設(shè)計(jì)師在使用彈出框之前一定要慎重，要反覆問(wèn)自己這裡是否必須要使用彈出框。因為彈出框會(huì)打斷用戶(hù)當(dāng)前的操作流程，屬於比較強(qiáng)勢(shì)的幹擾行為。

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

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

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

　　其實(shí)開(kāi)屏廣(guǎng)告完全可以替代彈出框，而且開(kāi)屏廣(guǎng)告因為空間更大，可以更好的完成宣傳功能。



 

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

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

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



 

　　彈出框與toast

　　彈出框的一個(gè)主要功能就是反饋。有的反饋使用toast來(lái)表現(xiàn)更加合適，因為toast屬於一種輕量級(jí)的反饋方式，一般出現(xiàn)1-2秒後會(huì)自行消失。而且toast與彈出框相比對(duì)界面的遮擋很少，不會(huì)對(duì)用戶(hù)的當(dāng)前操作產(chǎn)生很大的幹擾。



 

　　Toast可以出現(xiàn)在頁(yè)面中任何位置，能夠給用戶(hù)更具有指向型的提示，這點(diǎn)是彈出框所不具備的。



 

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



 

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

　　彈出框設(shè)計(jì)原則

　　避免文字過(guò)多

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

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



 

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

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

　　設(shè)計(jì)師在進(jìn)行彈出框設(shè)計(jì)過(guò)程中，要考慮目標(biāo)用戶(hù)群和使用場(chǎng)景。以目標(biāo)用戶(hù)群為例，如果你的用戶(hù)大多數(shù)年齡都比較大，那麼彈出框採用淺色背景可能更加合適，因為內(nèi)容更加的直觀(guān)。而年輕用戶(hù)更傾向於深色背景的彈出框，因為更加自然和時(shí)尚。如果我們可以準(zhǔn)確的定位到目標(biāo)用戶(hù)群為兒童用戶(hù)，那麼我們在彈出框背景上添加一些插畫元素。



 

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

　　以咕咚為例，一般來(lái)說(shuō)大部分用戶(hù)對(duì)配速穩(wěn)定性和快慢分析這兩(liǎng)個(gè)概念，都有大致的理解。為了保險(xiǎn)起見(jiàn)，設(shè)計(jì)師在這裡還是加了一個(gè)點(diǎn)擊查看詳情的圖標(biāo)。在這裡設(shè)計(jì)師放棄了使用彈出框，在我看來(lái)是一個(gè)非常明智的選擇。因為用戶(hù)使用咕咚的情況多數(shù)是在戶(hù)外，沒有wifi。如果用戶(hù)不願意打開(kāi)流量的話(huà)，這個(gè)彈出框就加載不出來(lái)，這樣就會(huì)影響產(chǎn)品的離線(xiàn )體驗(yàn)。

　　而且使用彈出框會(huì)遮蓋當(dāng)前頁(yè)面信息，比如我想理解配速穩(wěn)定性，但是彈出框遮擋了我的配速區(qū)間，這樣的設(shè)計(jì)很容易被用戶(hù)吐槽。

　　總結(jié)

　　作為一名優(yōu)秀的設(shè)計(jì)師，設(shè)計(jì)是一個(gè)你學(xué)的越多就越糾結(jié)的行業(yè)，這是一個(gè)很好的現(xiàn)象。糾結(jié)的根本原因是因為我們在思考，在平衡不同設(shè)計(jì)方案之間利弊。獨(dú)立思考的習(xí)慣和態(tài)度應(yīng)該是一個(gè)合格設(shè)計(jì)師的基本素養(yǎng)，或許有的時(shí)候思考到最後我們也無(wú)法得出一個(gè)令自己滿(mǎn)意的方案，但是這個(gè)思考的過(guò)程對(duì)於你來(lái)說(shuō)比得到那個(gè)答案可能更加重要。