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

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

左，右，威特，有道理嗎？

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

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

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

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

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

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

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

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

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

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

本文來(lái)自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽：公司網(wǎng)站制作，成都建設(shè)網(wǎng)站，官網(wǎng)建設(shè)，網(wǎng)頁(yè)制作公司，建網(wǎng)站公司，企業(yè)建站，重慶網(wǎng)站建設(shè)公司，成都網(wǎng)頁(yè)設(shè)計(jì)公司，成都網(wǎng)站設(shè)計(jì)公司，企業(yè)網(wǎng)站建設(shè)

網(wǎng)站題目：7可能破壞您內(nèi)容的常見(jiàn)UX錯(cuò)誤
標(biāo)題URL：http://www.bm7419.com/news10/172560.html

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