深圳網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)中常見的17個(gè)UI設(shè)計(jì)錯(cuò)誤

1. 避免刻意銷售


用戶體驗(yàn)的最新趨勢是使設(shè)計(jì)具有說服力，它可以指引用戶思考，提示下一步操作，但也會強(qiáng)迫用戶繼續(xù)訪問網(wǎng)站。針對這一點(diǎn)，一個(gè)非常重要的UI設(shè)計(jì)技巧和建議是，永遠(yuǎn)不要過度使用這種策略。如果用戶被激怒，產(chǎn)生的負(fù)面結(jié)果是，他們會立即離開網(wǎng)站，并不會考慮到什么叫做三思而后行。
2. 配色決定一切



在規(guī)劃網(wǎng)站設(shè)計(jì)時(shí)，字體、標(biāo)題和背景一定要采用合適的顏色代碼。正確學(xué)習(xí)色彩理論，研究出不同背景色下適合搭配的顏色。UI設(shè)計(jì)專家指出，協(xié)調(diào)良好的色彩規(guī)劃在吸引客戶方面比使用動畫效果更好。上圖就是一個(gè)很好的色彩選擇的例子。你也可以參考源代碼獲取更多流行的網(wǎng)頁調(diào)色板資源。
3. 避免引人注目的Flash元素



最近的UI設(shè)計(jì)技巧表明，相比讓人眼花繚亂的顏色和按鈕，簡化的元素更能吸引用戶。特別是，必須避免使用flash元素，因?yàn)樵S多瀏覽器不支持它們，導(dǎo)致跨瀏覽器測試失敗。

 
4．非響應(yīng)式網(wǎng)頁設(shè)計(jì)


如今所有的組織都在遵循移動優(yōu)先的方法。理想的做法是，你必須像你的競爭對手一樣思考，開發(fā)一個(gè)遵循與響應(yīng)式設(shè)計(jì)相關(guān)的最佳UI實(shí)踐的網(wǎng)站，在所有設(shè)備上都能正常工作，不需要水平滾動，并且已經(jīng)通過所有跨設(shè)備瀏覽器的測試策略。

 
5. 非跨瀏覽器兼容的網(wǎng)站



當(dāng)今互聯(lián)網(wǎng)上有很多瀏覽器可供使用，根據(jù)使用設(shè)備和人口數(shù)量的不同，在你發(fā)布你的網(wǎng)站之前，我們可以給你提供最好的UI設(shè)計(jì)技巧。執(zhí)行適當(dāng)?shù)目鐬g覽器測試，并確保網(wǎng)站在所有目標(biāo)瀏覽器上正常運(yùn)行。以下是每個(gè)瀏覽器中不同外觀的示例。

上圖是LambdaTest平臺上獨(dú)一無二的div的演示。你可以注意到它的外觀與谷歌Chrome和Mozilla Firefox有何不同。LambdaTest是一個(gè)跨瀏覽器的測試工具，可以讓你在2000多個(gè)瀏覽器中測試你網(wǎng)站的RWD(響應(yīng)式網(wǎng)頁設(shè)計(jì))，以及它們在實(shí)際操作系統(tǒng)上運(yùn)行的不同版本。

 
6. 不正確的字體大小



在遵循最佳UI設(shè)計(jì)實(shí)踐時(shí)，保持一致的字體大小和字體系列非常重要。粗體和大字體是可以接受的，但是如果標(biāo)題和段落的字體大小是4:1，那就不合適了。

 
7. 設(shè)計(jì)一個(gè)復(fù)雜的原型



一個(gè)具有太多元素且沒有正確索引的的復(fù)雜原型絕對不屬于最佳UI設(shè)計(jì)實(shí)踐。這會讓開發(fā)人員感到困惑，并可能導(dǎo)致網(wǎng)站充滿漏洞，完全無法滿足客戶要求。

 
8. 避免執(zhí)著于過時(shí)和擁擠的設(shè)計(jì)



一個(gè)包含隨意排列的內(nèi)容和圖像的集群設(shè)計(jì)不僅會讓最終用戶感到不安，而且還會讓他感到困惑，不知道下一步該往哪里走，或者如何實(shí)現(xiàn)他打開網(wǎng)站的目的。

 
9. 避免廣告扎堆，記住內(nèi)容為王！



廣告是為你的網(wǎng)站增加收入的方式之一。而太多的廣告也不是最佳UI設(shè)計(jì)實(shí)踐。一個(gè)網(wǎng)站上如果充斥太多的廣告會使用戶覺得惱火。因?yàn)闊o用信息太多而不能得到真正有用的信息。

 
10. 避免復(fù)雜的導(dǎo)航



簡化導(dǎo)航是設(shè)計(jì)獨(dú)特用戶體驗(yàn)的最佳UI實(shí)踐之一。簡潔明了的導(dǎo)航有助于引導(dǎo)用戶直接找到他需要的內(nèi)容。避免太多鏈接和按鈕的復(fù)雜導(dǎo)航欄，否則不僅會使用戶感到困惑，而且還會導(dǎo)致布局聚集。

 
11. 避免抄襲設(shè)計(jì)


保證獨(dú)特創(chuàng)新的設(shè)計(jì)。你可以從其他網(wǎng)站的設(shè)計(jì)中獲取靈感，但不允許直接將其他網(wǎng)站的設(shè)計(jì)照搬。一是因?yàn)闀袚p你網(wǎng)站的聲譽(yù)，二則是Google會根據(jù)用戶評論，自動降低你的網(wǎng)站在搜索引擎中的排名。

 
12. 避免使用不恰當(dāng)?shù)膶Ρ壬?br/>


如果在設(shè)計(jì)中使用恰當(dāng)?shù)膶Ρ壬?，?nèi)容會更具有可讀性并且易于用戶注意。如果字體，圖像和背景之間使用不恰當(dāng)?shù)膶Ρ壬苋菀鬃層脩粢驗(yàn)轶w驗(yàn)不佳而離開網(wǎng)站。

 
13. 避免設(shè)計(jì)糟糕的CTA



CTA擁有命令用戶采取行動的權(quán)力。從顏色到字體，關(guān)于它們的一切都應(yīng)該要求用戶“點(diǎn)擊”。過于引人注目的CTA會迫使用戶離開，而過于簡單的CTA卻容易被忽略。所以盡量在CTA中保持顏色，陰影和漂亮字體的平衡，使其顯而易見且可點(diǎn)擊。

 
14. 避免臃腫的文字，排版和演示文稿



如今，大多數(shù)網(wǎng)站用戶都沒有完全瀏覽內(nèi)容。如果你想在內(nèi)容方面表達(dá)想法，應(yīng)該保持文本內(nèi)容以及圖像和富媒體元素（如音頻或視頻）之間的平衡點(diǎn)。太多的文本內(nèi)容只會迫使用戶忽略它們，并以這種方式忽略你嘗試傳達(dá)的一些重要信息。

 
15. 避免使用大型媒體元素



據(jù)觀察，當(dāng)流量突然增加時(shí)，站點(diǎn)的速度會大大降低或根本不起作用。這主要是因?yàn)槭褂昧舜髨D像或動畫。最好的UI設(shè)計(jì)實(shí)踐之一是避免使用過大的圖像。根據(jù)最近的趨勢，可縮放的矢量圖像占用非常小的尺寸，并可以確保您的網(wǎng)站在任何情況下都能正常運(yùn)行。

 
16. 避免強(qiáng)制性設(shè)計(jì)和冗長的形式



表單是網(wǎng)站的重要組成部分，尤其是需要用戶注冊的表單。而具有大量數(shù)據(jù)的冗長形式只會使用戶復(fù)雜化，并且在填寫時(shí)可能會遺漏一些重要信息，尤其是在移動設(shè)備上。最好的UI設(shè)計(jì)實(shí)踐之一是保持一個(gè)更容易填充的簡單表單，并盡可能少地提供信息。另外，請注意沒有必要為用戶添加太多必填字段。如果你保留的字段越強(qiáng)，那你的跳出率就越高。

 
17. 沒有一個(gè)好的信息架構(gòu)師