介面設計奧革士access_timeMAY 25TH, 2016

淺談對話框介面設計的眉眉角角

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

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

使用對話框的時機

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

比對話框更好的作法「讓操作可以複原」

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

 

Gmail在刪除郵件後,可以再次復原

對話框的內容要簡明扼要

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

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

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

高亮期望的操作

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

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

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

 
 
 
 
 
 
 
 
 

 

分享這篇文章

奧革士
奧革設計創辦人,也是一位產品設計顧問 ,平常熱愛研究各種產品的使用者經驗與介面設計,喜歡把將平常所見以及所得加上一些自己的經驗與想法與大家分享。

你可能還會喜歡這些文章

需要 UI / UX 設計上的協助嗎?
我們期待與您聊聊彼此的想法!

聯絡我們

您有專案時程或預算上的問題嗎?查看常見問題問與答

常見問題