全面的提示框設計總結

前言

任何一款應用程序都少不了提示。當我們需要告知用戶某些特殊消息時就會用到彈框，但是用戶在執(zhí)行一系列連續(xù)動作時突然被一個提示打斷，這樣就會影響到用戶體驗。所以，什么情況下應該提示用戶，怎樣提示才能減少用戶干擾？下面是我整理的一些關于消息提示的使用方法，分享給大家。

告知類彈框

一般用于告知用戶某類消息，用戶無需再次做出選擇，點擊「我知道了」后，彈框消失。

操作類彈框

一般用于告知用戶某類消息，需要用戶在兩種選擇中做出選擇，其中如果涉及到無法恢復的執(zhí)行操作，需要特殊處理用于警示用戶，比如按鈕上文字顏色特殊處理或者二次確認。

有勾選的彈框

一般用于用戶首次使用應用程序時閱讀并同意用戶協(xié)議，同意此協(xié)議的勾選框默認是不勾選的，需要用戶手動勾選「同意」后才能點擊「繼續(xù)」，否則「繼續(xù)」按鈕是置灰的，無法點擊。

很多產(chǎn)品在真正投放到市場時，會涉及到很多法律協(xié)議和法律條款。對于用戶而言，這些條款內(nèi)容比較專業(yè)，內(nèi)容也很多，很多用戶不會點擊進去查看全部的詳細內(nèi)容，但是對于公司而言，這些協(xié)議和條款就很重要，是必須存在的。所以在交互設計上就需要多加考慮，怎樣的交互方式既能保證可以讓用戶看見并知曉，又能不干擾到用戶。

有一點需要交互設計師注意，關于法律條款的查看，除了用戶在首次使用應用程序時可以查看具體內(nèi)容，在應用的其他地方也應該提供法律條款的入口，以便用戶可以隨時查看。

多選擇彈框

當用戶可以有三種選擇的時候，彈框的樣式如上。我們最常見的就是在給應用程序做出評價的時候，這里需要注意的是三種選擇的順序排列，一般情況下我們會把最想讓用戶做的放在第一位，最不想讓用戶做的放在最后一位。當然，在具體的項目中還要看具體情況。

底部彈框

這種提示的內(nèi)容及操作和普通彈框是一樣的，只不過展現(xiàn)形式上有變化，彈框是從界面底部展示出來。

這種提示方式可以減少彈框出現(xiàn)在界面中間給用戶帶來的干擾，但是使用此種提示的時候需要注意，你的交互設計文檔需要保持交互的一致性，就是最好不要出現(xiàn)界面中間彈框和底部彈框混合的情況，這樣用戶體驗會大打折扣。

toast提示

一般用于執(zhí)行一個動作后的反饋，成功或失敗，等待或結束，異常提示等。這種提示沒有彈框那么強烈，展示1-2s后會自動消失，只是告知用戶當前程序的狀態(tài)，不需要用戶的互動操作，對用戶的干擾性很弱，可以展示在界面的任何位置。

有時候等待過長，可以加入情感化設計，設計出一些有趣的內(nèi)容，減少用戶等待的煩躁。

toast提示

這類的消息提示比較弱化，用于告知用戶某些信息，提示內(nèi)容顯示1-2s后自動消失，不需要用戶互動操作，消息內(nèi)容放置在界面上方以免遮擋住界面主體內(nèi)容，而且在提示的過程中，界面上的功能仍然支持操作。

此類提示需要注意文字不宜過多，需要精簡。如果文字過多，用戶還來不及查看就消失了，這樣的提示就沒有任何意義了。

這種提示較前一種多了手動關閉功能，一般用于消息內(nèi)容比較重要，需要用戶參與到交互中的情況。

廣告彈框

一般用于廣告營銷活動的宣傳，用戶在剛打開應用程序的時候提示，需要用戶手動關閉。點擊查看詳情可以查看更多詳細內(nèi)容。

這種提示框占據(jù)界面的面積比普通彈框大一些，對用戶存在一定干擾。為了減少干擾，需要和視覺設計師一起完成這個提示設計。

版本升級彈框

一般用于應用程序有新版本更新時，用戶在剛打開應用程序的時候提示，用戶可以查看版本升級的功能選擇立即升級或者其他。當然，這種樣式不僅限于版本升級，當提示文字較多時，均可以使用。

界面右上角的關閉可顯示也可不顯示，大家可以看具體項目情況。

全屏彈框

一般用于應用程序剛啟動時，內(nèi)容通常是廣告活動，先入為主，在視覺上給用戶第一印象。

此界面一般最多停留5s，所以建議不要做過多設計內(nèi)容，文案也不要過多，突出主題即可，否則用戶還來不及閱讀就結束了。

當用戶對活動不感興趣時也可以快速跳過，點擊界面右上角的跳過按鈕即可。

全屏彈框

這種全屏展示一般用于動畫展示，有趣的動畫可以非常有效的吸引用戶，可以用于介紹產(chǎn)品的新功能、核心功能，如果用戶感興趣的話，還可以選擇重播，再看一遍。

產(chǎn)品的定位不同，宣傳方式當然也不一樣，我們在做交互設計的時候可以不拘于常規(guī)的設計，也可以在常規(guī)設計基礎上發(fā)散思維，多樣化設計。比如上面這種宣傳方式，我們是否可以增加轉發(fā)到不同社交平臺功能，通過新穎的功能去吸引更多的用戶。

最后

大家無論使用哪種提示，一定不要忘了使用提示的初衷是什么，一定要使用提示框嗎？其次，提示框的文字內(nèi)容要保持一種風格，文案要精簡，意思表達要清晰，這樣才能保證應用程序的整體風格，而且也會給自己的品牌加分。

本文來源于成都網(wǎng)站建設公司與成都網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)成都公司！

標題名稱：全面的提示框設計總結
本文網(wǎng)址：http://www.muchs.cn/news28/311528.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、ChatGPT、Google、外貿(mào)網(wǎng)站建設、手機網(wǎng)站建設、響應式網(wǎng)站

廣告

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