再來回顧一下,給用戶及時(shí)、恰當(dāng)?shù)姆答?,是交互設(shè)計(jì)非常重要的一項(xiàng)原則。APP提示彈出框也是其中的一種常見的信息反饋表現(xiàn)形式。也是我們APP設(shè)計(jì)師要經(jīng)常設(shè)計(jì)的一種UI界面。這篇課程也屬于2016年APP設(shè)計(jì)師必學(xué)的知識點(diǎn):APP微交互
畢竟這樣的APP提示彈出框,對于用戶來說是最大的打擾方式。有些用戶甚至很反感。
上面這個(gè)APP提示框的設(shè)計(jì)是非常的可愛??吹竭@么萌的UI界面也會(huì)降低了用戶反感的抵觸心理。所以,這是一個(gè)不錯(cuò)的APP提示彈出框設(shè)計(jì)個(gè)案。
所以,我們對APP提示彈出框設(shè)計(jì)的需要花心思才能設(shè)計(jì)好。APP提示彈出框設(shè)計(jì)有些時(shí)候是可以當(dāng)中浮層來設(shè)計(jì)。
因?yàn)楦邮降膽?yīng)用場景一般是不想對用戶當(dāng)前所處的環(huán)境進(jìn)行改變,而開新窗口則是將用戶放到一個(gè)新的環(huán)境,從空間感知上看,浮層是一種上下層疊的感知,而新窗口則是一種左右的鏈?zhǔn)礁兄?/span>
第一部分:APP提示彈出框設(shè)計(jì)要點(diǎn)分析:
彈出框上的說明、按鈕上的文字,最好言簡意賅、一目了然,能幫助用戶快速做出決策。
使用提示彈出框的常見場景有:
A、提示彈出框(浮層)被用于信息通知。
告訴用戶:新的活動(dòng)、產(chǎn)品信息/某個(gè)功能:位置、作用、操作等等。
B、浮層被用于當(dāng)前頁面信息的確認(rèn)、選擇、修改。
在不中斷用戶操作的前提下;提示彈出框。引導(dǎo)用戶完成一些操作。
這樣的?APP提示彈出框設(shè)計(jì)都會(huì)有黑色半透明的背景、或者是半透明的模糊背景作為襯托。
擴(kuò)展閱讀:APP設(shè)計(jì)干貨!移動(dòng)APP動(dòng)效設(shè)計(jì)的6大作用和八定法:教你做好交互設(shè)計(jì)的法寶和流程
第二部分:我們先來看看這些APP提示彈出框設(shè)計(jì)的優(yōu)秀作品
上面這些優(yōu)秀的APP提示彈出框作品都是值得我們好好品鑒的。APP提示框的設(shè)計(jì)就是幫助用戶更好的玩轉(zhuǎn)APP,理解下一步操作的產(chǎn)物。也像是解答疑惑的感覺。
值得我們APP設(shè)計(jì)師,好好對待這些與用戶直接交互、對話、連接的界面設(shè)計(jì)。好的設(shè)計(jì)可以幫助我們的APP用戶轉(zhuǎn)化率和日活率。
全站高品質(zhì)素材免費(fèi)下載!