免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

全面的提示框設計總結

2024-01-01    分類: 網站建設

前言

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

告知類彈框

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

操作類彈框

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

有勾選的彈框

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

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

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

多選擇彈框

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

底部彈框

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

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

toast提示

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

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

toast提示

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

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

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

廣告彈框

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

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

版本升級彈框

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

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

全屏彈框

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

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

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

全屏彈框

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

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

最后

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

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司!

標題名稱:全面的提示框設計總結
本文網址:http://m.newbst.com/news28/311528.html

成都網站建設公司_創新互聯,為您提供網站內鏈ChatGPTGoogle、外貿網站建設、手機網站建設、響應式網站

廣告

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

網站托管運營