如何設計親切友好的對話框

閱讀 ?·? 發布日期 2019-10-31 10:32 ?·? admin
有不少設計合理性欠缺的網站，讓瀏覽者在瀏覽過程中經常碰到各種各樣的對話框，這種體驗就像急著去趕車，途中被人不斷塞傳單：網站建設★網站設計★網站制作★網頁設計-599元全包;企業網絡推廣☆網站優化☆seo☆關鍵詞排名☆百度快照-2200元全年展示;做網站優化排名-網站建設公司?13172194676（注：選好網站模板，請聯系客服，百度云盤下載提取網站模板)
 
網頁設計
　　（一）設計出的是多次打斷的對話框
　　有些網站設計對話框是1分鐘打斷好幾次，這會讓瀏覽者抓狂的。這是Chrome為何在判定此網頁多次出現對話框“打斷“瀏覽者后，出現如下”禁止此頁再顯示對話框“的選項的原因。
　　
 
　　我認為應把握住一個基本原則：對話框能不用就盡量不用。不過以下兩種情況除外，一是某項操作風險很大，或不具可逆性，二是情況無法預先避免，用戶必須確認。
　　總結起來，設計對話框前，請思考打斷真的是必須的嗎：
 
　　（二）對話框打斷的意思表達不清
　　A.問“是/否”還是“確定/取消”
　　讓我們來先溫習下語文：
　　
 
下面，回到對對話框的討論：
　　情景1：用戶點擊退出按鈕，為避免用戶進行誤操作，詢問用戶是否真的退出，此時用“是/否”還是“確定/取消”哪個好?
　　
 
　　如果對話框是“你是否要退出?”用戶肯定會莫名其妙，都點“退出”了，系統還問這個，有必要嗎?
　　如果用“你確定要退出?”這就給用戶一個信號，系統知道他選擇退出，這只是再確認一次。
情景2：Chrome瀏覽器設計有一個功能，當瀏覽者第一次打開外文網站，要出一個對話框詢問是否要翻譯。這時該用“是否”來詢問，還是“確定”呢?
　　我的建議是，如果不能完全揣測用戶的意思，顯然要用“是否”的對話框來做詢問。　　
 
　　B.所答該所問
　　
 
　　看到這兒，瀏覽者就會有疑問，前面舉的Chrome的例子，提問“是否需要翻譯?”回答的是“翻譯/否”噢，根本就沒出現“是”喔。那么，請大家接著往下看……
　　C.能否即不是“是/否”也不是“確定/取消”
　　
 
　　看來采用明確的動詞，似乎是好于“確定”的?
　  其實這也不全是，當很希望獲得用戶的注意的時候，或該操作并非幾個字就能說得清楚，需要進一步在問題中加以詳細描述時，這個時候用“確定”會比較合適。
　　 即在某些時候，“是/否”是可以演變為“某具體動詞/否”;
　　“確定/取消”當然也是可以演變為“某具體動詞/取消”的組合的。
　　D.一定要用“是否”或“確定”做設問嗎?
　　情景：如果用戶閱讀連載小說，直到閱讀到需付費的章節，這時出現一對話框，提示需耗費30Q點購買才能繼續閱讀，設計師會用下面的哪個對話框?
　　
 
　　對話框2，“購買此章”的按鈕也起到引導作用，比較直觀。可是沒用“確定”購買的問句，也沒有用“確定”的按鈕，不會有問題嗎?
　　從可用性上去看，是沒有問題的。
　　那在這里用對話框1與對話框2，區別是什么呢?其優劣情況如何?
　　讓我們再次咬文嚼字：剛剛我們在區分“是/否”與“確認/取消”之時，就已然說過了在問“確定”之前，其實我們自己的心中就已經有一個“是”的前提了。
　　在當前的這個情景下，是用戶在進行試讀，當他讀完了一章章的免費章節，他其實也不知道從哪一章就要開始收費。所以該對話框的出現，是不包含任何“是”的前提的，與此同時也是沒有任何預期的。此時出現對話框，簡單理解就是一種告知，寫清楚了“購買此章”的按鈕是起到了一種建議與引導作用，效果會好得多，也不唐突。