糟糕的设计会为我们的工作带来什么启发？
本文由葡萄城技術團隊原創(chuàng)并首發(fā)
轉載請注明出處：葡萄城官網(wǎng)，葡萄城為開發(fā)者提供專業(yè)的開發(fā)工具、解決方案和服務，賦能開發(fā)者。
?
一名開發(fā)者或設計師通常可以在一秒內(nèi)指出優(yōu)秀的設計，但對于糟糕的設計只需最多半秒就能指出。所以，糟糕的設計往往總是能受到更多人的關注。網(wǎng)上就有那么一批網(wǎng)友致力于收集這些設計，下面列出網(wǎng)友收集的一部分讓大家先看一看：
一個沒有任何標示的樓梯
(圖片來源于網(wǎng)絡)
?
?
一個在龍頭水嘴下方的開關
?(圖片來源于網(wǎng)絡)
?
?
?一個并不透明的刻度標尺
(圖片來源于網(wǎng)絡)
?
在實際的Web設計工作中， 從具有誤導性的按鈕到冗長復雜的表單，再到討厭的導航模式，糟糕的設計在我們身邊幾乎隨時可見，盡管它有時可能很可笑，但有時帶來的后果也可能會非常嚴重。
但無論如何，通過了解和學習這些糟糕的設計，相信我們一定能從中獲得一些啟發(fā)，避免這樣的問題在自己的工作中再次出現(xiàn)。那么下面，讓我們一起來看看幾個值得我們?nèi)W習的案例，也許我們可以從中受到一些啟發(fā)。
?
避免歧義
一個經(jīng)典的設計缺陷被稱為“諾曼門”。如果你是第一次聽說過這個詞，那么你可以想想，你有沒有遇到過這樣一扇不知該拉還是推的門，如果遇到過，那么這就是一扇諾曼門。
(圖片來源于網(wǎng)絡)
?
而這里的“諾曼門”，除了門這種物品外，更在廣義范圍內(nèi)代指不利于用戶使用的物品。這個問題是因為糟糕的設計誤導了你的直覺，不然是使你根本不知道如何使用，要么是它為你提供了一種反人類設計，和你的使用習慣相悖。
?
?
而在Web設計領域，Web UI無疑是很重要的一塊，但如果只是僅僅提供了一套精美的UI，而任何人都不知道該在哪里找到他們需要的信息，那像這樣精美設計又有什么意義呢？
所以通過充分的用戶體驗和測試Web設計的有效性還是很有必要的，而實際的測試過程也很簡單，你可以不做任何介紹，僅通過觀察目標用戶是如何瀏覽你的網(wǎng)站的。這樣就能知道你的設計對用戶是否有幫助，以及了解到他們更期望以何種更自然的方式去使用，以便隨后你能更好的去完善你的網(wǎng)站。
?
避免人為錯誤
用戶難免會犯錯，不論你的設計多么出色。
比如選了錯的東西，點了錯的鍵，按鈕錯誤的按鈕等。
2018年初，夏威夷假警報事件就是一個例子。誤報是因為工作人員按錯了按鈕而觸發(fā)的，這次誤報導致了當?shù)鼐用窦坝慰拖萑肓丝只拧?/p>
(圖片來源于網(wǎng)絡)
?
許多設計師在這次事件后思考，更好的設計是否可以避免這種情況。
按錯警報按鈕的原因我們現(xiàn)在已經(jīng)不得而知了，但大家通過集思廣益，提出了很多可以盡可能防止人為錯誤出現(xiàn)的保障措施。例如，在多次確認“這不是演習”前，發(fā)送警報按鈕是禁用的，或者“這是演習”、“這不是演習”分屬不同的菜單項等。
雖然這事帶來的影響很大，但即便像在網(wǎng)上購物這樣的小事上，一個小小的人為錯誤也會給你的支付和業(yè)務帶來很大的影響。
(圖片來源于網(wǎng)絡)
?
在網(wǎng)站中防止人為錯誤而影響用戶體驗也是非常重要的，試想一下：你的用戶在你的網(wǎng)站上花了很長時間填寫了一份很長的表單，但在點擊提交后因為部分內(nèi)容不合規(guī)，在提交刷新后所有內(nèi)容都消失了，這樣是不是會對用戶體驗帶來崩塌式的挫敗打擊？ 那么在提交前，向用戶彈出不完整/驗證的提示，或者，在頁面關閉前為用戶提供 “您確定要離開嗎？”的提示。類似像這樣幾個簡單的行為就可以幫助你的用戶使用體驗不會受到影響，也并避免將來為網(wǎng)站帶來任何不利的影響。
?
避免不當?shù)呐虐?/h3>
在網(wǎng)站設計中，使用什么樣的字體，用多大的字號，使用多少間距，才能突出重點劃分出頁面內(nèi)容中的主次應該是網(wǎng)站在設計之初就應該優(yōu)先考慮且完成的。
把你的賣點表述清楚，讓你的Call To Action從其他繁雜的信息中脫穎而出，是你組織網(wǎng)站內(nèi)容的設計基礎。作為設計師應該站在用戶的角度下去思考，如果用戶只是快速的瀏覽你的網(wǎng)頁，你該怎么樣，通過什么形式快速打動他并且讓他接著做你想要他做的事。
?
?
其中，由于排版問題，在2017年奧斯卡頒獎典禮的最佳影片環(huán)節(jié)時，也產(chǎn)生了一個“史詩級”烏龍。因為頒獎人拿錯了已經(jīng)使用過的最佳女主角信封，把本應頒給《月光男孩》的獎錯頒給了《愛樂之城》。其實這個錯誤通過調(diào)整內(nèi)容的次序就能避免了，這樣即便拿錯了信封，在打開信封的那一刻，頒獎人就能知道頒獎獎項從而避免這樣的烏龍。
“Best Picture” 在手卡的最下方
(圖片來源于網(wǎng)絡)
?
避免過度設計
每當有新的設計潮流出現(xiàn)時，親身嘗試都很令人興奮。但過分套用設計潮流，有時也會讓用戶無法理解。
這里以幽靈按鈕為例，幽靈按鈕是一個沒有復雜色彩、樣式和紋理，只以單色勾勒出邊框且背景透明的按鈕，這類按鈕因其具有纖薄而素雅的視覺美感而在當時引起了相當大的轟動，但如果因為使用方式不當，它們可能并不會你所想的那樣為用戶提供幫助，因為它們看起來像是頁面上的一種設計元素，而不是可供用戶點擊的交互式元素。
(圖片來源于網(wǎng)絡)
?
在設計方面，緊跟最潮流的設計趨勢沒有問題，但最新的設計趨勢并不一定適合自己的業(yè)務和網(wǎng)站。多數(shù)時候，開發(fā)者/設計師 應為用戶提供的是有用的設計，而不是過于酷炫的設計，不要讓產(chǎn)品成為我們“自嗨”的作品。用戶并不會關心你使用了什么花里胡哨的設計思想和技術，他只會關心他能不能從你的產(chǎn)品中找到他想要的。
?
總結
盡管設計上的問題很容易被發(fā)現(xiàn)，但如果我們只從開發(fā)者或設計師的視角去審視自己的作品，往往這些問題會被蒙蔽。所以，你可以試試從用戶的角度進行思考，自己問問自己，這很直觀嗎？這好用嗎？這有歧義嗎？如果自己能為這些問題提供出令自己滿意的答案，那么，恭喜你變得更加出色了。
總結
以上是生活随笔為你收集整理的糟糕的设计会为我们的工作带来什么启发？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： appcan外部网页css,Appcan
- 下一篇： Win7报错：Explorer.EXE不