如何設(shè)計(jì)親切友好的對話框

有不少設(shè)計(jì)合理性欠缺的網(wǎng)站，讓瀏覽者在瀏覽過程中經(jīng)常碰到各種各樣的對話框，這種體驗(yàn)就像急著去趕車，途中被人不斷塞傳單：網(wǎng)站建設(shè)★網(wǎng)站設(shè)計(jì)★網(wǎng)站制作★網(wǎng)頁設(shè)計(jì)-800元全包;企業(yè)網(wǎng)絡(luò)推廣☆網(wǎng)站優(yōu)化☆seo☆關(guān)鍵詞排名☆百度快照-2200元全年展示;做網(wǎng)站優(yōu)化排名-網(wǎng)站建設(shè)公司?13518219792（注：選好網(wǎng)站模板，請聯(lián)系客服，百度云盤下載提取網(wǎng)站模板)

（一）設(shè)計(jì)出的是多次打斷的對話框

　　有些網(wǎng)站設(shè)計(jì)對話框是1分鐘打斷好幾次，這會(huì)讓瀏覽者抓狂的。這是Chrome為何在判定此網(wǎng)頁多次出現(xiàn)對話框“打斷“瀏覽者后，出現(xiàn)如下”禁止此頁再顯示對話框“的選項(xiàng)的原因。

　　我認(rèn)為應(yīng)把握住一個(gè)基本原則：對話框能不用就盡量不用。不過以下兩種情況除外，一是某項(xiàng)操作風(fēng)險(xiǎn)很大，或不具可逆性，二是情況無法預(yù)先避免，用戶必須確認(rèn)。

　　總結(jié)起來，設(shè)計(jì)對話框前，請思考打斷真的是必須的嗎：

　?。ǘυ捒虼驍嗟囊馑急磉_(dá)不清

　　A.問“是/否”還是“確定/取消”

　　讓我們來先溫習(xí)下語文：

下面，回到對對話框的討論：

　　情景1：用戶點(diǎn)擊退出按鈕，為避免用戶進(jìn)行誤操作，詢問用戶是否真的退出，此時(shí)用“是/否”還是“確定/取消”哪個(gè)好?

　　如果對話框是“你是否要退出?”用戶肯定會(huì)莫名其妙，都點(diǎn)“退出”了，系統(tǒng)還問這個(gè)，有必要嗎?

　　如果用“你確定要退出?”這就給用戶一個(gè)信號(hào)，系統(tǒng)知道他選擇退出，這只是再確認(rèn)一次。

情景2：Chrome瀏覽器設(shè)計(jì)有一個(gè)功能，當(dāng)瀏覽者第一次打開外文網(wǎng)站，要出一個(gè)對話框詢問是否要翻譯。這時(shí)該用“是否”來詢問，還是“確定”呢?

　　我的建議是，如果不能完全揣測用戶的意思，顯然要用“是否”的對話框來做詢問。

B.所答該所問

　　看到這兒，瀏覽者就會(huì)有疑問，前面舉的Chrome的例子，提問“是否需要翻譯?”回答的是“翻譯/否”噢，根本就沒出現(xiàn)“是”喔。那么，請大家接著往下看……

　　C.能否即不是“是/否”也不是“確定/取消”

　　看來采用明確的動(dòng)詞，似乎是好于“確定”的?

　其實(shí)這也不全是，當(dāng)很希望獲得用戶的注意的時(shí)候，或該操作并非幾個(gè)字就能說得清楚，需要進(jìn)一步在問題中加以詳細(xì)描述時(shí)，這個(gè)時(shí)候用“確定”會(huì)比較合適。

　　即在某些時(shí)候，“是/否”是可以演變?yōu)?ldquo;某具體動(dòng)詞/否”;

　　“確定/取消”當(dāng)然也是可以演變?yōu)?ldquo;某具體動(dòng)詞/取消”的組合的。

　　D.一定要用“是否”或“確定”做設(shè)問嗎?

　　情景：如果用戶閱讀連載小說，直到閱讀到需付費(fèi)的章節(jié)，這時(shí)出現(xiàn)一對話框，提示需耗費(fèi)30Q點(diǎn)購買才能繼續(xù)閱讀，設(shè)計(jì)師會(huì)用下面的哪個(gè)對話框?

　　對話框2，“購買此章”的按鈕也起到引導(dǎo)作用，比較直觀?？墒菦]用“確定”購買的問句，也沒有用“確定”的按鈕，不會(huì)有問題嗎?

　　從可用性上去看，是沒有問題的。

　　那在這里用對話框1與對話框2，區(qū)別是什么呢?其優(yōu)劣情況如何?

　　讓我們再次咬文嚼字：剛剛我們在區(qū)分“是/否”與“確認(rèn)/取消”之時(shí)，就已然說過了在問“確定”之前，其實(shí)我們自己的心中就已經(jīng)有一個(gè)“是”的前提了。

　　在當(dāng)前的這個(gè)情景下，是用戶在進(jìn)行試讀，當(dāng)他讀完了一章章的免費(fèi)章節(jié)，他其實(shí)也不知道從哪一章就要開始收費(fèi)。所以該對話框的出現(xiàn)，是不包含任何“是”的前提的，與此同時(shí)也是沒有任何預(yù)期的。此時(shí)出現(xiàn)對話框，簡單理解就是一種告知，寫清楚了“購買此章”的按鈕是起到了一種建議與引導(dǎo)作用，效果會(huì)好得多，也不唐突。

分享名稱：如何設(shè)計(jì)親切友好的對話框
鏈接URL：http://aaarwkj.com/article5/dghjgii.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、營銷型網(wǎng)站建設(shè)、電子商務(wù)、ChatGPT、面包屑導(dǎo)航、標(biāo)簽優(yōu)化

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

猜你還喜歡下面的內(nèi)容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

如何設(shè)計(jì)親切友好的對話框