11 Běžné chyby webového designu (chyby)

Existují tuny internetových stránek na internetu, a stovky nebo pravděpodobně tisíce jsou vytvořeny ve dne. Zde je velmi zajímavá věc k zamyšlení - Jaké jsou prvky dobré webové stránky?

Budování webové stránky může být skličující, ale skutečnou výzvou je její využití. Problém je, že většina webových designérů zapomene, že webové stránky nebyly vytvořeny pro sebe, ale k řešení potřeb uživatelů. Dávají přednost kreativitě před praktičností a použitelností.

V tomto článku bychom chtěli zdůraznit 11 web design chybuje, že weboví vývojáři a návrháři dělat a některé návrhy, jak se těmto chybám snadno vyhnout.

1. Kde je pole Hledat?

Web je jako archiv informací. Nezáleží na tom, zda se jedná o firemní webovou stránku nebo pouze blog. Návštěvník může hledat něco, co je ukryté na webových stránkách, s vyhledávacím polem, možnostmi, návštěvníci dostanou to, co chtějí.

Návrhy:Vlastní vyhledávání Google je elegantní, jednoduchý a efektivní způsob, jak začít. Umožňuje návštěvníkům efektivně vyhledávat vaše stránky. Stačí zkopírovat HTML kód z ovládacího panelu a vložit ho na své webové stránky a voilà ??  ?? Ã'ÂÂ?.

Zde je jednoduchý formulářový kód pro zobrazení vyhledávače Google na vašich stránkách. Jediné, co musíte udělat, je změnit název webu na jméno vaší webové stránky. Můžete také změnit hodnotu odesílání na cokoliv, co se vám líbí.

Více: Navrhování Svatého vyhledávacího pole: Příklady a osvědčené postupy- Tento článek popisuje pokyny pro návrh vyhledávacího pole.

2. Špatná čitelnost a čitelnost.

To je klíčový prvek webového designu. Dobrý design rozhraní samozřejmě upoutá pozornost uživatelů, ale uživatelé musí číst text, aby mohli pochopit informace, které si přejí. Některé webové stránky používají nejbizarnější styly a velikosti písma, které činí čtení bolestí.

Návrhy:Naštěstí existují jednoduché způsoby, jak můžete zlepšit čtenářské zkušenosti uživatelů na svých webových stránkách.

1. Porovnejte barevná schémata většiny hlavních stránek a všimněte si, jak barvy zlepšují čitelnost. Dobré místo pro vyzkoušení různých barevných schémat je Adobe Kuler.
2. Použijte a Bezpatkové písmo umožňuje snadné čtení na webu.

Více: Zde je dobrý článek, který vám poskytne více tipů na zlepšení čitelnosti - Čitelnost - Snadné čtení webových stránek.

3. Neorganizované rozvržení obsahu.

Obsah webu je to, co řídí provoz. Jak je obsah strukturován, je to, co z něj udělá úspěch nebo neúspěch. Uživatelé nečtou, pokud to není nezbytně nutné, ale prohledávají informace a vybírají zajímavá místa na webové stránce. Někteří designéři na webovou stránku jednoduše vloží blok textu a zcela zanedbají záhlaví, podnadpisy, odrážky, klíčová slova, odstavce atd..

Pro každou webovou stránku použijte vhodný název stránky, aby uživatelé přesně věděli, kde se nacházejí. Někteří návrháři dokonce zapomněli pojmenovat webovou stránku.

Celkově bude nejhorší v této kategorii uvádění nepřesných, nepřístupných, nevýznamných nebo zastaralých obsahů na vašich webových stránkách. Obsah se musí shodovat s celkovým tématem webové stránky a být užitečný. Pokud je stránka ve výstavbě, proč ji obtěžovat? Pokud se designér opravdu musí, pak je to pouze dočasné a 3 týdny již nebudou považovány za dočasné.

Návrhy: Uspořádání obsahu na vašich webových stránkách pomocí HTML a CSS by mělo být použito při vytváření designu vašich stránek.

1. Vytvořte dostatek mezer mezi textem a obrázky pomocí okrajů.
2. Aktualizovat a být konzistentní. Účelem aktualizace není pouze přidávat nový obsah, ale také nacházet a opravovat minulé chyby. Jakob Nielsen navrhuje, abyste si najali web “zahradník”.

Rozpočet najmout webového zahradníka jako součást vašeho týmu. Potřebujete, aby někdo vykopal plevel a znovu nasadil květiny, jak se mění webové stránky, ale většina lidí by raději trávila svůj čas vytvářením nového obsahu než údržby. V praxi je údržba levným způsobem, jak zvýšit obsah na vašich webových stránkách, protože mnoho starých stránek udržuje jejich relevanci a mělo by být propojeno s novými stránkami. Některé stránky jsou samozřejmě lépe odstraněny ze serveru po uplynutí jejich platnosti - Jakob Nielsen

4. Špatná navigace.

Navigace v rámci webové stránky by měla být bezproblémová. Uživatelé by měli být schopni snadno najít cestu. I když neexistuje žádný standard pro navigaci v rámci webové stránky, zejména nyní, když se objeví více nových technologií pro vývoj webu, je nezbytné pochopit, že navigace musí být intuitivní a konzistentní.

Pokud je text použit jako navigace, měl by být stručný. Vizuální metafory by neměly být znovu vynalezeny. Pokud jsou použity hypertextové odkazy, měly by vyčnívat z textu. Mrtvé odkazy by neměly mít žádné místo na žádné webové stránce. Tím se zvyšuje zmatenost uživatele a ztrácí čas. A ten, který je ještě horší, má odkaz na domovskou stránku, která odkazuje na domovskou stránku.

Návrhy:

1. Udělejte hladkou navigaci pomocí textových popisů všech odkazů. Poskytuje alt text pro obrázky. Použijte alternativní techniky popisu textu pro odkazy Flash nebo Javascript.
2. Uspořádejte a strukturujte svou navigaci v tandemu s tématem webové stránky. Osobní webové stránky si mohou dovolit být kreativnější, ale přístupné, ale obchodní webové stránky vyžadují větší efektivitu a jasnost.

Nezapomeňte, že pokud uživatelé nenajdou to, co chtějí za méně než 3 kliknutí, většina z nich okamžitě odejde.

Více: Provádění efektivní webové stránky navigace - Tento článek poskytuje více informací o implementaci efektivní navigace pro vaše webové stránky.

5. Návrh nekonzistentního rozhraní.

Nadměrná tvořivost může být právě to. Nadměrný! Někteří konstruktéři si ji vytvářejí na jinou úroveň při vytváření webových stránek vytvořením různých návrhů pro každou webovou stránku v rámci webové stránky. To není pro uživatele v žádném případě matoucí. A naprosto nepříjemné. Bez ohledu na to, jak vynikající a atraktivní web je, pokud celkový vzhled a dojem není konzistentní, uživatelé se k němu nemohou vztahovat a cítit se méně pod kontrolou. Tak, odchod, jakmile dorazili.

Návrhy:

1. Použijte standardní konzistentní šablonu pro každou stránku s odkazy na hlavní části webu.
2. Klíčové slovo je jednoduché. Vytvořte esteticky jednoduché návrhy a uživatelé nebudou nikdy zmateni na vašich webových stránkách.

6. Nepřátelské rozlišení obrazovky.

Jsem si jistý, že jsme navštívili webové stránky, na kterých se musíte posouvat vodorovně. To je absolutní ne-ne v moderním web designu. Dobrý designer bude vyvíjet webové stránky, které se vejdou na většinu velikostí obrazovky. Aktuální optimalizované rozvržení webových stránek je v současné době 1024 x 768 pixelů.

Návrhy:Je to těžké a téměř nemožné uspokojit design tak, aby vyhovoval každému rozlišení, zejména když návštěvníci nyní surfují z mobilních telefonů a netbooků, ale můžeme získat hrubý představu o tom, jaké jsou obecně používané rozlišení obrazovky s těmito způsoby:

• Zkontrolujte své statistiky - Analytické služby, jako je například služba Google Analytics, poskytují informace o tom, jaké rozlišení monitoru používají. To jsou užitečné informace, které byste měli znát před zahájením další aktualizace.
• W3 Školy Statistiky prohlížeče - Školy W3 poskytují jasné seznamy nejoblíbenějších prohlížečů používaných netizens a třídí je podle popularity. Existují i ​​další zajímavé a důležité statistiky.

7. Komplikované registrační formuláře.

Registrační formuláře jsou složité. Kolik informací požadujete od uživatele? Pryč jsou dny, kdy se uživatel musel zaregistrovat na své webové stránky. Některé webové stránky vyžadují, aby většina registrací byla povinná a pole byla ověřena v rozsahu, v němž je uživatel po několika pokusech frustrován. Nezapomeňte, že uživatelé navštěvují webové stránky, aby získali informace. Ne naopak.

Jednoduchá forma aplikace Someecard činí registraci bezbolestnou.

Návrhy:Porovnejte registrační formuláře napříč komunitami na webu a pochopte, jaké základní informace jsou požadovány od uživatele během procesu registrace.

Více: 9 Běžné chyby použitelnosti ve Web Design - Tento příspěvek na časopisu Smashing Magazine se podrobně zabývá registracními formuláři a dalšími chybami použitelnosti.

8. Bezohledné používání obrázků / animací.

Příliš mnoho obrázků na webové stránce je obrovské vypnutí. Snímky mohou být použity pro zachycení pozornosti uživatelů, ale mohou být také rušivé nebo prostě jen přitěžující. Obrázky by měly být použity pro ilustraci a vedení uživatele tam, kde je to vhodné.

Animace jsou úžasné a výkonné médium. Zvláště při správném použití. Když je to cyklus nebo příliš mnoho na webové stránce, dostane na nervy uživatelů. Uživatelé nemají trpělivost, čas ani zdroje, takže návrháři musí nabídnout alternativy nebo ještě lépe, přeskočit tlačítko, pokud je to celá stránka animace.

Více: Flash: 99% Špatné - Použijte odpovídajícím způsobem Flash. Je to už téměř 10 let, co Jakob Nielsen publikoval tento článek, ale je to stále relevantní, pokud jde o Flash použitelnost, zejména Základy Web Základy kus.

9. Řízené stránky, více mezer.

Příliš mnoho návrhářů zapomenout mezery a jeho význam. Jsou tak pohrouženi v jejich vlastní kreativitě designu, že zapomínají, že to není o nich. Snaží se tak napěchovat na jednu stránku. Konečný výsledek? Rušná, přeplněná a nečitelná stránka.

Kylestanding dobře využívají mezery v jejich designu.

Zde je několik článků, které vám dávají dobrý nápad význam mezer v designu webu:

• Srovnání čtyř rozvrhů bílého prostoru
• Hodnota bílého prostoru
• Mezery

10. Žádná hudba na pozadí, prosím!

Uživatelé nechtějí chlad, hledají efektivitu. A ano, 99 procent se nestará o hudbu na vašich webových stránkách. Někteří designéři dělají to horší tím, že dá různou hudbu na pozadí na každé webové stránce.

Návrhy:Nepoužívejte hudbu na pozadí, ale pokud musíte, vytvořte rámec pro kód a ovládací prvky uživatele. Tímto způsobem se hudba neustále mění, místo aby se změnila pokaždé, když se na webové stránce načte nová stránka. A uživatel se může kdykoliv zastavit nebo pozastavit.

11. Test, test a test.

To nelze přehnaně zdůraznit. Kolikrát jsme byli na webových stránkách, které lze zobrazit pouze v určitém prohlížeči? Weboví vývojáři musí mít při testování webových stránek kontrolní seznam.

• Lze webové stránky prohlížet v různých prostředích?
• Je rozvržení návrhu konzistentní ve všech prohlížečích?
• Mohou být webové stránky zobrazeny v různých nastaveních, jako jsou Vypnuté obrázky, Vypnutý JavaScript atd?

Návrhy:W3C nabízí nástroje pro testování kvality. Překontrolovat Nástroj pro zajištění kvality W3C a Ověření webové stránky.

Závěr:

Udržujte to jednoduché, hloupé (K.I.S.S). Pokud je to jednoduché, je použitelné. Celkově vzato, skvělé webové stránky, aby to jednoduché a použitelné. Udělejte si domácí úkoly a je to snadné a přirozené.

Jaké jsou vaše zkušenosti v projektech webového designu, jaké další tipy a myšlenky byste chtěli sdílet na chybách webového designu?

Poznámka editora: Tento příspěvek je napsán Brujo Owoh pro Hongkiat.com. Brujo Owoh je Multimediální systémy, které se specializují na Web Design a 2D Animation. Užívá si čtení beletrie, visí s kamarády a drží krok s trendy designu na Twitteru. Navštivte blog uživatele Brujo.