一個(gè)設(shè)計(jì)良好的用戶界面對(duì)一個(gè)網(wǎng)站是非常重要的。擁有所有最新的功能和響應(yīng)式設(shè)計(jì)可以幫助提高你的網(wǎng)站的搜索引擎排名和增加你的觀眾。然而，當(dāng)項(xiàng)目太大時(shí)，開(kāi)發(fā)人員往往不能遵循優(yōu)化UI設(shè)計(jì)的原則。因此，站點(diǎn)中的一些重要特性會(huì)失敗，或者瀏覽器測(cè)試完全失敗。
所以，今天創(chuàng)新互聯(lián)來(lái)談?wù)劄槭裁淳W(wǎng)頁(yè)界面設(shè)計(jì)會(huì)失敗，以及一些如何避免失敗的技巧。讓我們看看你有多少。
01. 銷售和意圖
用戶體驗(yàn)的最新趨勢(shì)是讓設(shè)計(jì)更有說(shuō)服力。它可以引導(dǎo)用戶思考并建議下一步，但它也迫使用戶繼續(xù)訪問(wèn)該網(wǎng)站。一個(gè)非常重要的UI設(shè)計(jì)技巧和建議就是不要過(guò)度使用這個(gè)策略。如果用戶生氣了，消極的結(jié)果是他們會(huì)毫不猶豫地立即離開(kāi)網(wǎng)站。
02. 顏色匹配就是一切
在設(shè)計(jì)網(wǎng)站時(shí)，使用適當(dāng)?shù)念伾幋a字體、標(biāo)題和背景。正確學(xué)習(xí)顏色理論，找到適合不同背景顏色的顏色。用戶界面設(shè)計(jì)專家指出，協(xié)調(diào)的配色方案比使用動(dòng)畫(huà)更能吸引顧客。上圖是顏色選擇的一個(gè)很好的例子。
03. 有吸引力的Flash元素
最近的用戶界面設(shè)計(jì)技術(shù)表明，簡(jiǎn)單的元素比華麗的顏色和按鈕更吸引用戶。特別是，必須避免使用Flash元素，因?yàn)樵S多瀏覽器不支持它們，導(dǎo)致跨瀏覽器測(cè)試失敗。
04.沒(méi)有響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)
現(xiàn)在所有的組織都在遵循移動(dòng)優(yōu)先的方法。理想情況下，你必須像競(jìng)爭(zhēng)對(duì)手一樣思考，開(kāi)發(fā)一個(gè)遵循響應(yīng)式設(shè)計(jì)的好UI實(shí)踐、適用于所有設(shè)備、不需要水平滾動(dòng)、通過(guò)所有跨設(shè)備瀏覽器測(cè)試策略的網(wǎng)站。
05.兼容的網(wǎng)站
現(xiàn)在互聯(lián)網(wǎng)上有很多瀏覽器。根據(jù)使用的設(shè)備和用戶基礎(chǔ)，我們可以為您提供最好的用戶界面設(shè)計(jì)技能，在您啟動(dòng)您的網(wǎng)站。執(zhí)行適當(dāng)?shù)目鐬g覽器測(cè)試，以確保站點(diǎn)在所有目標(biāo)瀏覽器上運(yùn)行。下面是每個(gè)瀏覽器中不同外觀的一些示例。
上面是lambdatest平臺(tái)上唯一div的演示。你可以注意到它和谷歌Chrome和Mozilla Firefox之間的區(qū)別。Lambdatest是一個(gè)跨瀏覽器測(cè)試工具，允許你在超過(guò)2000個(gè)瀏覽器中測(cè)試一個(gè)網(wǎng)站的RWD(響應(yīng)式Web設(shè)計(jì))，以及在真實(shí)操作系統(tǒng)上運(yùn)行的不同版本的瀏覽器。
06. 不正確的字體大小
在遵循好UI設(shè)計(jì)實(shí)踐時(shí)，一致的字體大小和字體系列非常重要。粗體和大字體是可以接受的，但如果標(biāo)題和段落的字體大小是4:1。這是不合適的。
07.設(shè)計(jì)一個(gè)復(fù)雜的原型
包含太多元素且沒(méi)有適當(dāng)索引的復(fù)雜原型絕不是好UI設(shè)計(jì)實(shí)踐。它會(huì)使開(kāi)發(fā)人員感到困惑，并導(dǎo)致站點(diǎn)充滿了無(wú)法滿足客戶需求的bug。
08. 專注于過(guò)時(shí)和擁擠的設(shè)計(jì)
隨機(jī)排列的內(nèi)容和圖片的集群式設(shè)計(jì)不僅會(huì)讓最終用戶感到不舒服，而且還會(huì)讓他困惑下一步要去哪里，或者如何實(shí)現(xiàn)打開(kāi)網(wǎng)站的目標(biāo)。
09. 對(duì)于大規(guī)模廣告來(lái)說(shuō)，記住內(nèi)容為王
廣告是增加網(wǎng)站收入的一種方式，太多的廣告不是最好的用戶界面設(shè)計(jì)實(shí)踐。如果一個(gè)網(wǎng)站充滿了太多的廣告，用戶會(huì)生氣，因?yàn)橛刑酂o(wú)用的信息，以獲得真正有用的信息。
10. 復(fù)雜的導(dǎo)航
簡(jiǎn)化導(dǎo)航是設(shè)計(jì)獨(dú)特用戶體驗(yàn)的好UI實(shí)踐之一。簡(jiǎn)單的導(dǎo)航可以幫助用戶直接找到他們需要的東西。避免使用包含太多鏈接和按鈕的復(fù)雜導(dǎo)航欄，這會(huì)混淆用戶，導(dǎo)致布局聚合。
11. 復(fù)制的設(shè)計(jì)
為了保持你的設(shè)計(jì)獨(dú)特和創(chuàng)新，你可以從其他網(wǎng)站的設(shè)計(jì)中獲取靈感，但你不應(yīng)該直接復(fù)制他們。一是它會(huì)損害你的聲譽(yù)，二是谷歌會(huì)根據(jù)用戶評(píng)論自動(dòng)降低你在搜索引擎中的排名。
12. 使用不合適的對(duì)比色
如果您在設(shè)計(jì)中使用了正確的對(duì)比色，您的內(nèi)容將更容易閱讀和用戶友好。如果字體、圖像和背景對(duì)比不佳，用戶很容易就會(huì)以糟糕的體驗(yàn)離開(kāi)站點(diǎn)。
當(dāng)前題目：你知道你在做網(wǎng)頁(yè)設(shè)計(jì)時(shí)到底犯了多少錯(cuò)誤
文章轉(zhuǎn)載：http://www.rwnh.cn/news/109028.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、微信公眾號(hào)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)、定制網(wǎng)站
廣告
![]()
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：
創(chuàng)新互聯(lián)
