全美商學院
新聞
新聞

6個(gè)成都網站(zhàn)設計(jì)錯誤——以及如何避免它們

2023
07/03
01:27
全美網絡官網
分享

成都網站(zhàn)設計(jì)中有(yǒu)許多(duō)因素、元素和(hé)設計(jì)選擇可(kě)能會(huì)讓用戶變得(de)更加困難:更難導航、更難聯系、更難信任。除非您想拒絕目标受衆,否則請(qǐng)繼續閱讀以發現六大(dà)成都網站(zhàn)設計(jì)錯誤以及如何避免它們。

網站(zhàn)設計(jì)關系系統

1、讓你(nǐ)的網站(zhàn)變得(de)混亂

如果沒有(yǒu)堅實的基礎,您就會(huì)面臨犯最常見的成都網站(zhàn)設計(jì)錯誤之一的風險:僅僅因為(wèi)可(kě)用就添加多(duō)餘的元素。

在開(kāi)始之前,閱讀設計(jì)的基本原則總是值得(de)的。首先了解您希望網站(zhàn)實現什麽目标以及如何實現這一目标非常重要。這是因為(wèi)如今的成都網站(zhàn)設計(jì)軟件提供了如此廣泛的工具和(hé)可(kě)用選項(彈出窗口、動畫(huà)徽标和(hé)嵌入式視(shì)頻),業餘設計(jì)師(shī)很(hěn)快就會(huì)不知所措。

不要陷入繁忙的設計(jì)中,這些(xiē)設計(jì)會(huì)讓用戶超負荷地使用不需要的彈出廣告、自動播放視(shì)頻(複數(shù))和(hé)繁忙的導航欄;效仿近藤麻理(lǐ)惠 (Marie Kondo),讓您的成都網站(zhàn)設計(jì)保持整潔。

值得(de)慶幸的是,避免設計(jì)過度擁擠相對容易,因為(wèi)它隻需要您避免向網頁添加額外元素“看看會(huì)發生(shēng)什麽”的誘惑。除非您能解釋頁面中特定元素的設計(jì)用途,否則它不應該出現在那(nà)裏。因此,請(qǐng)專注于構建一個(gè)堅實、簡單的結構,為(wèi)用戶提供最積極、無縫的體(tǐ)驗。

2、直接跳(tiào)到電(diàn)腦(nǎo)上(shàng)

成都網站(zhàn)設計(jì)中的第二個(gè)常見錯誤将我們帶到了設計(jì)過程的核心。大(dà)多(duō)數(shù)企業主(以及相當一部分業餘成都網站(zhàn)設計(jì)師(shī))仍然認為(wèi)成都網站(zhàn)設計(jì)是“在計(jì)算(suàn)機上(shàng)”進行(xíng)的過程。

雖然您最終的創作(zuò)确實會(huì)以這種方式被看待,但(dàn)當涉及到它的設計(jì)時(shí),沒有(yǒu)什麽比事實更離譜的了。相反,在開(kāi)始使用成都網站(zhàn)設計(jì)程序或構建器(qì)之前,您需要轉向更傳統的藝術(shù)方法來(lái)開(kāi)始設計(jì)您的網站(zhàn)。

具體(tǐ)來(lái)說,開(kāi)始設計(jì)網頁的最佳方法實際上(shàng)是拿(ná)起一支鉛筆和(hé)一張紙。首先為(wèi)您的網站(zhàn)編寫目标列表,然後設計(jì)一組專注于實現該核心目标的頁面。

以這種方式設計(jì)将使您能夠發現設計(jì)中任何明(míng)顯的冗餘,并有(yǒu)助于極大(dà)地簡化您的網站(zhàn)。

事實上(shàng),這種方法是最好的成都網站(zhàn)設計(jì)師(shī)可(kě)以向客戶收取看似高(gāo)額費用的原因之一。這并不是因為(wèi)他們知道(dào)如何使用網站(zhàn)建設軟件(今天,幾乎任何人(rén)都可(kě)以),而是因為(wèi)他們知道(dào)如何正确構建您的網站(zhàn),并且可(kě)以幫助您确保您的願景在你(nǐ)們接觸計(jì)算(suàn)機之前就可(kě)以正常工作(zuò)。

3、俯瞰網格、指南和(hé)列

構建網站(zhàn)的下一階段是開(kāi)始為(wèi)頁面構建模闆。在頁面設計(jì)方面,即使是最基本的網站(zhàn)構建器(qì)也帶有(yǒu)用于設置網格、指南和(hé)列的工具。許多(duō)年輕的成都網站(zhàn)設計(jì)師(shī)忽視(shì)了這些(xiē)工具,認為(wèi)它們隻适合較舊(jiù)的“塊狀”網站(zhàn)。

實際上(shàng),網格仍然是每個(gè)精心設計(jì)的網頁的核心結構元素,并且應該始終用于排列頁面的視(shì)覺元素。早在成都網站(zhàn)設計(jì)出現之前,網格和(hé)指南就構成了核心圖形設計(jì)技(jì)能的基礎,并且它們肯定會(huì)在未來(lái)幾年繼續成為(wèi)基本工具。

無論網格和(hé)列的線條在網頁上(shàng)是否可(kě)見,它們仍然構成網站(zhàn)的底層框架以及元素之間(jiān)的比例的基礎。網格有(yǒu)助于水(shuǐ)平和(hé)垂直分割網頁,從而決定不同設計(jì)元素之間(jiān)的對齊方式。

也就是說,也可(kě)以将基于網格的設計(jì)與更現代的設計(jì)和(hé)消費者研究技(jì)術(shù)相結合。當消費者期望不同類型的網頁的外觀和(hé)感覺時(shí),消費者與網絡交互的各種方式産生(shēng)了類似的期望。

4、缺乏視(shì)覺層次感

我們列表中的第四個(gè)成都網站(zhàn)設計(jì)錯誤稍微複雜一些(xiē),至少(shǎo)對于那(nà)些(xiē)剛接觸成都網站(zhàn)設計(jì)的人(rén)來(lái)說是這樣。我們在新網站(zhàn)上(shàng)看到的最常見錯誤之一是它們忽視(shì)了視(shì)覺層次結構的重要性。

視(shì)覺層次結構 被定義為(wèi)元素根據其重要性的有(yǒu)序排列。這意味着,如果你(nǐ)沒有(yǒu)做(zuò)到這一點,用戶可(kě)能會(huì)受到你(nǐ)設計(jì)的不同功能的轟炸,所有(yǒu)這些(xiē)功能都在努力吸引他們的注意力。他們不會(huì)被有(yǒu)效地引導至您的号召性用語,這意味着沒有(yǒu)轉化。

要創建強大(dà)的視(shì)覺層次結構,請(qǐng)仔細考慮訪問者訪問您網站(zhàn)的目的。進行(xíng)用戶體(tǐ)驗研究并确保用戶流程直觀且無縫。

電(diàn)子商務網站(zhàn)就是一個(gè)很(hěn)好的例子。最好的公司将他們的個(gè)人(rén)品牌大(dà)部分保留在用戶體(tǐ)驗之外。相反,它們充當客戶了解并購買為(wèi)他們量身定制(zhì)的産品的門(mén)戶。

通(tōng)常,設計(jì)良好的電(diàn)子商務網站(zhàn)隻會(huì)在一個(gè)(非常重要的)點提醒用戶他們正在訪問哪個(gè)網站(zhàn):就在他們完成平穩、無縫、輕松地購買特定商品的過程之後。

5、忽視(shì)可(kě)訪問性

可(kě)訪問性也是成都網站(zhàn)設計(jì)中非常重要的一個(gè)方面,忽視(shì)它會(huì)嚴重影(yǐng)響 您網站(zhàn)所達到的結果。在過去的幾年中,許多(duō)公司已經認識到向具有(yǒu)廣泛障礙和(hé)能力的訪問者提供其網站(zhàn)的重要性。

當然,讓盡可(kě)能多(duō)的人(rén)可(kě)以使用您的網站(zhàn)有(yǒu)道(dào)德上(shàng)的理(lǐ)由,但(dàn)這樣做(zuò)也有(yǒu)商業上(shàng)的理(lǐ)由。畢竟,擴大(dà)受衆範圍隻會(huì)增加成功銷售的機會(huì)。

即使目前法律上(shàng)沒有(yǒu)要求您的網站(zhàn)可(kě)供訪問,但(dàn)行(xíng)業标準很(hěn)可(kě)能在不久的将來(lái)會(huì)要求您這樣做(zuò)。試圖采用一個(gè)在設計(jì)時(shí)并未考慮到可(kě)訪問性的網站(zhàn),并追溯性地添加這一點,通(tōng)常是一項昂貴且耗時(shí)的工作(zuò)。

因此,在創建成都網站(zhàn)設計(jì)之前,請(qǐng)開(kāi)始考慮如何在成都網站(zhàn)設計(jì)中使用文本、圖像和(hé)聲音(yīn)。向圖像添加 alt 标簽,包括音(yīn)頻描述,并保持副本間(jiān)距良好,并采用無襯線、清晰的字體(tǐ)。如果您要展示視(shì)頻,請(qǐng)允許用戶選擇按播放鍵而不是将其保留為(wèi)自動設置,并對您想要創建的用戶體(tǐ)驗進行(xíng)研究。

将可(kě)訪問性放在您的腦(nǎo)海中進行(xíng)設計(jì)可(kě)以創建更具創新性、創造性和(hé)智能設計(jì)的網站(zhàn)。您可(kě)以自由地嘗試趨勢,但(dàn)可(kě)以确保它們有(yǒu)目的地實施到您的設計(jì)中。任何好的設計(jì)都不應阻礙曝光,如果您的網站(zhàn)無法被某些(xiē)人(rén)訪問,那(nà)麽這正是它正在做(zuò)的事情。

6、不為(wèi)移動設備設計(jì)

我們列表中的最後一個(gè)成都網站(zhàn)設計(jì)錯誤仍然是大(dà)多(duō)數(shù)首次設計(jì)網站(zhàn)的公司所犯的錯誤。正如成都網站(zhàn)設計(jì)仍然被認為(wèi)是“在計(jì)算(suàn)機上(shàng)”發生(shēng)的事情一樣,許多(duō)人(rén)仍然認為(wèi)移動浏覽是網站(zhàn)“主要體(tǐ)驗”(桌面網站(zhàn))的“替代品”。現在情況已經不再是這樣了。事實上(shàng),移動浏覽現在占據了互聯網流量的大(dà)部分,因此許多(duō)設計(jì)師(shī)實際上(shàng)會(huì)在制(zhì)作(zuò)桌面網站(zhàn)之前制(zhì)作(zuò)移動網站(zhàn)。

這被稱為(wèi)“移動優先”策略,現在甚至在大(dà)公司中也是一種非常流行(xíng)的方法。以桌面優先進行(xíng)設計(jì)可(kě)能是一個(gè)錯誤,因為(wèi)您可(kě)能會(huì)導緻網站(zhàn)過于混亂或速度緩慢,從而在移動設備上(shàng)顯得(de)不友(yǒu)好。相反,首先為(wèi)移動設備設計(jì)網站(zhàn) ,然後再擴展到網站(zhàn)的桌面版本。

設計(jì)網站(zhàn)時(shí)考慮移動設備的原因非常清楚。根據來(lái)自 Hosting Data 的倫敦網絡開(kāi)發人(rén)員 Alexander Williams 的說法,提高(gāo)轉化率應該是設計(jì)網站(zhàn)時(shí)的主要目标,并且在大(dà)多(duō)數(shù)訪問者将使用智能手機的世界中,他們需要能夠購買産品直接通(tōng)過他們的手機。

當然,同樣的觀點可(kě)以擴展到平闆電(diàn)腦(nǎo)、智能設備以及當今可(kě)用的幾乎任何其他類型的支持互聯網的硬件。換句話(huà)說,您的成都網站(zhàn)設計(jì)需要能夠在不同的設備上(shàng)進行(xíng)訪問,并且具有(yǒu)足夠的響應能力,以便能夠自動調整以在盡可(kě)能廣泛的設備上(shàng)獲得(de)正确的外觀和(hé)感覺。正如我們在其他地方指出的,實現這一點可(kě)能很(hěn)困難,因為(wèi)它涉及到關注多(duō)種因素,從頁面布局到所使用圖像的大(dà)小(xiǎo)。

如果有(yǒu)疑問……

……聘請(qǐng)專業人(rén)士。雖然我們在這裏列出的錯誤看起來(lái)很(hěn)簡單,但(dàn)如果您是成都網站(zhàn)設計(jì)過程的新手,則很(hěn)容易犯這些(xiē)錯誤。即使是大(dà)企業有(yǒu)時(shí)也會(huì)犯錯,但(dàn)與設計(jì)師(shī)合作(zuò)意味着您為(wèi)自己的品牌提供了最好的機會(huì)。

聯系我們
歡迎來(lái)到全美,免費
獲取專業網站(zhàn)建設方案
電(diàn)話(huà)咨詢:

18140041855

您還(hái)可(kě)以預約資深顧問
隐私信息保護中,請(qǐng)放心填寫

在線客服

電(diàn)話(huà)咨詢

微信咨詢

微信号複制(zhì)成功
18140041855 (蘇女士)
打開(kāi)微信,粘貼添加好友(yǒu),免費詢價吧(ba)