你好,對話方塊 網站對話方塊設計如何對使用者更友好

來源:互聯網
上載者:User

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

「怎麼了?」 除非你對某類對話方塊已司空見慣,否則遇到,第一反應往往是這樣的?這種體驗就像你明明急著去趕車,途中卻不斷被攔住塞傳單一樣。 不能否認,它是一種打斷,有時甚至會成為打擾。 做為設計師,雖知「打斷」暫不能杜絕,但不使之變為「打擾」,卻是我們該努力做到的:

① 多次打斷=打擾

隔一個小時打斷你一下,你或者還可以忍受。 若是1分鐘內好幾次打斷你,想起來就抓狂吧?這也是Chrome為什麼在判斷此網頁多次出現對話方塊「打斷「使用者後,出現這麼一個」禁止此頁再顯示對話方塊「的選項。

  

把握住一個原則:能不用對話方塊就儘量不要對話方塊。 除非以下兩種情況:

A.某個操作是具有很大風險的,或者不可逆的。

下面請你用此原則做判斷,此對話方塊的出現是否合理:

在win7系統下,每刪除一個檔都會出一個對話方塊請我確認是否刪除

  

(提示:一般的刪除真的是不可逆嗎?windows還有個回收站,從回收站找回又會費很大成本嗎?)

B.無法預先避免,一定需使用者確認的。

下面請你用此原則做判斷,此對話方塊的出現是否合理:

活動已經結束,「投票「仍呈可點態,點擊後對話方塊告知我一切都結束了

  

概括一下,在準備設計一個對話方塊之前,請「三」思,打斷真的有必要嗎,值得嗎:

  

② 表意不清=打擾

A.問「是/否」還是「確定/取消」

先溫習下語文:

  

那麼再回到我們的對話方塊:

情景1:使用者點擊了退出,為了避免使用者是誤操作,你再詢問使用者真的要退出,此時是用「是/否」還是「確定/取消」好?

  

建議:

既然是點了「退出」,真想退出的概率還是遠多過誤操作的概率,那麼,這裡面就是有一個很強的「是的,我要退出」的前提在。

如果你接著出對話方塊問「你是否要退出?」 使用者可能會莫名其妙,我都點了「退出」了,你還在問我是否,我不已經選擇了嗎?

而用「你確定要退出?」 就能給使用者一個訊號,我們知道他選擇了退出,這裡只是一個再確認。

情景2:Chrome瀏覽器有一個功能,當你第一次打開一個外文網站,他要出一個對話方塊詢問你的意見要不要翻譯。 這個時候該用「是否」來詢問還是「確定」呢?

建議:

既然是第一次打開,我們無法判斷使用者是希望翻譯還是不希望:現在英文普及度高,有些使用者可能就是喜歡讀原汁原味的,有些則希望看翻譯領會大致意思即可。 即便是同一個人,在不同時段,有時會希望看翻譯後的網站,有時則會希望看原始網站。

不能揣測出使用者的意思的時候,這裡顯然要用「是否」來做詢問。 這也是chrome現在的做法:

  

B.所答該所問

  

看到這裡,你或者會有疑問,之前舉的Chrome的例子,問「是否需要翻譯?」 答的是「翻譯/否」啊,壓根沒出現「是」啊。 請接著往下看...

C.能否即不是「是/否」也不是「確定/取消」

  

看來用明確的動詞好像是好于「確定」的?

也不全是,當你在問題中提到的點很希望得到使用者的注意,或者是這個操作不是幾個字就能說清,需要在問題中詳細描述時。 此時用「確定」會更合適。

即在有些時候(上面已分析):

「是/否」也可演變為「某具體動詞/否」;

「確定/取消」也可演變為「某具體動詞/取消」的組合。

D.一定要用「是否」或「確定」做設問嗎?

情景:使用者讀連載小說,連續閱讀直到一需付費的章節,出現一對話方塊,提示你需要花30Q點購買才可以閱讀,你會用下面的哪個對話方塊?

  

對話方塊2,「購買此章」的button也起到了引導作用,又直觀。 可沒用「確定」購買的問句,也沒用「確定」的button,會有問題不?

可用性上看,沒有問題。

那這裡用對話方塊1和對話方塊2有什麼區別?有優劣之分嗎?

那再次咬文嚼字一下:剛才在區分「是/否」和「確認/取消」的時候,就已經說過在問「確定」之前,其實我們心中就已經有一個「是」前提了。

在現在這個情景下,使用者不是在確定了購買意向,點擊了「購買」後,然後彈出一個告知其更多資訊,再次確定其是否真的購買的對話方塊。

而是使用者在試讀,讀完一章又一章的免費章節,他其實都無法預料從哪一章就要開始收費了。

所以這個對話方塊的出現,是不含任何「是」的前提的,同時也是沒有預期的。

此時陳述給使用者一個事實,更偏向于一種告知。 而寫明「購買此章」的按鈕更起到了一種建議和引導作用。

若問「你確定....」就像你還不清楚一個人是否有買房計畫,也不清楚對方是否喜歡這個房子,就直接叫人家交錢一樣。 會略顯唐突了。

咬文嚼字結束。 如果你認同,那就嚴謹起來,讓你的使用者見到對話方塊時,說「你好」,而不是「討厭」。

來源:HTTP://cdc.tencent.com/?p=5899

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.