陽(yáng)后第五天,終于開(kāi)始好轉(zhuǎn),繼續(xù)更新了。您要開(kāi)始設(shè)計(jì)您的第一個(gè)網(wǎng)站嗎?或者,也許您即將開(kāi)始您的成都網(wǎng)頁(yè)設(shè)計(jì)師生涯?如果是這樣,您可能會(huì)從閱讀此頁(yè)面中受益。
設(shè)計(jì)網(wǎng)站的機(jī)制并不過(guò)分具有挑戰(zhàn)性。您可以使用許多工具來(lái)簡(jiǎn)化開(kāi)發(fā)過(guò)程。但是,有時(shí)您可能會(huì)過(guò)于接近設(shè)計(jì)項(xiàng)目。即使是最有經(jīng)驗(yàn)的設(shè)計(jì)師也可能會(huì)漏掉網(wǎng)絡(luò)上普遍存在的一些錯(cuò)誤。
因此,建議您從您設(shè)計(jì)的網(wǎng)站退后一步,并采取客觀、批判的觀點(diǎn)。這是在審查新開(kāi)發(fā)的網(wǎng)站時(shí)要注意的最常見(jiàn)的成都網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤清單。
有創(chuàng)意很有趣。但是,如果您偏離用戶(hù)期望在網(wǎng)站上找到的內(nèi)容太遠(yuǎn),人們只會(huì)感到困惑。因此,通常最好堅(jiān)持慣例,無(wú)論這樣做看起來(lái)多么無(wú)聊。
互聯(lián)網(wǎng)用戶(hù)熟悉許多成都網(wǎng)頁(yè)設(shè)計(jì)慣例。這些標(biāo)準(zhǔn)的一個(gè)例子是放置在頁(yè)面頂部的菜單。其他包括網(wǎng)站左上角的標(biāo)志,聯(lián)系信息通常位于右上角。
當(dāng)然,沒(méi)有法律規(guī)定您必須遵守這些約定。但良好成都網(wǎng)頁(yè)設(shè)計(jì)的主要目標(biāo)之一是使網(wǎng)站易于使用。使站點(diǎn)易于使用的最佳方法是使用人們熟悉的用戶(hù)界面。
圖片、信息圖表和視頻是網(wǎng)站的標(biāo)準(zhǔn)功能。事實(shí)上,按照今天的標(biāo)準(zhǔn),只有文本塊才會(huì)被認(rèn)為是糟糕的成都網(wǎng)頁(yè)設(shè)計(jì)。然而,視覺(jué)效果需要以美觀的方式放置。并且視覺(jué)效果需要正確分配以創(chuàng)建平衡的頁(yè)面。
視覺(jué)效果必須增強(qiáng)頁(yè)面的外觀并為內(nèi)容添加一些有價(jià)值的東西。但一個(gè)常見(jiàn)的錯(cuò)誤是使用與頁(yè)面主題只有微弱聯(lián)系的低質(zhì)量圖像或視覺(jué)效果。最好確保所有視覺(jué)效果大小相同或彼此成比例。隨意調(diào)整視覺(jué)效果會(huì)使網(wǎng)站看起來(lái)凌亂和不專(zhuān)業(yè)。
為網(wǎng)站選擇配色方案可能非常耗時(shí)。事實(shí)上,您可以花費(fèi)數(shù)小時(shí)調(diào)整調(diào)色板以獲得正確的效果。然而,一個(gè)常見(jiàn)的成都網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤是選擇相互沖突或不夠明顯的顏色。所以,你花在完善配色方案上的時(shí)間是值得的。
沖突的顏色會(huì)產(chǎn)生影響,但也會(huì)讓用戶(hù)反感。例如,霓虹青色和霓虹粉色的組合看起來(lái)很醒目。但是這樣的組合也很容易讓人頭疼!
如果您還注意所謂的振動(dòng)顏色組合,那將是最好的。例如,大膽的粉紅色與大膽的綠色相結(jié)合。當(dāng)組合振動(dòng)顏色時(shí),例如綠色背景上的粉紅色文本,粉紅色文本可能看起來(lái)是閃爍的。
當(dāng)然,沖突的反面是對(duì)比度不足的顏色。低對(duì)比度會(huì)使文本難以閱讀。所以,不要錯(cuò)誤地將淺藍(lán)色文本放在深藍(lán)色背景上。相反,選擇對(duì)比色會(huì)使頁(yè)面上的文字脫穎而出。
您是否曾經(jīng)訪問(wèn)過(guò)一個(gè)網(wǎng)站,在該網(wǎng)站上一切看起來(lái)都像是一項(xiàng)艱巨的工作?好吧,這是另一個(gè)常見(jiàn)的成都網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤,即使是一些最知名的網(wǎng)站也會(huì)犯這種錯(cuò)誤。
為了獲得最佳用戶(hù)體驗(yàn) (UX),網(wǎng)站上的所有內(nèi)容都應(yīng)盡可能簡(jiǎn)單明了。例如,號(hào)召性用語(yǔ) (CTA) 應(yīng)該易于查找且明確。訂閱郵件列表不應(yīng)該涉及回答十頁(yè)的調(diào)查問(wèn)卷!結(jié)帳過(guò)程應(yīng)該只有幾個(gè)步驟。讓從 A 到 B 的過(guò)程盡可能無(wú)痛,這樣會(huì)有更多的人完成旅程。
有太多第三方廣告的網(wǎng)站很煩人。過(guò)多的廣告會(huì)分散用戶(hù)對(duì)內(nèi)容的注意力。但是,擁有可能被混淆為廣告的真實(shí)內(nèi)容也是錯(cuò)誤的。
網(wǎng)站用戶(hù)已經(jīng)習(xí)慣于在網(wǎng)絡(luò)上隨處看到廣告。事實(shí)上,大多數(shù)用戶(hù)已經(jīng)對(duì)廣告視而不見(jiàn)。因此,如果您有任何看起來(lái)像廣告的內(nèi)容,訪問(wèn)者很可能會(huì)忽略它。
那么,最好避免使用類(lèi)似橫幅的元素,即使這些橫幅宣傳的是您銷(xiāo)售的產(chǎn)品。看起來(lái)像谷歌廣告的側(cè)邊欄元素也可能被忽略。當(dāng)然,也應(yīng)避免出現(xiàn)過(guò)多的彈出窗口。
當(dāng)有人單擊鏈接時(shí),許多網(wǎng)站會(huì)打開(kāi)新的選項(xiàng)卡或窗口。您可能認(rèn)為這會(huì)鼓勵(lì)用戶(hù)留在您的網(wǎng)站上。但是,所有這些新選項(xiàng)卡或窗口都會(huì)使訪問(wèn)者的瀏覽器變得混亂。而且,如果打開(kāi)了新的選項(xiàng)卡或窗口,用戶(hù)將無(wú)法使用后退按鈕返回到上一頁(yè)。因此,這種做法不僅會(huì)激怒用戶(hù),而且還會(huì)弄巧成拙。
用戶(hù)在任何時(shí)候只能接受這么多信息。因此,最好避免使用過(guò)多信息使頁(yè)面混亂。提供太多選項(xiàng)也是如此。例如,同一產(chǎn)品的太多變體只會(huì)讓人們感到困惑。
通過(guò)記住 KISS(保持簡(jiǎn)單愚蠢)原則,可以避免許多常見(jiàn)的成都網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤。或者,換句話說(shuō),通常最好的設(shè)計(jì)網(wǎng)站的方式就是少。
最好將用戶(hù)在網(wǎng)站上的體驗(yàn)視為一段旅程。沒(méi)有人喜歡在旅途中走錯(cuò)彎,然后走入死胡同。因此,內(nèi)容應(yīng)該以邏輯流的形式鏈接在一起。每個(gè)按鈕和鏈接都應(yīng)該將用戶(hù)帶到他們期望的地方。
因此,請(qǐng)避免錯(cuò)誤地添加對(duì)當(dāng)前內(nèi)容沒(méi)有任何價(jià)值的內(nèi)部鏈接。確保號(hào)召性用語(yǔ)和超鏈接不具有誤導(dǎo)性。并考慮將頁(yè)面鏈接在一起時(shí)的旅程。問(wèn)問(wèn)自己,您鏈接到用戶(hù)旅程中下一個(gè)合乎邏輯步驟的其他頁(yè)面嗎?
最不可原諒的成都網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤之一可能是糟糕的導(dǎo)航和搜索。或者,更糟糕的是,根本沒(méi)有搜索。
擁有多個(gè)頁(yè)面的站點(diǎn)將需要結(jié)構(gòu)良好的菜單、內(nèi)部鏈接和高級(jí)搜索功能。如果沒(méi)有這些查找信息的方法,一些用戶(hù)可能找不到他們需要的東西。這將導(dǎo)致人們?cè)谫?gòu)買(mǎi)或遵循任何其他號(hào)召性用語(yǔ)之前退出該網(wǎng)站。
最后,即使是最小的錯(cuò)誤,用戶(hù)也會(huì)發(fā)現(xiàn)。你可能認(rèn)為一個(gè)小錯(cuò)誤并不重要。但是網(wǎng)站上的任何錯(cuò)誤都會(huì)對(duì)擁有該網(wǎng)站的公司或個(gè)人造成不良影響。因此,對(duì)細(xì)節(jié)的關(guān)注在成都網(wǎng)頁(yè)設(shè)計(jì)中至關(guān)重要。
拼寫(xiě)和語(yǔ)法錯(cuò)誤是此類(lèi)中最有可能的罪魁禍?zhǔn)住5怯行┰O(shè)計(jì)錯(cuò)誤也會(huì)破壞網(wǎng)站的流程。在一頁(yè)上使用錯(cuò)誤的顏色就是一個(gè)例子。稍微錯(cuò)位的文本框或視覺(jué)效果是另一回事。即使是這些微小的錯(cuò)誤也會(huì)分散用戶(hù)對(duì)網(wǎng)站目的的注意力并降低轉(zhuǎn)化率。
在設(shè)計(jì)網(wǎng)站時(shí),很容易忽略其中一些基本的成都網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤。因此,退后一步審查并徹底測(cè)試網(wǎng)站是 Web 開(kāi)發(fā)中必不可少的一步。但希望以上內(nèi)容能幫助您避免犯下這些非常常見(jiàn)的網(wǎng)站錯(cuò)誤!