前言
任何一款應用程序都少不了提示。當我們需要告知用戶某些特殊消息時就會用到彈框,但是用戶在執(zhí)行一系列連續(xù)動作時突然被一個提示打斷,這樣就會影響到用戶體驗。所以,什么情況下應該提示用戶,怎樣提示才能減少用戶干擾?下面是我整理的一些關(guān)于消息提示的使用方法,分享給大家。
告知類彈框
一般用于告知用戶某類消息,用戶無需再次做出選擇,點擊「我知道了」后,彈框消失。
操作類彈框
一般用于告知用戶某類消息,需要用戶在兩種選擇中做出選擇,其中如果涉及到無法恢復的執(zhí)行操作,需要特殊處理用于警示用戶,比如按鈕上文字顏色特殊處理或者二次確認。
有勾選的彈框
一般用于用戶首次使用應用程序時閱讀并同意用戶協(xié)議,同意此協(xié)議的勾選框默認是不勾選的,需要用戶手動勾選「同意」后才能點擊「繼續(xù)」,否則「繼續(xù)」按鈕是置灰的,無法點擊。
很多產(chǎn)品在真正投放到市場時,會涉及到很多法律協(xié)議和法律條款。對于用戶而言,這些條款內(nèi)容比較專業(yè),內(nèi)容也很多,很多用戶不會點擊進去查看全部的詳細內(nèi)容,但是對于公司而言,這些協(xié)議和條款就很重要,是必須存在的。所以在交互設計上就需要多加考慮,怎樣的交互方式既能保證可以讓用戶看見并知曉,又能不干擾到用戶。
有一點需要交互設計師注意,關(guān)于法律條款的查看,除了用戶在首次使用應用程序時可以查看具體內(nèi)容,在應用的其他地方也應該提供法律條款的入口,以便用戶可以隨時查看。
多選擇彈框
當用戶可以有三種選擇的時候,彈框的樣式如上。我們最常見的就是在給應用程序做出評價的時候,這里需要注意的是三種選擇的順序排列,一般情況下我們會把最想讓用戶做的放在第一位,最不想讓用戶做的放在最后一位。當然,在具體的項目中還要看具體情況。
底部彈框
這種提示的內(nèi)容及操作和普通彈框是一樣的,只不過展現(xiàn)形式上有變化,彈框是從界面底部展示出來。
這種提示方式可以減少彈框出現(xiàn)在界面中間給用戶帶來的干擾,但是使用此種提示的時候需要注意,你的交互設計文檔需要保持交互的一致性,就是最好不要出現(xiàn)界面中間彈框和底部彈框混合的情況,這樣用戶體驗會大打折扣。
toast提示
一般用于執(zhí)行一個動作后的反饋,成功或失敗,等待或結(jié)束,異常提示等。這種提示沒有彈框那么強烈,展示1-2s后會自動消失,只是告知用戶當前程序的狀態(tài),不需要用戶的互動操作,對用戶的干擾性很弱,可以展示在界面的任何位置。
有時候等待過長,可以加入情感化設計,設計出一些有趣的內(nèi)容,減少用戶等待的煩躁。
toast提示
這類的消息提示比較弱化,用于告知用戶某些信息,提示內(nèi)容顯示1-2s后自動消失,不需要用戶互動操作,消息內(nèi)容放置在界面上方以免遮擋住界面主體內(nèi)容,而且在提示的過程中,界面上的功能仍然支持操作。
此類提示需要注意文字不宜過多,需要精簡。如果文字過多,用戶還來不及查看就消失了,這樣的提示就沒有任何意義了。
這種提示較前一種多了手動關(guān)閉功能,一般用于消息內(nèi)容比較重要,需要用戶參與到交互中的情況。
廣告彈框
一般用于廣告營銷活動的宣傳,用戶在剛打開應用程序的時候提示,需要用戶手動關(guān)閉。點擊查看詳情可以查看更多詳細內(nèi)容。
這種提示框占據(jù)界面的面積比普通彈框大一些,對用戶存在一定干擾。為了減少干擾,需要和視覺設計師一起完成這個提示設計。
版本升級彈框
一般用于應用程序有新版本更新時,用戶在剛打開應用程序的時候提示,用戶可以查看版本升級的功能選擇立即升級或者其他。當然,這種樣式不僅限于版本升級,當提示文字較多時,均可以使用。
界面右上角的關(guān)閉可顯示也可不顯示,大家可以看具體項目情況。
全屏彈框
一般用于應用程序剛啟動時,內(nèi)容通常是廣告活動,先入為主,在視覺上給用戶第一印象。
此界面一般最多停留5s,所以建議不要做過多設計內(nèi)容,文案也不要過多,突出主題即可,否則用戶還來不及閱讀就結(jié)束了。
當用戶對活動不感興趣時也可以快速跳過,點擊界面右上角的跳過按鈕即可。
全屏彈框
這種全屏展示一般用于動畫展示,有趣的動畫可以非常有效的吸引用戶,可以用于介紹產(chǎn)品的新功能、核心功能,如果用戶感興趣的話,還可以選擇重播,再看一遍。
產(chǎn)品的定位不同,宣傳方式當然也不一樣,我們在做交互設計的時候可以不拘于常規(guī)的設計,也可以在常規(guī)設計基礎上發(fā)散思維,多樣化設計。比如上面這種宣傳方式,我們是否可以增加轉(zhuǎn)發(fā)到不同社交平臺功能,通過新穎的功能去吸引更多的用戶。
最后
大家無論使用哪種提示,一定不要忘了使用提示的初衷是什么,一定要使用提示框嗎?其次,提示框的文字內(nèi)容要保持一種風格,文案要精簡,意思表達要清晰,這樣才能保證應用程序的整體風格,而且也會給自己的品牌加分。
本文來源于成都網(wǎng)站建設公司與成都網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)成都公司!
標題名稱:全面的提示框設計總結(jié)
本文網(wǎng)址:http://jinyejixie.com/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)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)