網(wǎng)頁(yè)設(shè)計(jì)中有許多因素、元素和設(shè)計(jì)選擇會(huì)使用戶(hù)更難:更難導(dǎo)航、更難聯(lián)系和更難信任。除非您試圖擊退目標(biāo)受眾,否則請(qǐng)繼續(xù)閱讀高端廣告vi設(shè)計(jì)公司如何避免6個(gè)網(wǎng)站設(shè)計(jì)錯(cuò)誤的建議。
1. 弄亂你的網(wǎng)站
——
如果沒(méi)有堅(jiān)實(shí)的基礎(chǔ),您可能會(huì)犯下最常見(jiàn)的網(wǎng)站設(shè)計(jì)錯(cuò)誤之一:僅僅因?yàn)樗鼈兛捎镁吞砑佣嘤嗟脑亍?/p>
在開(kāi)始之前閱讀設(shè)計(jì)的基本原則總是值得的。重要的是首先要了解您希望您的網(wǎng)站實(shí)現(xiàn)什么以及它將如何做到這一點(diǎn)。這是因?yàn)榻裉?,網(wǎng)頁(yè)設(shè)計(jì)軟件提供了如此廣泛的工具和可用選項(xiàng) ,業(yè)余設(shè)計(jì)師很快就會(huì)不知所措。
不要沉迷于繁忙的設(shè)計(jì),這些設(shè)計(jì)會(huì)讓用戶(hù)使用不需要的彈出廣告、自動(dòng)播放視頻(復(fù)數(shù))和繁忙的導(dǎo)航欄;做一個(gè)Marie Kondo 并讓您的網(wǎng)頁(yè)設(shè)計(jì)保持整潔。
避免過(guò)度擁擠你的設(shè)計(jì)相對(duì)容易,謝天謝地,因?yàn)樗灰竽惚苊庀蚰愕木W(wǎng)頁(yè)添加額外元素“看看會(huì)發(fā)生什么”的誘惑。除非您可以解釋頁(yè)面中特定元素的設(shè)計(jì)用途,否則它不應(yīng)該存在。因此,請(qǐng)繼續(xù)專(zhuān)注于構(gòu)建一個(gè)堅(jiān)實(shí)、簡(jiǎn)單的結(jié)構(gòu),為用戶(hù)提供最積極、無(wú)縫的體驗(yàn)。
2. 直接跳到電腦上
——
網(wǎng)頁(yè)設(shè)計(jì)中的第二個(gè)常見(jiàn)錯(cuò)誤將高端廣告vi設(shè)計(jì)公司帶到了設(shè)計(jì)過(guò)程的核心。大多數(shù)企業(yè)主(以及相當(dāng)比例的業(yè)余網(wǎng)頁(yè)設(shè)計(jì)師)仍然認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)“在計(jì)算機(jī)上”進(jìn)行的過(guò)程。
雖然您的最終創(chuàng)作確實(shí)會(huì)以這種方式被看到,但在它的設(shè)計(jì)方面,沒(méi)有什么比事實(shí)更離譜的了。相反,在開(kāi)始使用網(wǎng)頁(yè)設(shè)計(jì)程序或構(gòu)建器之前,在開(kāi)始設(shè)計(jì)您的網(wǎng)站時(shí),您需要轉(zhuǎn)向更傳統(tǒng)的藝術(shù)方法。
具體來(lái)說(shuō),開(kāi)始設(shè)計(jì)網(wǎng)頁(yè)的最佳方式實(shí)際上是拿起一支鉛筆和一張紙。首先為您的網(wǎng)站編寫(xiě)目標(biāo)列表,然后設(shè)計(jì)一組專(zhuān)注于實(shí)現(xiàn)這一核心目標(biāo)的頁(yè)面。
以這種方式進(jìn)行設(shè)計(jì)將使您能夠發(fā)現(xiàn)設(shè)計(jì)中的任何明顯冗余,并極大地簡(jiǎn)化您的網(wǎng)站。
實(shí)際上,這種方法是最好的網(wǎng)頁(yè)設(shè)計(jì)師可以向他們的客戶(hù)收取看似高額費(fèi)用的原因之一。這不是因?yàn)樗麄冎廊绾问褂镁W(wǎng)站構(gòu)建軟件(今天,幾乎任何人都可以),而是因?yàn)樗麄冎廊绾握_構(gòu)建您的網(wǎng)站,并且可以幫助您確保您的愿景在您接觸計(jì)算機(jī)之前很久就可以工作。
3. 俯瞰網(wǎng)格、指南和列
——
構(gòu)建網(wǎng)站的下一階段是開(kāi)始為您的頁(yè)面構(gòu)建模板。在頁(yè)面設(shè)計(jì)方面,即使是最基本的網(wǎng)站構(gòu)建器也帶有用于設(shè)置網(wǎng)格、指南和列的工具。許多年輕的網(wǎng)頁(yè)設(shè)計(jì)師忽略了這些工具,認(rèn)為它們只適用于較舊的、“阻塞”的網(wǎng)站。
實(shí)際上,網(wǎng)格仍然是每個(gè)精心設(shè)計(jì)的網(wǎng)頁(yè)的核心結(jié)構(gòu)元素,并且應(yīng)該始終用于排列頁(yè)面的視覺(jué)元素。早在網(wǎng)頁(yè)設(shè)計(jì)出現(xiàn)之前,網(wǎng)格和指南就形成了核心圖形設(shè)計(jì)技能的基礎(chǔ),它們肯定會(huì)在未來(lái)幾年繼續(xù)成為基本工具。
無(wú)論您的網(wǎng)格和列的線條在您的網(wǎng)頁(yè)上是否可見(jiàn),它們?nèi)匀粯?gòu)成您網(wǎng)站的基礎(chǔ)框架和元素之間的比例。網(wǎng)格有助于水平和垂直分割網(wǎng)頁(yè),從而決定不同設(shè)計(jì)元素之間的對(duì)齊方式。
也就是說(shuō),也可以將基于網(wǎng)格的設(shè)計(jì)與更現(xiàn)代的設(shè)計(jì)和消費(fèi)者研究技術(shù)相結(jié)合。消費(fèi)者與網(wǎng)絡(luò)交互的方式的范圍在他們期望不同類(lèi)型的網(wǎng)頁(yè)的外觀和感覺(jué)方面產(chǎn)生了類(lèi)似的期望范圍。
4.缺乏視覺(jué)層次
——
高端廣告vi設(shè)計(jì)公司列表中的第四個(gè)網(wǎng)站設(shè)計(jì)錯(cuò)誤稍微復(fù)雜一些,至少對(duì)于那些剛接觸網(wǎng)頁(yè)設(shè)計(jì)的人來(lái)說(shuō)。我們?cè)谛戮W(wǎng)站上看到的最常見(jiàn)錯(cuò)誤之一是它們忽略了視覺(jué)層次結(jié)構(gòu)的重要性。
視覺(jué)層次被定義為元素的有序排列,根據(jù)它們的重要性。這意味著,如果您沒(méi)有做到這一點(diǎn),用戶(hù)可能會(huì)被您設(shè)計(jì)的不同功能轟炸,所有這些功能都在努力吸引他們的注意力。他們不會(huì)被有效地引導(dǎo)到您的 CTA,這意味著沒(méi)有轉(zhuǎn)化。
要?jiǎng)?chuàng)建強(qiáng)大的視覺(jué)層次結(jié)構(gòu),請(qǐng)仔細(xì)考慮訪問(wèn)者訪問(wèn)您網(wǎng)站的目的。進(jìn)行用戶(hù)體驗(yàn)研究并確保用戶(hù)流程直觀且無(wú)縫。
電子商務(wù)網(wǎng)站就是一個(gè)很好的例子。最好的那些將他們的個(gè)人品牌主要保留在用戶(hù)體驗(yàn)之外。相反,它們充當(dāng)了客戶(hù)了解和購(gòu)買(mǎi)為他們量身定制的產(chǎn)品的門(mén)戶(hù)。
通常,精心設(shè)計(jì)的電子商務(wù)網(wǎng)站只會(huì)在一個(gè)(非常重要的)點(diǎn)提醒用戶(hù)他們?cè)谀膫€(gè)網(wǎng)站上:就在他們完成了對(duì)特定商品的流暢、無(wú)縫、簡(jiǎn)單的購(gòu)物過(guò)程之后。
5. 俯瞰可訪問(wèn)性
——
可訪問(wèn)性也是網(wǎng)頁(yè)設(shè)計(jì)中非常重要的一個(gè)方面,忽略它會(huì)嚴(yán)重影響您的網(wǎng)站實(shí)現(xiàn)的結(jié)果。在過(guò)去的幾年里,許多公司已經(jīng)認(rèn)識(shí)到讓有各種障礙和能力的訪問(wèn)者可以訪問(wèn)他們的網(wǎng)站的重要性。
當(dāng)然,讓您的網(wǎng)站可供盡可能多的人使用是有道德的論據(jù),但也有這樣做的商業(yè)案例。畢竟,擴(kuò)大受眾范圍只會(huì)增加成功銷(xiāo)售的機(jī)會(huì)。
即使您目前沒(méi)有法律要求讓您的網(wǎng)站可訪問(wèn),但行業(yè)標(biāo)準(zhǔn)很可能會(huì)在不久的將來(lái)要求這樣做。嘗試使用一個(gè)設(shè)計(jì)時(shí)沒(méi)有考慮到可訪問(wèn)性的網(wǎng)站,并追溯添加它,通常是一項(xiàng)昂貴且耗時(shí)的工作。
因此,在高端廣告vi設(shè)計(jì)公司創(chuàng)建網(wǎng)頁(yè)設(shè)計(jì)之前,請(qǐng)開(kāi)始考慮如何在網(wǎng)頁(yè)設(shè)計(jì)中使用文本、圖像和聲音。為圖像添加 alt 標(biāo)簽,包括音頻描述,并保持副本的間距和無(wú)襯線、清晰的字體。如果您正在播放視頻,請(qǐng)?jiān)试S用戶(hù)選擇按下播放鍵,而不是讓它們處于自動(dòng)設(shè)置狀態(tài),并對(duì)您想要?jiǎng)?chuàng)建的用戶(hù)體驗(yàn)進(jìn)行研究。
將可訪問(wèn)性放在您的腦海中進(jìn)行設(shè)計(jì)可以創(chuàng)建更具創(chuàng)新性、創(chuàng)造性和智能設(shè)計(jì)的網(wǎng)站。您享受?chē)L試趨勢(shì)的自由,但可以確保有目的地將它們實(shí)施到您的設(shè)計(jì)中。沒(méi)有好的設(shè)計(jì)應(yīng)該阻礙曝光,如果某些人無(wú)法訪問(wèn)您的網(wǎng)站,這正是它正在做的事情。
6. 不是為移動(dòng)設(shè)備設(shè)計(jì)的
——
我們列表中的最后一個(gè)網(wǎng)站設(shè)計(jì)錯(cuò)誤仍然是大多數(shù)希望首次設(shè)計(jì)網(wǎng)站的公司所犯的錯(cuò)誤。正如網(wǎng)頁(yè)設(shè)計(jì)仍然被認(rèn)為是“在計(jì)算機(jī)上”發(fā)生的事情一樣,許多人仍然認(rèn)為移動(dòng)瀏覽是網(wǎng)站“主要體驗(yàn)”——桌面網(wǎng)站的“替代品”。情況不再如此。事實(shí)上,移動(dòng)瀏覽現(xiàn)在占據(jù)了互聯(lián)網(wǎng)流量的大部分,因此許多設(shè)計(jì)師實(shí)際上會(huì)在制作桌面網(wǎng)站之前先制作一個(gè)移動(dòng)網(wǎng)站。
這被稱(chēng)為“移動(dòng)優(yōu)先”策略,現(xiàn)在甚至在大公司中也是一種非常流行的方法。首先設(shè)計(jì)桌面可能是一個(gè)錯(cuò)誤,因?yàn)槟锌赡苁鼓木W(wǎng)站過(guò)于混亂或速度太慢,因此它在移動(dòng)設(shè)備上顯得不方便用戶(hù)使用。相反,首先為移動(dòng)設(shè)備設(shè)計(jì)您的網(wǎng)站 ,然后再擴(kuò)展到該網(wǎng)站的桌面版本。
考慮到移動(dòng)設(shè)備來(lái)設(shè)計(jì)您的網(wǎng)站的原因很清楚。根據(jù)高端廣告vi設(shè)計(jì)公司的說(shuō)法,提高轉(zhuǎn)化率應(yīng)該是您設(shè)計(jì)網(wǎng)站時(shí)的主要目標(biāo),并且在大多數(shù)訪問(wèn)者將使用智能手機(jī)的世界中,他們需要能夠購(gòu)買(mǎi)產(chǎn)品直接從他們的手機(jī)。
當(dāng)然,同樣的觀點(diǎn)可以擴(kuò)展到平板電腦、智能設(shè)備和幾乎所有其他類(lèi)型的當(dāng)今可用的支持互聯(lián)網(wǎng)的硬件。換句話說(shuō),您的網(wǎng)頁(yè)設(shè)計(jì)需要可通過(guò)不同的設(shè)備訪問(wèn),并且響應(yīng)速度要足夠快,以便可以自動(dòng)調(diào)整以在盡可能廣泛的設(shè)備上進(jìn)行外觀和感覺(jué)。正如我們?cè)谄渌胤街赋龅哪菢?,?shí)現(xiàn)這一點(diǎn)可能很困難,因?yàn)樗婕暗綇V泛的因素,從您的頁(yè)面布局到您使用的圖像的大小。
如果有疑問(wèn)
……
…聘請(qǐng)專(zhuān)業(yè)人士。雖然高端廣告vi設(shè)計(jì)公司在這里列出的錯(cuò)誤看起來(lái)很簡(jiǎn)單,但如果您是網(wǎng)頁(yè)設(shè)計(jì)過(guò)程的新手,它們很容易犯。即使是大企業(yè)有時(shí)也會(huì)出錯(cuò),但與設(shè)計(jì)師合作意味著您正在為您的品牌提供盡可能好的機(jī)會(huì)。
總監(jiān)微信
復(fù)制成功
業(yè)務(wù)咨詢(xún) 何先生
業(yè)務(wù)咨詢(xún) 何先生
搜索感興趣的內(nèi)容