本文由葡萄城技術團隊原創並首發

轉載請註明出處：葡萄城官網，葡萄城為開發者提供專業的開發工具、解決方案和服務，賦能開發者。

一名開發者或設計師通常可以在一秒內指出優秀的設計，但對於糟糕的設計只需最多半秒就能指出。所以，糟糕的設計往往總是能受到更多人的關注。網上就有那麼一批網友致力於收集這些設計，下面列出網友收集的一部分讓大家先看一看：

一個沒有任何標示的樓梯

(圖片來源於網路)

一個在龍頭水嘴下方的開關

 (圖片來源於網路)

 一個並不透明的刻度標尺

(圖片來源於網路)

在實際的Web設計工作中， 從具有誤導性的按鈕到冗長複雜的表單，再到討厭的導航模式，糟糕的設計在我們身邊幾乎隨時可見，儘管它有時可能很可笑，但有時帶來的後果也可能會非常嚴重。

但無論如何，通過了解和學習這些糟糕的設計，相信我們一定能從中獲得一些啟發，避免這樣的問題在自己的工作中再次出現。那麼下面，讓我們一起來看看幾個值得我們去學習的案例，也許我們可以從中受到一些啟發。

避免歧義

一個經典的設計缺陷被稱為“諾曼門”。如果你是第一次聽說過這個詞，那麼你可以想想，你有沒有遇到過這樣一扇不知該拉還是推的門，如果遇到過，那麼這就是一扇諾曼門。

(圖片來源於網路)

而這裡的“諾曼門”，除了門這種物品外，更在廣義範圍內代指不利於使用者使用的物品。這個問題是因為糟糕的設計誤導了你的直覺，不然是使你根本不知道如何使用，要麼是它為你提供了一種反人類設計，和你的使用習慣相悖。

而在Web設計領域，Web UI無疑是很重要的一塊，但如果只是僅僅提供了一套精美的UI，而任何人都不知道該在哪裡找到他們需要的資訊，那像這樣精美設計又有什麼意義呢？

所以通過充分的使用者體驗和測試Web設計的有效性還是很有必要的，而實際的測試過程也很簡單，你可以不做任何介紹，僅通過觀察目標使用者是如何瀏覽你的網站的。這樣就能知道你的設計對使用者是否有幫助，以及瞭解到他們更期望以何種更自然的方式去使用，以便隨後你能更好的去完善你的網站。

避免人為錯誤

使用者難免會犯錯，不論你的設計多麼出色。

比如選了錯的東西，點了錯的鍵，按鈕錯誤的按鈕等。

2018年初，夏威夷假警報事件就是一個例子。誤報是因為工作人員按錯了按鈕而觸發的，這次誤報導致了當地居民及遊客陷入了恐慌。

(圖片來源於網路)

許多設計師在這次事件後思考，更好的設計是否可以避免這種情況。

按錯警報按鈕的原因我們現在已經不得而知了，但大家通過集思廣益，提出了很多可以儘可能防止人為錯誤出現的保障措施。例如，在多次確認“這不是演習”前，傳送警報按鈕是禁用的，或者“這是演習”、“這不是演習”分屬不同的選單項等。

雖然這事帶來的影響很大，但即便像在網上購物這樣的小事上，一個小小的人為錯誤也會給你的支付和業務帶來很大的影響。

(圖片來源於網路)

在網站中防止人為錯誤而影響使用者體驗也是非常重要的，試想一下：你的使用者在你的網站上花了很長時間填寫了一份很長的表單，但在點選提交後因為部分內容不合規，在提交重新整理後所有內容都消失了，這樣是不是會對使用者體驗帶來崩塌式的挫敗打擊？ 那麼在提交前，向用戶彈出不完整/驗證的提示，或者，在頁面關閉前為使用者提供 “您確定要離開嗎？”的提示。類似像這樣幾個簡單的行為就可以幫助你的使用者使用體驗不會受到影響，也並避免將來為網站帶來任何不利的影響。

避免不當的排版

在網站設計中，使用什麼樣的字型，用多大的字號，使用多少間距，才能突出重點劃分出頁面內容中的主次應該是網站在設計之初就應該優先考慮且完成的。

把你的賣點表述清楚，讓你的Call To Action從其他繁雜的資訊中脫穎而出，是你組織網站內容的設計基礎。作為設計師應該站在使用者的角度下去思考，如果使用者只是快速的瀏覽你的網頁，你該怎麼樣，通過什麼形式快速打動他並且讓他接著做你想要他做的事。

其中，由於排版問題，在2017年奧斯卡頒獎典禮的最佳影片環節時，也產生了一個“史詩級”烏龍。因為頒獎人拿錯了已經使用過的最佳女主角信封，把本應頒給《月光男孩》的獎錯頒給了《愛樂之城》。其實這個錯誤通過調整內容的次序就能避免了，這樣即便拿錯了信封，在開啟信封的那一刻，頒獎人就能知道頒獎獎項從而避免這樣的烏龍。

“Best Picture” 在手卡的最下方

(圖片來源於網路)

避免過度設計

每當有新的設計潮流出現時，親身嘗試都很令人興奮。但過分套用設計潮流，有時也會讓使用者無法理解。

這裡以幽靈按鈕為例，幽靈按鈕是一個沒有複雜色彩、樣式和紋理，只以單色勾勒出邊框且背景透明的按鈕，這類按鈕因其具有纖薄而素雅的視覺美感而在當時引起了相當大的轟動，但如果因為使用方式不當，它們可能並不會你所想的那樣為使用者提供幫助，因為它們看起來像是頁面上的一種設計元素，而不是可供使用者點選的互動式元素。

(圖片來源於網路)

在設計方面，緊跟最潮流的設計趨勢沒有問題，但最新的設計趨勢並不一定適合自己的業務和網站。多數時候，開發者/設計師 應為使用者提供的是有用的設計，而不是過於酷炫的設計，不要讓產品成為我們“自嗨”的作品。使用者並不會關心你使用了什麼花裡胡哨的設計思想和技術，他只會關心他能不能從你的產品中找到他想要的。

總結

儘管設計上的問題很容易被發現，但如果我們只從開發者或設計師的視角去審視自己的作品，往往這些問題會被矇蔽。所以，你可以試試從使用者的角度進行思考，自己問問自己，這很直觀嗎？這好用嗎？這有歧義嗎？如果自己能為這些問題提供出令自己滿意的答案，那麼，恭喜你變得更加出色了。