這三種視圖都是當(dāng)需要獲得用戶注意、或需要展示額外的信息和功能時(shí)臨時(shí)出現(xiàn)的。當(dāng)任意一種視圖出現(xiàn)時(shí),用戶都不能再對(duì)主界面進(jìn)行操作了。
警告框

警告框用于向用戶展示對(duì)使用程序有重要影響的信息。
外觀和行為
警告框浮現(xiàn)在程序中央,覆蓋在主程序之上。警告框的外觀強(qiáng)調(diào)了這樣一個(gè)事實(shí),它的到來是由于程序或設(shè)備的狀態(tài)發(fā)生了重要變動(dòng),并不一定是由用戶近的操作導(dǎo)致。用戶必須刻意地關(guān)掉警告框才能繼續(xù)進(jìn)行操作。
警告框通常至少有一個(gè)按鈕,用戶點(diǎn)擊后即可關(guān)閉窗口。警告框上也總會(huì)有標(biāo)題,并展示額外的輔助信息。警告框的背景色是系統(tǒng)定義的,無法定制。
指南
由于警告框不經(jīng)常出現(xiàn),所以一旦出現(xiàn)用戶就會(huì)謹(jǐn)慎對(duì)待。切記限制警告框的數(shù)量,確保每一次展示的都是關(guān)鍵、有用的信息。
一般而言,以下情況就木有使用警告框的必要了:
僅僅是為了讓一些信息顯眼點(diǎn),尤其是那些與程序的常用功能相關(guān)的信息。
相反,你應(yīng)該用與程序樣式和諧的方式讓重要的信息吸引眼球。
向用戶提示正常進(jìn)行中程序的進(jìn)度。
作為替代,考慮使用“進(jìn)度指示器”或者“活動(dòng)指示器”向用戶提供與進(jìn)度相關(guān)的反饋。
對(duì)用戶觸發(fā)的操作討要“確認(rèn)”
為了要求用戶再次確認(rèn)剛才觸發(fā)的操作,即使是刪除聯(lián)系人等有潛在風(fēng)險(xiǎn)的操作,也只能使用操作列表(action sheet)
不要提示那些用戶無能為力的錯(cuò)誤。
雖然有必要使用警告框?qū)τ脩魺o法彌補(bǔ)的錯(cuò)誤進(jìn)行提示,但高把這些消息嵌入到界面里。例如,與其每次服務(wù)中斷時(shí)都提示用戶一下,不如在后一次鏈接成功時(shí)提醒用戶。
你可以自由定制警告框的標(biāo)題和內(nèi)容,按鈕的數(shù)量,按鈕上的文案。但警告框?qū)挾、背景皮膚以及文字的對(duì)齊方式不能更改。
在閱讀警告文案設(shè)計(jì)指南的時(shí)候,好明白以下定義:
標(biāo)題大寫樣式(Title-style capitalization):每一個(gè)字母都是大寫的,除了冠詞、協(xié)調(diào)連接詞和少于四個(gè)字符的介詞。
句子大寫樣式(Sentence-style captitalization):第一個(gè)字母大寫,其他字母小寫,除非是特定的名詞或形容詞。
警告文案要簡(jiǎn)潔地描述當(dāng)前情景、告知用戶他們可以做什么。理想條件下,你的文案要能讓用戶明白為什么會(huì)出現(xiàn)警告,并知道按哪一個(gè)按鈕是合適的。
標(biāo)題簡(jiǎn)短,要在一行內(nèi)顯示。長(zhǎng)標(biāo)題影響用戶閱讀速度,還有可能要折行顯示。

避免只顯示一個(gè)沒有意義的單詞。比如“錯(cuò)誤”、“警告”
可以的話,使用句子片段。一個(gè)簡(jiǎn)短的,有信息的陳述要比一個(gè)完整的句子更容易理解。
表述負(fù)面影響時(shí)不要扭扭捏捏。用戶知道警告框會(huì)告訴他們出問題了,提醒危險(xiǎn)情景。所以直接把問題講出來要比和諧的語(yǔ)氣有用的多。
盡可能避免使用“你”“你的”“我”“我的”。有時(shí),直接定位用戶會(huì)帶來誤會(huì),甚至可以被理解為是一種侮辱。
如果標(biāo)題包含一個(gè)問句,那就使用句子大寫樣式,以問號(hào)結(jié)尾。一般而言,如果能避免附加輔助信息,就使用問句作為標(biāo)題吧。
如果標(biāo)題包含兩個(gè)以上的句子,使用句子大寫樣式,并使用合適的標(biāo)點(diǎn)結(jié)尾。通常是不應(yīng)該用兩個(gè)句子做標(biāo)題的,但如果這樣可以省掉輔助句子,也是可以考慮的。
如果要提供輔助信息,就寫一個(gè)簡(jiǎn)短的完整句子。使用句子大寫樣式,并使用合適的標(biāo)點(diǎn)結(jié)尾。

避免消息內(nèi)容過長(zhǎng)?赡艿脑,保持消息足夠的短,一兩行足以。如果消息過長(zhǎng)的話,就需要滾動(dòng)翻頁(yè),這可不是什么好體驗(yàn)。

避免解釋“按某個(gè)鍵后有什么效果”。比如“按‘查看’可以瀏覽更多信息”。理想狀態(tài)下,清晰的警告文案和富有邏輯的按鈕標(biāo)簽足以給人們足夠的信息明白當(dāng)前的情況和合適的選擇。然而,如果你覺得必須提供細(xì)致至極的解釋,好遵循這些原則:
要用“按”,而非“觸摸”“點(diǎn)擊”或“選擇”,來描敘選擇某個(gè)鍵
不要用引號(hào)把按鈕標(biāo)題框起來,但要保證它是首字母大寫的。
一定要在兩種設(shè)備方向上都檢測(cè)一下警告框。因?yàn)闄M屏模式下,警告框的高會(huì)偏小,會(huì)和豎屏模式下略有不同。建議你優(yōu)化一下警告框,以便在兩種方向上看起來都很棒。
盡量采用有兩個(gè)按鈕的警告框。兩鍵警告框通常是有用的,因?yàn)榉奖阌脩粼趦煞N選擇間做決策。只有一個(gè)按鍵的警告框不是好警告框,因?yàn)檫@樣對(duì)于用戶沒什么意義,不能讓用戶掌控情景。包含多于三個(gè)選項(xiàng)的警告框太過復(fù)雜,因盡量避免。如果需要向用戶展示多多于兩個(gè)選擇,應(yīng)該考慮使用操作列表。
認(rèn)真選擇警告框上按鈕的顏色。警告框的顏色或深或淺。在有兩個(gè)按鈕的警告框上,左邊的按鈕總是設(shè)色的,右邊的總是淺色的。在一個(gè)按鈕的警告框上,按鈕總是淺色的。
在包含危險(xiǎn)操作的雙按鈕警告框上,取消應(yīng)該放在右側(cè),用淺色按鈕表示。
如果雙按鈕警告框是用于啟動(dòng)某個(gè)用戶期待的功能,那么取消功能應(yīng)該放在左側(cè),用深色按鈕表示。
給警告框的按鈕賦以簡(jiǎn)短而富有邏輯的標(biāo)題。好的標(biāo)題包含一到兩個(gè)單詞,與警告框所處的環(huán)境相適應(yīng)。以下指南可以作為準(zhǔn)備按鈕文案時(shí)的參考。
使用標(biāo)題大寫樣式,不用在結(jié)尾加標(biāo)點(diǎn)
優(yōu)先考慮動(dòng)詞或動(dòng)詞短語(yǔ),比如“取消”“允許”“恢復(fù)”和“忽略”等于警告框直接相關(guān)的詞匯
如果沒有更合適的詞,那么在表達(dá)“同意”時(shí)優(yōu)先考慮“OK”。不要用“是(YES)”“否(NO)”
避免使用你,你的,我,我的。按鈕標(biāo)題用了這些詞匯后會(huì)變得讓人費(fèi)解。
|