5 Příklady Špatného Designu webových Stránek a Jak To Dělat Lépe
design webové stránky přímo ovlivňuje uživatelské zkušenosti., Špatně navržený web s menší pravděpodobností přiměje návštěvníky k dokončení akce, jako je nákup produktu nebo připojení k mailing listu.
Pokud se stránka načte pomalu nebo je obtížně navigovatelná, 95% návštěvníků odejde během několika sekund.
pokud nedostanete výsledky, které chcete z webové stránky,jako jsou zvýšené konverze a snížené míry okamžitého opuštění, vyhodnoťte návrh.
zde je několik chyb, které jsme zachytili na jiných webových stránkách. Snažte se vyhnout opakování některého z těchto pěti příkladů špatného designu webových stránek.
jak vypadá špatný Design webových stránek?,
průměrný vlastník firmy nemusí pochopit rozdíly mezi dobrým a špatným webdesignem, a proto mnoho webových stránek končí strašnými a neefektivními návrhy.
Zatímco design trendy se neustále mění, tam jsou základní součásti webové stránky, které zůstane univerzální, včetně:
- Snadno sledovat navigační
- Čistý layout
- Kompatibilita
- Průmysl-odpovídající design
Uživatelé neměli potřebu se hádat, jak najít stránky v rámci vašeho webu. Vše by mělo být jasně uspořádáno, s jednoduchými nabídkami a navigačními funkcemi.,
doporučuje se také čisté rozvržení. Pokud je stránka přeplněná informacemi, grafikou a videem, načítání trvá déle a je těžší číst. Kompatibilita
je méně znepokojivá, protože většina webů nyní používá citlivé návrhy, které odpovídají velikosti obrazovky uživatele. K zajištění správného zatížení prvků na různých zařízeních je však často nutné důkladné testování.
Vizuální vzhled webu je subjektivní detail, protože každý má svůj vlastní vkus. Bez ohledu na to potřebujete design, který je vhodný z průmyslu., Například, zatímco honosná grafika nemusí fungovat na místě pro pohřební ústav, mohou pracovat na místě pro obchod s půjčovnou.
Mějte to na paměti, když přezkoumáme nejhorší chyby v designu webových stránek.
webové stránky bez jasné zprávy
jednou z nejhorších konstrukčních chyb, které můžete udělat, není poskytnutí jasné zprávy týkající se účelu vašeho webu. Uživatelé by měli okamžitě znát název podniku a to, co prodávají.
například při první návštěvě 3D poštovní schránky trvá několik sekund, než pochopíte, na co se díváte., Zdá se, že se jedná o webovou stránku pro nějaký typ e-mailového softwaru. Je těžké určit, zda je software hra, spořič obrazovky nebo e-mailový klient.
Web CyberDsignClan je dalším příkladem webové stránky bez jasné zprávy. Jednoduše vidíte velkou grafiku, která čte, “ přeskočit intro.“Po kliknutí na stránku se načte skutečná domovská stránka, která je stejně matoucí jako 3D poštovní schránka.
oba weby postrádají jasnou zprávu. Chcete-li se dozvědět více o produktu, musí návštěvníci procházet stránkou nebo kliknout na další odkazy.,
vše, co se objeví na stránce, než uživatelé potřebují posouvat dále, je zvažováno nad záhybem. Říkáme tomu “ sekce hrdiny.“Toto je oblast, kde by měl být zahrnut název podniku a nějaký údaj o tom, co prodávají. Horní část stránky by měla také nabídnout nějaký typ navigace.
návštěvníci webových stránek tvoří názory na podnikání během zlomku sekundy. Pokud uživatelé potřebují procházet stránkou a zjistit, co společnost dělá, pravděpodobně opustí stránku.,
příliš mnoho prvků Zaplňujících stránku
kromě jasné zprávy by web měl mít jasné rozvržení. Pokud je stránka přeplněná, je obtížné ji navigovat, což způsobí, že návštěvníci odejdou.
Arngren.net je dobrým příkladem špatného designu. Tento utajovaný web obsahuje výpisy hozené spolu s žádnou strukturou. Výpisy nejsou rozděleny do kategorií a zapadají do sebe jako skládačka.
pro další příklad navštivte Lings Cars., Web je určen pro ojeté vozy, ale má tolik různých prvků, můžete přehlédnout účel webu. Návrhář zahrnoval nejméně půl tuctu animovaných prvků nad záhybem, takže je neuvěřitelně obtížné procházet stránku.
je možné zobrazit spoustu obsahu bez nepřehlednosti stránky. Pro dobrý příklad webového designu, který obsahuje více produktů, se podívejte na Amazon nebo AliExpress. Zatímco obě stránky obsahují nekonečný svitek produktů, jsou organizovány v mřížkách místo toho, aby byly hozeny dohromady jako mozaika.,
kromě přeplnění stránky hodgepodge odkazů jsou některé weby přeplněné vyskakovacími okny, plovoucími reklamami, automatickým načítáním videí a dalšími prvky, které odvádějí návštěvníky.
Stránky Bez Mobilní Optimalizace
Většina internetového provozu v USA nyní přichází z mobilních zařízení, ale mnoho webových stránek, jsou stále postaveny pro stolní počítače jako první. Pokud web není optimalizován pro mobilní zařízení, většina návštěvníků nebude mít dobrý uživatelský dojem.,
mnoho webů nyní obsahuje citlivý design, který umožňuje webové stránce Upravit prvky na základě šířky obrazovky zařízení uživatele. Stránka může také skrýt prvky, změnit písma nebo odstranit pozadí, když je detekována menší obrazovka.
tyto údaje umožňují webu pracovat na jakémkoli zařízení. Zatímco citlivé návrhy jsou běžné, stále existuje mnoho webů, které jsou na mobilních zařízeních nečitelné.
téměř všechny již diskutované příklady nemají citlivý design. Deque University má příklad nereagujícího webového designu.,
pokud to čtete ve webovém prohlížeči, zkuste navštívit web a upravit šířku prohlížeče. Jak se okno prohlížeče zmenšuje, stránka nemění jeho rozvržení. Text se stává nemožným číst bez posouvání doprava.
Pokud chcete vidět příklad responzivního webového designu, navštivte téměř všechny webové stránky vlastněné významnou společností, jako jsou Nike nebo Microsoft.
Nedostatek Jednoduchá Navigace a Odkazy
Pokud se uživatelé dostávají na web, měly by mít žádný problém, procházení menu a najít informace, které potřebují., Na oficiálních stránkách University of Advancing Technology je horní část stránky pokryta velkým animovaným displejem obsahujícím plovoucí grafiku.
plovoucí grafika jsou klikací odkazy, které jsou obtížné kliknout a zpomalit rychlost načítání stránky. I když je to velmi inovativní, existují i jiné kreativní způsoby, jak navrhnout web, aniž by bylo obtížné navigovat. Namísto použití těchto plovoucích prvků jako odkazů by se University of Advancing Technology měla zaměřit na vytvoření nabídky, kterou lze snadno otevřít a procházet.,
konečně existuje mnoho webů, které zahrnují posouvání paralaxy a vložené video prvky, které stránku nepřevyšují a neomezují její splavnost.
nečitelný Text nebo tlačítka un-clickable
vzhledem k požadavkům na webový prohlížeč je nabídka na předchozím webu téměř neklikatelná. To je také problém, když stránky nejsou optimalizovány pro mobilní zařízení. Pokud se prvky neupravují pro menší obrazovku, mohou se překrývat nebo být příliš malé na čtení.,
vyhnout se tomuto problému je snadné, pokud dokončíte podrobné testování před spuštěním webu. Pomocí emulátorů nebo softwaru emulujte, jak se váš web objevuje na různých mobilních zařízeních, včetně nejnovějších smartphonů a tabletů.
jak se vyhnout špatnému designu pro vaše webové stránky
diskutované příklady je poměrně snadné se vyhnout, nyní, když víte, co hledat. Provedení nezbytných změn však může vyžadovat technické odborné znalosti., Ve společnosti WANDR získáte pomoc zkušených designérů UX, kteří chápou, co je zapotřebí k vytvoření lepšího uživatelského zážitku.
Pokud chcete zajistit, aby váš web neobsahoval žádný z diskutovaných příkladů špatného designu, zvažte práci s profesionály.