1.注重創造力而非可用性:
如果你添加了太多自以為是的創意,卻忽視了產品的可用性,,那麼無論這個想法多麼偉大,它都會被用戶拋棄。
設計這個Craigslist概念迎接挑戰,並獲得第二名,但......
2.讓趨勢指導你的思考。
你在Dribbble或Behance上看到的大部分內容都不能也不會實現,因為它們的可用性和缺乏良好的用戶體驗。
3.無響應的設計。
雖然響應式設計是一個大家都知道的術語,但是仍然有一些網站在不同的屏幕大小下沒有響應。響應式設計使您的網站在所有用戶的屏幕分辨率和設備上都具有靈活性,這是您不應該犯的錯誤之一。
4.不直觀的導航
您的網站導航應該是清晰的,它應該始終滿足訪客的期望。放置他們期望找到的網站元素。
我為宜家的一款產品做了一個很酷的概念,看起來很棒,但要更深入地瞭解導航
5.沒有內容的設計。
內容是網站最重要的部分,在使用 “ Lorem Ipsum ” 的文字進行設計的時候,不會被注意到的是這些內容稍後可能會被其他內容替換,所以它看起來可能並沒有那麼好。
6.難以閱讀的字體
如果用戶無法輕鬆閱讀您的網站,他們將離開並找到一個更好,更清晰的競爭對手。始終只使用web字體。還可以在線查看與行間距、行長度和字體大小相關的其他規則。
行間距的黃金規則:
- 為了最佳可讀性,目標是約140%-180% - 限制
線長度為70-80個字符。
- 尺寸應至少為16pt。
- 小字體需要更多間距。
- 更改字體或字體大小時檢查行間距。
7.對比度差
低對比度=較低的可用性
- 顏色對比:使用顏色方案生成器為您的設計生成完美的顏色組合。
- 使用對比度檢查工具
- 大小對比:使用大標題創建層次結構以吸引訪問者的注意力,併為不太重要的內容創建小字體大小。
- 對齊中的對比度:對齊允許查看者輕鬆識別相關元素。
8.不直觀的按鈕(CTA)
大多數導航通過按鈕發生,避免按鈕太小,按鈕很難看到和錯誤的位置。
-Color: CTA按鈕應該從背景中突出並引起用戶的注意。
-Size:一個CTA應該足夠大,能夠脫穎而出,但又要小到可以邀請。
不要讓我認為兩次 - 史蒂夫克魯格
9.糟糕的形式
表格在所有網站上,也是糟糕的設計形式。大多數語言都是從左到右,從上到下閱讀,這是一個很好的入門指南,可以幫助您設計更好的表單。設計師最常犯的錯誤是不注意元素的間距和分組,造成標籤名稱和表單輸入之間的不良連接,使用戶非常困惑。
原文鏈接:
https://blog.prototypr.io/top-common-mistakes-ui-ux-designers-make-6e13bd891e84
作者:Dorjan Vulaj