一個(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.Non-cross-browser兼容的網(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)。
13. 糟糕的設(shè)計(jì)CTA
CTA有權(quán)命令用戶采取行動(dòng),從顏色到字體,所有與之相關(guān)的內(nèi)容都應(yīng)該要求用戶“點(diǎn)擊”。過(guò)于吸引人的CTA會(huì)嚇跑用戶,而過(guò)于簡(jiǎn)單的CTA則會(huì)被忽視。所以盡量保持你的CTA
網(wǎng)站名稱:你知道你在網(wǎng)頁(yè)設(shè)計(jì)上有多少錯(cuò)誤嗎?
鏈接分享:http://www.rwnh.cn/news15/108965.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、微信小程序、網(wǎng)站制作、移動(dòng)網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、靜態(tài)網(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)