淺談對話框設計

0 評論 17797 瀏覽 7 收藏 5 分鐘

對話框就像是汽車的“緊急煞車”,對話框的顯示會立刻的中斷使用者當前的任務,設計介面時,請務必注意這類型的操作,因為這很可能會讓使用者感到厭煩,讓我們看看對話框的使用實機

使用對話框的時機

      1. 應用不能進行。當某些嚴重錯誤發生或某些無法讓應用繼續運行的條件發生時,就應彈出警告框。
      2. 能幫點小忙嗎?如果應用無法完成請求任務,那么警告框可以就此現身來尋求用使用者幫助。
      3. 授權。某些事情應用程式無法擅自做決定,在發生這些事之前使用警告框讓使用者確認授權。
      4. 警告的內容要值得打斷工作,才能彈出

比對話框更好的作法“讓操作可以復原”

不要不斷的打擾使用者,如果某件事會造成使用者的損失,那么請提供一個反悔的機會,先讓操作完成。使用者不是笨蛋,他知道這件事的嚴重性,別頻繁的中斷。如果使用者的操作是因為失誤所造成,在使用對話框前,先檢查這個操作是否太容易誤觸了!

對話框的內容要簡明扼要

對話框已經打擾使用者了,請別再要求使用者看一大堆的文字,這時候請用最簡單最少的文字告訴使用者發生什么事情,以及有哪些任務要操作

不要把操作按鈕取名為確定

使用者不一定會逐一的把說明文字看完,也別期望他們真的會,最后使用者只會看到一個“確定”按鈕,這個“確定”到底是什么?確定什么?請把使用者將要操作的動作直接寫在上面,例如“開啟WIFI”、“刪除”。

高亮期望的操作

如果對話框提供超過一個以上的選項需要使用者決定,多數情況下我們可以把90%以上的操作行為選則的選項高亮展示,使用特別突出的顏色、外觀。

(最近在使用一些國外的App時,遇到一個十分怪異的現象,點擊刪除按鈕時,高亮展現的預設按鈕的居然是取消,點擊后以為刪除了,卻不然…然后我連續做了這件事情3次后才發現它是相反的…)

下方是一些不錯的對話框設計

 

來源:ui中國

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!