從著名的設計缺陷中吸取的 4 個教訓

作為設計師，我們可以在一秒鐘內指出出色的設計，在半秒內指出糟糕的設計。 事實上，糟糕的設計是如此引人注目，以至於有整個 subreddits 專門針對它。 我們只是受過訓練，可以思考直觀的解決方案，這些解決方案在視覺上也很吸引人，所以當我們看到有改進空間的東西時，它就會脫穎而出。

從損壞的按鈕到有缺陷的表單再到煩人的導航模式，糟糕的設計無處不在。 雖然它有時很有趣，但也可能非常嚴肅。

但無論如何，您總能從設計錯誤中吸取教訓，以免將來重蹈覆轍。 因此，讓我們深入研究一些著名的設計缺陷，您可以從中吸取教訓！

第 1 課：用戶測試是創造卓越體驗的關鍵

一個經典的設計“缺陷”被稱為諾曼門。 如果您從未聽說過這個，問問自己：您是否嘗試過拉推門或推拉門？ 恭喜，您遇到了諾曼門！

這些討厭的門的問題在於設計會讓您的直覺誤入歧途。 要么您根本不知道如何打開門，要么您認為應該打開的門實際上應該是相反的。

諾曼式門不僅非常令人困惑和尷尬（我從來沒有在第一次嘗試時就把它們弄對了！），而且它們是如此普遍以至於它們已經成為一種廣為人知的現象。 您可能會認為這會帶來更好的解決方案和設計，但這仍然是幾乎每個人都會說他們在某個時候遇到過的問題。

要點：

這裡要吸取的教訓是用戶體驗和用戶測試非常重要！ 如果您為其設計的人不了解如何使用或瀏覽您的設計，那有什麼意義呢？

特別是對於網頁設計，您的網頁用戶界面非常重要。 僅僅因為它設計精美並不意味著任何人都會知道在您的網站上哪裡可以找到他們需要的信息，因此您需要以一種幫助他們知道下一步該做什麼的方式來設計它。

“檢查你的工作”的解決方案比你想像的要簡單：做一些可用性測試，從你的目標受眾那裡得到反饋。 不要提示他們太多信息； 只需觀察並了解他們如何瀏覽您的網站，以更好地了解他們希望如何使用它。 讓他們提問，並為自己提問！

第 2 課：防止人為錯誤

不管設計得多麼好，歸根結底，人們還是會犯錯誤。 我們選擇了錯誤的東西，點擊了錯誤的鍵，並按下了錯誤的按鈕。 那麼問題就變成了：設計能幫助我們克服人為錯誤嗎？ 2018 年初發送的夏威夷導彈警報就是其中一個例子。 警報是通過按錯按鈕觸發的，這導致許多設計師質疑更好的設計是否可以阻止它。

除非你碰巧為按下按鈕的人工作，否則真的無法確定具體過程是如何運作的。 然而，人們開始提出一些重要的問題，並集思廣益，設計可以幫助創建防止人為錯誤的保護措施的方法。 例如，如果“這是演習”和“這是真實的”按鈕更獨特一點或在同一菜單中不可用，則可能會避免整個情況。

這一事件震驚了世界，因為設計防止人為錯誤是多麼重要。 即使是在網上購物這樣的小事上，一個小的人為錯誤也會給支付和您的業務帶來大問題。 正如他們所說，良好的防守是最好的進攻。

要點：

什麼時候為重要更改運行驗證彈出窗口是個壞主意？ 我只是說如果你的數據庫“刪除”按鈕沒有“你確定嗎？” 屏幕，那麼我不知道你是如何忍受工作中的不確定性的。

即使在編碼的基礎知識中，您也開始學習如何盡可能主動地減少人為錯誤。 這就是為什麼即使是簡單的預防措施（例如設置適當的權限、進行備份或設置數據類型）也至關重要！

防止人為錯誤對您的網站用戶也非常重要。 考慮一下：也許您有一個很長的表格供您的用戶填寫以獲取您的服務。 點擊提交後是否彈出不完整的錯誤？ 是否有“您確定要離開嗎？” 如果他們在購買過程中意外關閉，會發出警告嗎？ 這些都是簡單的事情，可以幫助您的客戶獲得最佳體驗，並避免您將來遇到潛在的麻煩。

第 3 課：排版不應該是事後才想到的

還記得 2017 年奧斯卡頒獎典禮的“最佳影片”獲獎者錯了嗎？ 談談一個簡單的錯誤，這個錯誤本來可以通過一點層次結構來避免的！

雖然有幾個因素導致了虛假公告，但肯定可以幫助創造一點清晰度的一個變化是更好地使用卡片本身的排版。 即使信息不多，也需要以一種對用戶而言快速理解的方式顯示。 這可以追溯到人為錯誤的鬥爭——如果排版不夠強大，無法清楚地營造出層次感，用戶只能猜測信息的順序。 如果他們猜錯了，錯誤就會發生，獎項就會歸於錯誤的電影。

要點：

組織您需要的信息並使用基本設計原則始終是任何項目的良好開端。 闡明您的觀點，並考慮您想要傳達的主要內容或號召性用語。 你怎樣才能讓它在其他信息中脫穎而出？ 如果有人只是瀏覽頁面，他或她是否會確切地理解他們需要知道什麼或做什麼？

以類似的方式，沒有人願意訪問您的網站只是為了搜索和搜索他們需要的信息。 有時，解決這種混淆的最簡單方法是簡單乾淨的設計。 這樣，您就可以避免冗餘或隱藏信息，每個人都可以找到他們需要的東西！

第 4 課：雖然您可能知道最新的設計趨勢，但您的用戶可能不知道

每當出現新的設計趨勢時，親自嘗試一下都會令人興奮。 以幽靈按鈕為例。 （不，我不是在談論形狀像幽靈的按鈕。）幽靈按鈕通常用類似顏色（如果不是透明的）背景輕輕勾勒出輪廓，並且無縫地坐在頁面上而不會引起太多注意。

這些小按鈕因其吸引人的設計而引起了不小的轟動，但如果執行不當，它們可能會產生誤導。 有時它們看起來只是頁面上的另一個設計元素，而不是供用戶點擊的交互元素。

要點：

在設計方面，緊跟最新和最流行的趨勢會讓您看起來內行。 然而，僅僅因為很酷的孩子正在這樣做，並不一定意味著它適合網站的設計。 而且我們都知道，最好有一個可以轉換的基本設計，而不是一個沒有性能的酷設計。

其中很大一部分是確保您的按鈕脫穎而出。 如果您在一個按鈕上有一條長方形細線，而該按鈕位於充滿其他矩形形狀的頁面上，那麼它可能沒有您想像的那麼突出。

另一個提示是要有明確的號召性用語。 如果您的按鈕只有“NICE”之類的語句，這可能不足以清楚地表明它是一個可單擊的按鈕——它可能看起來更像是一個標題或裝飾元素。 使用帶有“了解更多”或“立即申請”等動詞的文案會更清晰。

課程總結

雖然設計缺陷很容易被發現，但我們都知道設計師總是懷有最好的意圖。 隨時了解情況並相互學習非常重要。 從設計中學習的最簡單方法之一就是幫助設計師——第二雙眼睛永遠不會傷害任何東西！

當批判性地審視你自己的設計作品時，試著從用戶的角度來思考它。 問問自己，這是直覺嗎？ 這簡單但信息豐富嗎？ 我可以請任何人看一下這項工作嗎？ 批判性地審視您自己的設計有時可能很困難，但這是使您的工作更加出色的簡單步驟。

您從這些設計缺陷中學到了什麼？ 你有沒有從艱難的過程中學到的教訓？ 在評論中與我們分享您的經驗！