7可能破壞您內(nèi)容的常見UX錯誤

2022-06-28    分類: 網(wǎng)站建設(shè)

一個成功的項目是良好的設(shè)計,殺手內(nèi)容和一點運氣的結(jié)合。通常,設(shè)計會因簡單的用戶體驗錯誤而脫軌,這些錯誤會破壞內(nèi)容并混淆界面的預(yù)期操作。
用戶可以很容易地忘記他們?yōu)槭裁丛谀抢?,以及他們?yīng)該做什么。值得慶幸的是,許多設(shè)計錯誤很容易識別和糾正。(作為獎勵,這篇文章中的例子正在做正確的事情;用它們作為指導(dǎo)!)
1.難以理解的排版
有一個短暫的階段,設(shè)計充滿了新穎的字體。雖然這本身不是一個問題,但是當單詞難以閱讀時確實存在問題。(如果用戶無法弄清楚他們說什么,那么設(shè)計中的單詞有什么意義?)
在查看新穎的選項時,請注意字母與您使用的單詞的外觀。某些組合在字體中可能比其他組合更好。注意字符串和使用的字符數(shù),特別是新穎的字體。(使用專業(yè)顯示排版時,字符越少越好。)
你怎么知道它難以閱讀?警惕極端傾斜的字體,緊密和濃縮的字形,過于精細的花飾,尾巴或結(jié)扎,或似乎一起運行或具有不常見形狀的字形。
立即修復(fù):為具有更寬姿態(tài)和更常見字體的東西切換出難以理解的字體。您不必一直改為Helvetica,而是去尋找可讀和有趣的東西。嘗試使用此Google字體集合中的內(nèi)容。
2.差異對齊

左,右,威特,有道理嗎?


我們不會在這里爭論對齊類型的優(yōu)點。最重要的是:一致的對齊才是真正重要的。類型和元素應(yīng)該在網(wǎng)格內(nèi)舒適地休息。應(yīng)避免鋸齒狀邊緣。
對齊性差的問題在于它破壞了視覺流動,使得用戶很難在設(shè)計中從一個元素移動到另一個元素。他們可能會在混亂中迷失方向,并且可能會錯過內(nèi)容方面最重要的內(nèi)容。
立即修復(fù):設(shè)置元素的對齊樣式。照片是居中的,還是與左邊緣的文字保持一致?制定一套指導(dǎo)方針,調(diào)整設(shè)計并堅持前進的規(guī)則。
3.不恰當?shù)囊庀?br />

不恰當?shù)膱D像是內(nèi)容殺手。它可以創(chuàng)建與文本的脫節(jié)視覺連接或讓用戶撓頭。


雖然不完整的圖像通常會以“當你看到它時知道”的方式出現(xiàn),但在你的項目中有一些紅旗要尋找。
愚蠢或過度使用的庫存圖片:如果照片看起來不真實(商務(wù)套裝中的人漫無目的地微笑)或者如果您在其他類似網(wǎng)站上看過它,請避免使用它。
質(zhì)量不佳的圖像:如果照片失焦,黑暗或組成不佳,請勿使用。沒有照片比壞照片更好。
低分辨率圖像:像素化圖像總是很糟糕。由于高分辨率屏幕的主導(dǎo)地位和受歡迎程度,幾年前作為設(shè)計工作流程一部分的許多照片規(guī)則都需要進行修改。
絨毛圖像不會增強內(nèi)容:不要因為你可以,包括照片而卡住,即使它與內(nèi)容沒有任何關(guān)系。圖像應(yīng)該增強內(nèi)容,而不是泥濘。
立即修復(fù):進行照片審核。完成您的設(shè)計并刪除包含上面紅旗的所有圖像。如果沒有合適的東西,則無需替換圖像。
4.忽視移動細節(jié)

眾所周知,網(wǎng)站應(yīng)該設(shè)計在響應(yīng)式框架上。很難找到一個會反對的設(shè)計師或開發(fā)者。但響應(yīng)式模板不是一站式解決方案。必須根據(jù)不同的屏幕尺寸調(diào)整設(shè)計。


很多時候,細節(jié)被忽略了。該網(wǎng)站在移動設(shè)備上運行,但是類型尺寸有點太小或者圖像的響應(yīng)尺寸,并且成比例地針對移動設(shè)備的不同寬高比。這些小細節(jié)可以嚴重惹惱用戶。
立即修復(fù):花一些時間使用您的移動設(shè)計。記下看似不合適的所有細節(jié)并引起挫敗感。檢查文字大小,圖片,加載時間,按鈕展示位置并進行必要的調(diào)整,以提供更加無縫的體驗。
5.瘋狂的顏色

一個無聊的設(shè)計師將創(chuàng)造一個脫節(jié)的設(shè)計。這通常表現(xiàn)的方式之一是瘋狂的顏色和缺乏定義的調(diào)色板。


太多的顏色可能會分散注意力,并且往往具有業(yè)余感。對于每個項目都能完成彩虹風格的調(diào)色板,另外1000個項目也失敗了。除非您的品牌指南要求使用這種配色方案,否則請避免使用。(如果您的品牌有這樣的指導(dǎo)方針,請鼓勵刷新。)
立即修復(fù):創(chuàng)建一個強大的調(diào)色板。從主色和一個或兩個輔助選項開始。如果您需要更多方差,請使用該調(diào)色板中的色調(diào)和色調(diào)(并為這些調(diào)色板創(chuàng)建規(guī)則)。不要開始添加更多顏色。
6.不給用戶做任何事情

想象一下登陸美麗的網(wǎng)頁,但后來不知道該怎么做。你滾動了嗎?你點擊了嗎?是否有下一步要找到更多內(nèi)容?


應(yīng)該有。
一個好的網(wǎng)站設(shè)計是一個從一個頁面到另一個頁面的動作,交互和動作的網(wǎng)絡(luò)。目標是讓訪問者在所需操作的路徑上盡可能多地連接內(nèi)容。
立即修復(fù):設(shè)計中的每個頁面都應(yīng)包含號召性用語。用戶應(yīng)該確切地知道每個頁面的目標是什么,并且想要單擊按鈕,填寫表單,玩游戲或購買產(chǎn)品。設(shè)計結(jié)構(gòu)應(yīng)包括粗體用戶界面元素,以鼓勵按鈕樣式的點擊或點擊到可操作的指令。
7.太多好事了
不要過分使用超酷元素。
有一個很好的插圖?用它。使用它甚至是大的。但不要用許多稀釋圖像的其他插圖來混淆它。
圖標或任何其他技術(shù)也是如此,這是吸引用戶的誘餌。你想讓他們想要更多,而不是被音量所淹沒。這聽起來很簡單,但實際上很難。(想想你買的那個圖標包,感覺需要通過使用每件物品來獲得你的錢。)
立即修復(fù):采用更少的策略。僅使用增強內(nèi)容所需的元素。不要壓倒它。完成當前設(shè)計,想象從每個頁面中取出一個元素。會是什么?設(shè)計更好嗎?
結(jié)論
每個設(shè)計師都會在這里和那里犯下設(shè)計錯誤。(我們中的一些人比我們想承認的更多。)但你能確定問題并恢復(fù)嗎?

現(xiàn)在,您應(yīng)該在這個方向上有一個良好的開端,這個錯誤列表和糾正方法。當你犯下設(shè)計罪,調(diào)整并繼續(xù)前進時,不要感到羞恥。


本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)
標簽:公司網(wǎng)站制作,成都建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁制作公司,建網(wǎng)站公司,企業(yè)建站,重慶網(wǎng)站建設(shè)公司,成都網(wǎng)頁設(shè)計公司成都網(wǎng)站設(shè)計公司,企業(yè)網(wǎng)站建設(shè)

網(wǎng)站題目:7可能破壞您內(nèi)容的常見UX錯誤
標題URL:http://www.muchs.cn/news10/172560.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、小程序開發(fā)域名注冊、品牌網(wǎng)站建設(shè)、搜索引擎優(yōu)化定制網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)