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