你知道你在做網(wǎng)頁(yè)設(shè)計(jì)時(shí)到底犯了多少錯(cuò)誤

2021-04-20    分類: 網(wǎng)站建設(shè)

一個(gè)設(shè)計(jì)良好的用戶界面對(duì)一個(gè)網(wǎng)站是非常重要的。擁有所有最新的功能和響應(yīng)式設(shè)計(jì)可以幫助提高你的網(wǎng)站的搜索引擎排名和增加你的觀眾。然而,當(dāng)項(xiàng)目太大時(shí),開發(fā)人員往往不能遵循優(yōu)化UI設(shè)計(jì)的原則。因此,站點(diǎn)中的一些重要特性會(huì)失敗,或者瀏覽器測(cè)試完全失敗。

所以,今天創(chuàng)新互聯(lián)來談?wù)劄槭裁淳W(wǎng)頁(yè)界面設(shè)計(jì)會(huì)失敗,以及一些如何避免失敗的技巧。讓我們看看你有多少。

01. 銷售和意圖

用戶體驗(yàn)的最新趨勢(shì)是讓設(shè)計(jì)更有說服力。它可以引導(dǎo)用戶思考并建議下一步,但它也迫使用戶繼續(xù)訪問該網(wǎng)站。一個(gè)非常重要的UI設(shè)計(jì)技巧和建議就是不要過度使用這個(gè)策略。如果用戶生氣了,消極的結(jié)果是他們會(huì)毫不猶豫地立即離開網(wǎng)站。

02. 顏色匹配就是一切

在設(shè)計(jì)網(wǎng)站時(shí),使用適當(dāng)?shù)念伾幋a字體、標(biāo)題和背景。正確學(xué)習(xí)顏色理論,找到適合不同背景顏色的顏色。用戶界面設(shè)計(jì)專家指出,協(xié)調(diào)的配色方案比使用動(dòng)畫更能吸引顧客。上圖是顏色選擇的一個(gè)很好的例子。

03. 有吸引力的Flash元素

最近的用戶界面設(shè)計(jì)技術(shù)表明,簡(jiǎn)單的元素比華麗的顏色和按鈕更吸引用戶。特別是,必須避免使用Flash元素,因?yàn)樵S多瀏覽器不支持它們,導(dǎo)致跨瀏覽器測(cè)試失敗。

04.沒有響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)

現(xiàn)在所有的組織都在遵循移動(dòng)優(yōu)先的方法。理想情況下,你必須像競(jìng)爭(zhēng)對(duì)手一樣思考,開發(fā)一個(gè)遵循響應(yīng)式設(shè)計(jì)的好UI實(shí)踐、適用于所有設(shè)備、不需要水平滾動(dòng)、通過所有跨設(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è)試工具,允許你在超過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ù)雜的原型

包含太多元素且沒有適當(dāng)索引的復(fù)雜原型絕不是好UI設(shè)計(jì)實(shí)踐。它會(huì)使開發(fā)人員感到困惑,并導(dǎo)致站點(diǎn)充滿了無法滿足客戶需求的bug。

08. 專注于過時(shí)和擁擠的設(shè)計(jì)

隨機(jī)排列的內(nèi)容和圖片的集群式設(shè)計(jì)不僅會(huì)讓最終用戶感到不舒服,而且還會(huì)讓他困惑下一步要去哪里,或者如何實(shí)現(xiàn)打開網(wǎng)站的目標(biāo)。

09. 對(duì)于大規(guī)模廣告來說,記住內(nèi)容為王

廣告是增加網(wǎng)站收入的一種方式,太多的廣告不是最好的用戶界面設(shè)計(jì)實(shí)踐。如果一個(gè)網(wǎng)站充滿了太多的廣告,用戶會(huì)生氣,因?yàn)橛刑酂o用的信息,以獲得真正有用的信息。

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)離開站點(diǎn)。

名稱欄目:你知道你在做網(wǎng)頁(yè)設(shè)計(jì)時(shí)到底犯了多少錯(cuò)誤
文章分享:http://www.muchs.cn/news28/109028.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營(yíng)銷、Google、微信小程序、全網(wǎng)營(yíng)銷推廣、品牌網(wǎng)站設(shè)計(jì)、網(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í)需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)