網(wǎng)站建設中網(wǎng)頁設計中常見的17個UI設計錯誤
深圳網(wǎng)站建設、網(wǎng)頁設計中常見的17個UI設計錯誤
1. 避免刻意銷售
用戶體驗的最新趨勢是使設計具有說服力,它可以指引用戶思考,提示下一步操作,但也會強迫用戶繼續(xù)訪問網(wǎng)站。針對這一點,一個非常重要的UI設計技巧和建議是,永遠不要過度使用這種策略。如果用戶被激怒,產(chǎn)生的負面結果是,他們會立即離開網(wǎng)站,并不會考慮到什么叫做三思而后行。
2. 配色決定一切
在規(guī)劃網(wǎng)站設計時,字體、標題和背景一定要采用合適的顏色代碼。正確學習色彩理論,研究出不同背景色下適合搭配的顏色。UI設計專家指出,協(xié)調良好的色彩規(guī)劃在吸引客戶方面比使用動畫效果更好。上圖就是一個很好的色彩選擇的例子。你也可以參考源代碼獲取更多流行的網(wǎng)頁調色板資源。
3. 避免引人注目的Flash元素
最近的UI設計技巧表明,相比讓人眼花繚亂的顏色和按鈕,簡化的元素更能吸引用戶。特別是,必須避免使用flash元素,因為許多瀏覽器不支持它們,導致跨瀏覽器測試失敗。
4.非響應式網(wǎng)頁設計
如今所有的組織都在遵循移動優(yōu)先的方法。理想的做法是,你必須像你的競爭對手一樣思考,開發(fā)一個遵循與響應式設計相關的最佳UI實踐的網(wǎng)站,在所有設備上都能正常工作,不需要水平滾動,并且已經(jīng)通過所有跨設備瀏覽器的測試策略。
5. 非跨瀏覽器兼容的網(wǎng)站
當今互聯(lián)網(wǎng)上有很多瀏覽器可供使用,根據(jù)使用設備和人口數(shù)量的不同,在你發(fā)布你的網(wǎng)站之前,我們可以給你提供最好的UI設計技巧。執(zhí)行適當?shù)目鐬g覽器測試,并確保網(wǎng)站在所有目標瀏覽器上正常運行。以下是每個瀏覽器中不同外觀的示例。
上圖是LambdaTest平臺上獨一無二的div的演示。你可以注意到它的外觀與谷歌Chrome和Mozilla Firefox有何不同。LambdaTest是一個跨瀏覽器的測試工具,可以讓你在2000多個瀏覽器中測試你網(wǎng)站的RWD(響應式網(wǎng)頁設計),以及它們在實際操作系統(tǒng)上運行的不同版本。
6. 不正確的字體大小
在遵循最佳UI設計實踐時,保持一致的字體大小和字體系列非常重要。粗體和大字體是可以接受的,但是如果標題和段落的字體大小是4:1,那就不合適了。
7. 設計一個復雜的原型
一個具有太多元素且沒有正確索引的的復雜原型絕對不屬于最佳UI設計實踐。這會讓開發(fā)人員感到困惑,并可能導致網(wǎng)站充滿漏洞,完全無法滿足客戶要求。
8. 避免執(zhí)著于過時和擁擠的設計
一個包含隨意排列的內(nèi)容和圖像的集群設計不僅會讓最終用戶感到不安,而且還會讓他感到困惑,不知道下一步該往哪里走,或者如何實現(xiàn)他打開網(wǎng)站的目的。
9. 避免廣告扎堆,記住內(nèi)容為王!
廣告是為你的網(wǎng)站增加收入的方式之一。而太多的廣告也不是最佳UI設計實踐。一個網(wǎng)站上如果充斥太多的廣告會使用戶覺得惱火。因為無用信息太多而不能得到真正有用的信息。
10. 避免復雜的導航
簡化導航是設計獨特用戶體驗的最佳UI實踐之一。簡潔明了的導航有助于引導用戶直接找到他需要的內(nèi)容。避免太多鏈接和按鈕的復雜導航欄,否則不僅會使用戶感到困惑,而且還會導致布局聚集。
11. 避免抄襲設計
保證獨特創(chuàng)新的設計。你可以從其他網(wǎng)站的設計中獲取靈感,但不允許直接將其他網(wǎng)站的設計照搬。一是因為會有損你網(wǎng)站的聲譽,二則是Google會根據(jù)用戶評論,自動降低你的網(wǎng)站在搜索引擎中的排名。
12. 避免使用不恰當?shù)膶Ρ壬?br/>
如果在設計中使用恰當?shù)膶Ρ壬瑑?nèi)容會更具有可讀性并且易于用戶注意。如果字體,圖像和背景之間使用不恰當?shù)膶Ρ壬苋菀鬃層脩粢驗轶w驗不佳而離開網(wǎng)站。
13. 避免設計糟糕的CTA
CTA擁有命令用戶采取行動的權力。從顏色到字體,關于它們的一切都應該要求用戶“點擊”。過于引人注目的CTA會迫使用戶離開,而過于簡單的CTA卻容易被忽略。所以盡量在CTA中保持顏色,陰影和漂亮字體的平衡,使其顯而易見且可點擊。
14. 避免臃腫的文字,排版和演示文稿
如今,大多數(shù)網(wǎng)站用戶都沒有完全瀏覽內(nèi)容。如果你想在內(nèi)容方面表達想法,應該保持文本內(nèi)容以及圖像和富媒體元素(如音頻或視頻)之間的平衡點。太多的文本內(nèi)容只會迫使用戶忽略它們,并以這種方式忽略你嘗試傳達的一些重要信息。
15. 避免使用大型媒體元素
據(jù)觀察,當流量突然增加時,站點的速度會大大降低或根本不起作用。這主要是因為使用了大圖像或動畫。最好的UI設計實踐之一是避免使用過大的圖像。根據(jù)最近的趨勢,可縮放的矢量圖像占用非常小的尺寸,并可以確保您的網(wǎng)站在任何情況下都能正常運行。
16. 避免強制性設計和冗長的形式
表單是網(wǎng)站的重要組成部分,尤其是需要用戶注冊的表單。而具有大量數(shù)據(jù)的冗長形式只會使用戶復雜化,并且在填寫時可能會遺漏一些重要信息,尤其是在移動設備上。最好的UI設計實踐之一是保持一個更容易填充的簡單表單,并盡可能少地提供信息。另外,請注意沒有必要為用戶添加太多必填字段。如果你保留的字段越強,那你的跳出率就越高。
17. 沒有一個好的信息架構師
設計網(wǎng)站中有哪些關鍵技巧?有哪些陷阱?在這里,世界上一流的網(wǎng)站設計專家,讓你共享他們的秘密,告訴你:使網(wǎng)站賦予情趣的訣竅、應該避免做什么、應使用什么工具軟件以及他們喜愛和厭惡的網(wǎng)站。
大部分網(wǎng)站或產(chǎn)品的按鈕色彩都不會超過3種,指向“動作”的按鈕應當統(tǒng)一為同一種顏色,比如Google的“搜索”按鈕是藍色,而Twitter的“注冊”按鈕則是明亮的黃色。色彩能夠幫助品牌極為簡易的建立用戶認知:
今年,許多網(wǎng)站都將這個小元素納入界面,成為頁面導航的重要組成部分。除了導航設計趨勢,還有各種設計方法,如全屏導航,底部導航等,所有這些都有利于網(wǎng)頁設計師。
網(wǎng)頁設計必須簡約,任何無用的特質都必須移除;與此同時,網(wǎng)頁設計必須能夠滿足用戶需求。
做網(wǎng)站設計時,我們應該考慮哪些因素?在做的過程中設計師應該思考哪些問題,怎么樣才能做好網(wǎng)站設計?
用戶體驗好的方案,用戶感受到的體驗真的好嗎,真的在意嗎?用戶愿意為這個體驗更多的使用?還是愿意付更多錢? 如果設計希望被認可價值,那么就必須清晰表明:設計到底實現(xiàn)了什么價值,以及設計是如何穩(wěn)定實現(xiàn)這些價值的。 網(wǎng)站設計中設計師到底要實現(xiàn)什么價值?
玻璃擬態(tài)(Glassmorphism),更直觀的說就是玻璃擬物化。它是在2020年末開始在各大設計平臺流行起來的設計趨勢。當時蘋果新發(fā)布的Mac OS Big Sur操作系統(tǒng)中也使用了這種風格
網(wǎng)頁設計師想出了一些非常聰明的技巧,讓他們的作品有一種實體感。玻璃擬態(tài)(Glassmorphism)就是這樣一種技術。當您將模糊效果與透明度相結合時,像素會呈現(xiàn)出磨砂玻璃的略微不透明的品質——為設計增添一絲質感和維度。