糟糕的設計會爲咱們的工做帶來什麼啓發？

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

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

 

一名開發者或設計師一般能夠在一秒內指出優秀的設計，但對於糟糕的設計只需最多半秒就能指出。因此，糟糕的設計每每老是能受到更多人的關注。網上就有那麼一批網友致力於收集這些設計，下面列出網友收集的一部分讓你們先看一看：

一個沒有任何標示的樓梯

(圖片來源於網絡)

 

 

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

 (圖片來源於網絡)

 

 

 一個並不透明的刻度標尺

(圖片來源於網絡)

 

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

但不管如何，經過了解和學習這些糟糕的設計，相信咱們必定能從中得到一些啓發，避免這樣的問題在本身的工做中再次出現。那麼下面，讓咱們一塊兒來看看幾個值得咱們去學習的案例，也許咱們能夠從中受到一些啓發。

 

避免歧義

一個經典的設計缺陷被稱爲「諾曼門」。若是你是第一次據說過這個詞，那麼你能夠想一想，你有沒有遇到過這樣一扇不知該拉仍是推的門，若是遇到過，那麼這就是一扇諾曼門。

(圖片來源於網絡)

 

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

 

 

而在Web設計領域，Web UI無疑是很重要的一塊，但若是隻是僅僅提供了一套精美的UI，而任何人都不知道該在哪裏找到他們須要的信息，那像這樣精美設計又有什麼意義呢？

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

 

避免人爲錯誤

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

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

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

(圖片來源於網絡)

 

許多設計師在此次事件後思考，更好的設計是否能夠避免這種狀況。

按錯警報按鈕的緣由咱們如今已經不得而知了，但你們經過集思廣益，提出了不少能夠儘量防止人爲錯誤出現的保障措施。例如，在屢次確認「這不是演習」前，發送警報按鈕是禁用的，或者「這是演習」、「這不是演習」分屬不一樣的菜單項等。

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

(圖片來源於網絡)

 

在網站中防止人爲錯誤而影響用戶體驗也是很是重要的，試想一下：你的用戶在你的網站上花了很長時間填寫了一份很長的表單，但在點擊提交後由於部份內容不合規，在提交刷新後全部內容都消失了，這樣是否是會對用戶體驗帶來崩塌式的挫敗打擊？ 那麼在提交前，向用戶彈出不完整/驗證的提示，或者，在頁面關閉前爲用戶提供 「您肯定要離開嗎？」的提示。相似像這樣幾個簡單的行爲就能夠幫助你的用戶使用體驗不會受到影響，也並避免未來爲網站帶來任何不利的影響。

 

避免不當的排版

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

把你的賣點表述清楚，讓你的Call To Action從其餘繁雜的信息中脫穎而出，是你組織網站內容的設計基礎。做爲設計師應該站在用戶的角度下去思考，若是用戶只是快速的瀏覽你的網頁，你該怎麼樣，經過什麼形式快速打動他而且讓他接着作你想要他作的事。

 

 

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

「Best Picture」 在手卡的最下方

(圖片來源於網絡)

 

避免過分設計

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

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

(圖片來源於網絡)

 

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

 

總結

儘管設計上的問題很容易被發現，但若是咱們只從開發者或設計師的視角去審視本身的做品，每每這些問題會被矇蔽。因此，你能夠試試從用戶的角度進行思考，本身問問本身，這很直觀嗎？這好用嗎？這有歧義嗎？若是本身能爲這些問題提供出令本身滿意的答案，那麼，恭喜你變得更加出色了。