原作者：Thomas Fuchs
譯者：勵定洲
想象一下你坐在辦公室的狹小隔間里官卡，埋頭處理著已經(jīng)折騰了許久的一個快上線的產(chǎn)品介紹，巨大的工作壓力和沉悶的氣氛讓你快喘不過氣來秘血，真是希望周末快點到來味抖。
但首先你得測試一下新產(chǎn)品的首頁能否在Windows上完美呈現(xiàn)。沒問題灰粮，你可靠的蘋果筆記本上有個虛擬機能幫助你運行Windows仔涩。
開啟虛擬機，然后Windows跳出一串通知 禮貌地提醒你升級系統(tǒng)粘舟，恩沒問題熔脂，繼續(xù)佩研。
然后你就看到了這個：
呵呵，再加一句就成排比了霞揉，如果項目不那么緊張我可能已笑出聲來旬薯。
你冷笑了下，按下截屏鍵适秩，準備把這張圖通過Twitter的Mac客戶端分享到網(wǎng)上绊序。
當你點擊發(fā)送按鈕時，你看到了這個：
托那些慵懶無能的程序員和設(shè)計師的福秽荞，想死的心都有了骤公。在你快對一切感到絕望之際突然想到或許來點美食可以舒緩情緒。
嘿嘿扬跋！來點小籠包吧~
不過首先呢阶捆，需要回答Postmates（一款同城快遞app）冷不丁向你提出的這個哲學(xué)問題：
那么什么樣的錯誤信息和對話窗口才算真正有用呢钦听？
在經(jīng)歷了上周前文所述的那些戲劇性事件之后洒试，我們一起來看看一個優(yōu)秀的錯誤信息應(yīng)該是什么樣的。
蘋果公司一直算是用戶界面設(shè)計的先驅(qū)者朴上，來看看人家是怎么做的垒棋。
OS X Human Interface Guidelines（蘋果桌面系統(tǒng)人機界面指南）是如何定義此類對話窗口的：
在通知窗口內(nèi)，用明晰痪宰、簡潔的語言來描述其內(nèi)容捕犬。類似“一個錯誤發(fā)生了”的信息會讓用戶感到困惑，同時也會被那些熟手用戶厭惡酵镜。（......）你的文字需要詳盡描述行為的結(jié)果，并給出解決方法的建議柴钻。告訴用戶他們?yōu)槭裁匆粢庠搯栴}淮韭。（......）在信息文本中包含解決問題的建議。（......）用用戶能理解的語言來表達贴届。務(wù)必不要使用那些含義模糊或用戶難以理解的術(shù)語靠粪，畢竟通知窗口本身就夠讓人不安了。（......）盡可能避免使用“OK”作為默認按鍵毫蚓≌技“OK”這個詞的含義很模糊，特別是當用戶被詢問是否確定做某事之時元潘。舉個例子畔乙，“OK，我想要完成這個行動”和“OK翩概，我現(xiàn)在了解了我的行動可能產(chǎn)生的負面后果”中的“OK”是否是一個含義牲距？
我們現(xiàn)在有大致方向了吧返咱？對了，他們甚至還對措辭和語法有所定義：
如果你有請專業(yè)的視覺設(shè)計師來設(shè)計app里的圖標和圖片牍鞠，那么就別忘了請一位專業(yè)的文案幫你琢磨app里的文本內(nèi)容咖摹。
作為產(chǎn)品經(jīng)理，亦或是app的設(shè)計師或開發(fā)者难述，你應(yīng)該意識到app中“文案”的優(yōu)先級絕不低于“讓應(yīng)用正常運作”和“讓用戶界面高效易用”萤晴。
下面來看一些關(guān)于錯誤窗口的實例，邊看邊想想它們有沒有遵循前面提到的幾點：
Windows手機择同，呵呵两入，“我們當前無法檢查升級”并沒什么卵用。為什么現(xiàn)在不能檢查升級敲才？用戶又能對此做些什么裹纳？
對于這兩個問題，正解應(yīng)是：手機上的時間未設(shè)置正確紧武，導(dǎo)致升級服務(wù)器上的SSL證書無法被驗證剃氧。這才是錯誤信息之由來。只要調(diào)對系統(tǒng)時間阻星，一切就都會恢復(fù)正常朋鞍。
所以為什么Windows Phone就不能把這個彈窗改成：“鑒于安全性的原因，我們無法檢查是否有升級妥箕。這可能是因為你的手機時間和日期不正確造成的滥酥。檢查你的時間和日期設(shè)置并重試一遍！”或甚至更好：“請確保你的操作系統(tǒng)自動同步時間和日期畦幢？”
谷歌坎吻，瞧瞧你這彈窗...為什么要在這里使用一個模態(tài)窗口來打斷用戶的進程呢（請注意這并不是原生的iOS地理位置授權(quán)提醒）？這個OK是什么鬼宇葱？到底能給我?guī)硎裁春锰帲?/p>
如果用戶愿意打開共享位置信息的話瘦真，發(fā)起詢問是沒問題的；對于搜索引擎來說這種提醒也是合理的黍瞧。但不要濫用那些需要用戶立即作出決定诸尽、且通常意味著重大問題的系統(tǒng)級別組件。
ESC鍵用來做應(yīng)用鍵還是取消鍵印颤？不不不您机，能不能正常點？這個星球上99%的軟件都視ESC為取消，你覺得是默認和人家一致的好往产，還是彈出個奇怪的模態(tài)窗口更合適被碗？
嗯我知道有一些Adobe的軟件默認把ESC作為“應(yīng)用”——然而即便如此它也應(yīng)該在其它應(yīng)用里通過設(shè)置實現(xiàn)。對這些厭惡彈窗的專家用戶而言仿村，通過偏好設(shè)置進行調(diào)整都不是事兒锐朴。又或者，咱還是把模態(tài)窗口拋到一邊蔼囊，把默認設(shè)置為取消焚志，但在窗口的底部顯示一條“你是否想把ESC鍵作為應(yīng)用鍵？點擊這里確認改變畏鼓〗闯辏”的通知條。注意了云矫，這并不需要模態(tài)窗口的介入膳沽。
Adobe，別把問題都拋給用戶让禀，請在默認項方面表現(xiàn)得更果決一些挑社。
友情提示：最好的錯誤窗口就是不顯示窗口
其實對于上面提到的每一個例子而言，錯誤彈窗都是可以不出現(xiàn)的巡揍。我不完全確定Windows10的規(guī)范痛阻，但目前來看似乎它自己也不確定。
1 對于Twitter的錯誤彈窗而言腮敌，完全可以以toast的形式說明哪里出錯了阱当，或可以直接先幫用戶解決問題，再詢問用戶是否處理妥善糜工。在前面舉過的那個Twitter的例子其實真實的版本是這樣的：我想上傳一張高分辨率的圖片（大概有10000px的寬度）弊添，而Twitter對圖片有分辨率的限制。那么為什么不在我上傳之前就告訴我呢捌木？為什么不在客戶端就幫我剪裁圖片至規(guī)定的尺寸呢表箭？你完全可以那么做，然后給我展示一個小小的非模態(tài)信息：“注意：為了符合我們的尺寸限制钮莲，該圖片已經(jīng)被剪裁”怂”
2 至于Postmate“簡約至極”的警告窗口：如果它都不能解釋清楚自己是什么崔拥，那么顯然就沒有必要跳出這么個彈窗來唬我。畢竟我唯一能確定的是點“No”不會導(dǎo)致什么糟糕的結(jié)果凤覆。
3 Window手機的升級信息：你的操作系統(tǒng)就不能自行聯(lián)網(wǎng)檢查當前時間和日期嗎链瓦，哥？更別提相關(guān)的技術(shù)（NTP）已經(jīng)有三十多年的歷史了。
4 谷歌Chrome向用戶請求位置信息的方式顯然太過唐突慈俯，為什么不把它放到搜索結(jié)果或頁面最上方的某個banner里呢渤刃？這么一個彈窗真的顯得你對我們用戶的個人隱私饑渴難耐...
5 Photoshop: 默認設(shè)置。你可以通過行動條（action banner）的形式告訴用戶如何自定義選項贴膘，亦或是一個小教程也是可以的卖子。
*Gmail在發(fā)送一封郵件后的“撤銷發(fā)送”banner算是一個很好的例子。這比跳出一個“你確定要發(fā)送這封郵件嗎刑峡？”的模態(tài)窗口要好得多洋闽。
我為大家準備了一份清單，你們可以打印出來貼在自己的辦公桌前突梦。當你決定要在應(yīng)用里添加警告或錯誤窗口時可以讀一讀诫舅。
對于錯誤信息最重要的三件事
不要濫用警告窗口來展示那些不必要的信息，不然人們會因此而忽視那些真正重要的東西宫患。
不要臆想人們能懂你的信息是什么意思刊懈。他們可能在問題發(fā)生的好幾天后才看到你的這份“大禮”，因此記得始終包含足夠的信息來讓用戶理解問題發(fā)生的前因后果娃闲。
使用友好虚汛、非技術(shù)性、不那么嚇人的語氣畜吊。
你的錯誤窗口應(yīng)該讓外行都能一下看懂泽疆。
*對最后一條不確定？找一個不懂技術(shù)的人看一下然后讓他用自己的話重述一遍玲献。
你們能在評論區(qū)里告訴我Medium的這個錯誤信息有哪里可以提升嗎殉疼？
