Jedním z nejdůležitějších úkolů na vašem štítku jako webdesignéra je použitelnost. Použitelnost je definována jako měřítko kvality zkušenosti uživatele při interakci s vaším webem. Jakékoli webové stránky, které navrhujete, by měly být vždy bezproblémové z pohledu uživatele. Měli byste najít váš web snadno navigovat, aniž byste museli nejprve absolvovat speciální školení. Použitelnost obvykle vychází z několika různých faktorů.

Osoba, která prochází vašimi stránkami, chce, aby se jejich učení snadno učil. Budou se chtít rychle naučit uživatelské rozhraní, aby mohli skočit přímo a splnit základní navigační úkoly. Efektivita použití je dalším faktorem: poté, co se naučíte navigovat na svých stránkách, budou chtít rychle splnit úkoly. Dokonce i v případě, že uživatel tyto stránky dříve použil, budou muset snadno vzpomenout na dostatečný počet procesů, aby mohli příště využít stránky příště. Toto se nazývá paměť. Pokud používají váš web, může dojít k určitým chybám, ale jsou tyto chyby časté nebo závažné? A konečně, po dokončení vašeho webu je uživatelská subjektivní spokojenost vysoká nebo nízká? Měli byste chtěli používat vaše stránky.

Samozřejmě, nemusíte potěšit všechny návštěvníky stránek po celou dobu, ale některé standardy jsou společné pro zajištění dobré použitelnosti. Co průměrní weboví návrháři považují za samozřejmé, neměli byste. Zde je shrnutí nejlepších tří chyb použitelnosti, které by se weboví návrháři měli vyhnout za každou cenu.

Klikovatelné oblasti, které jsou příliš malé

Vaše webové stránky budou plné hypertextových odkazů, které jsou jasně určeny pro kliknutí. Ujistěte se, že jsou dostatečně velké, aby bylo možné snadno klikat. Je to tak jednoduché. Jinak vaše hypertextové odkazy nebudou dobře přijaty. Jakékoliv ruční pohyby uživatele na myši nebudou pro začátek přesné, takže nedělejte tak snadno na klikací plochy, aby uživatel musel používat kombinaci jemnosti a strategie, jen aby nakreslil kliknutí na vaše drobné hypertextové odkazy.

Na druhou stranu větší a snadněji klikatelná oblast usnadňuje pohyb kurzoru nad libovolnými odkazy. Chcete-li zviditelnit plochu větší, jednoduše zvětšete celý odkaz nebo vylepšete polstrování kolem propojení. To můžete provést pomocí vlastností vycpávky CSS.

Podívejte se na tuto pokutu příklad z hrozně malé oblasti, na kterou lze kliknout. Je to z "Hacker News" stránky webu Y Combinator, který poskytuje počáteční financování začínajícím firmám. Všimněte si, jak komentáře a uživatelské odkazy jsou tak ztížně drobné. Budete mít štěstí, že nakonec uspějete kliknutím na ně po několikanásobné cvičení.

Zneužití stránkování

Stránkování je skvělé, pokud je použito pro správný účel v návrhu webových stránek. Při správném použití je stránkování uvítací funkcí, protože rozložení webu je pohodlnější a snadněji absorbováno. Používá se hlavně k rozdělení obsahu na různé stránky a je to funkce, která se obvykle objevuje na stránkách, které obsahují dlouhé seznamy položek.

Paging může být také zneužit, což z něj přispívá k nevýhodám použitelnosti. Některé weby mají rádi zneužití stránkování za účelem rozdělení stránek se základním obsahem na několik stránek a za tím je i další motiv. Stránky, které to dělají, se s největší pravděpodobností pokoušejí zvýšit své pohledy na stránky jednoduché a jednoduché. Mnoho online časopisů a blogů získává jejich příjmy prostřednictvím reklamy, takže získávání více zobrazení stránky zvyšuje jejich statistiky zobrazení a umožňuje jim účtovat více poplatků za reklamy.

Podívej se na to zneužívání z paginace, která se k nám dostane z Wired Magazine. Všimněte si, jak je článek na barevném logo společnosti Google rozdělen na osm stránek, kdy bylo možné všech osm stránek snadno spojit do jedné webové stránky. Dokonce i tento delší článek by nezpůsobil zpomalení stránky při načítání a zpracování. Také si povšimněte, jak zhoršuje to kliknutí několikrát jen pro dokončení čtení článku.

Navíc toto zneužití stránkování může mít negativní dopad na SEO; pokud rozdělíte obsah na svých stránkách na několik stránek, zředíte svůj obsah. To má za následek snížení počtu relevantních klíčových slov o tématu na každé webové stránce, což znamená, že každá stránka je sama o sobě méně rozumná. Výsledkem je, že vyhledávače nemusí správně interpretovat, o jakou stránku se jedná, a tím negativně ovlivnit hodnocení výsledku vyhledávače.

Obsah, který je těžké skenovat

Obsah, který je pro uživatele webu těžký, je obvykle obsah, který trpí špatnou kopií. Kopírovat je textový obsah, se kterým jste stránky naplnili, a je naprosto nezbytné, abyste využitelnost vašeho webu byla vynikající. Dokonce ještě před tím, než se obáváte dobré kopie, musíte mít důkladné pochopení chování uživatelů. Uživatelé stránek nemají tendenci číst všechny informace na webové stránce od shora dolů, jak byste od nich mohli očekávat.

Ve skutečnosti uživatelé stránek absorbují informace tím, že jednoduše skočí z jednoho kusu obsahu do druhého, v podstatě podle toho, co se na nich objeví na webové stránce. Můžete poděkovat skutečnosti, že internet bombarduje lidi s informacemi o tomto frenetickém chování při prohlížení webových stránek. Uživatelské oči se v podstatě šíří z jedné zajímavé části dané webové stránky na jinou, což znamená, že vy, jako tvůrce webových stránek, jste spokojeni, musí strukturovat vaše stránky tak, aby vyhovovaly tomuto zběsilému chování.

Za prvé, ujistěte se, že vaše stránky mají jen několik málo jasných bodů zaostření. Tyto funkce budou fungovat jako části vaší stránky, které zaujmou pozornost návštěvníků. Můžete mít úspěch tím, že vložíte větší fonty, stejně jako barvy s vysokým kontrastem. Pro přidané vizuální přitažlivost také obsahují obrázky jako ikony přímo vedle textu.

Za druhé, každý bod fokusu by měl v ideálním případě obsahovat popisný nadpis. Bez dalšího čtení kopie by měl uživatel okamžitě pochopit, co bude obsah této části pokrývat. Nikdy nepokládejte své záhady špinavé nebo nejasné, abyste mohli čerpat čtenáře.

Konečně musí být jakýkoli dodatečný text stručný a snadno se absorbovat. Nabídněte jen základy a vyloučte něco jiného. Hodně z času, další text, který copywriters zahrnují objasnit bod skutečně odečte od čitelnosti zmíněného textu. Tam je tendence pro mnoho lidí prostě číst malé úryvky textu a zároveň se vyhnout delším odstavcům, takže oříznout tuku.

Podívejme se rychle na a webová stránka který organizuje svou kopii dobře. Jedná se o aplikace aplikace Cultured Things for Mac. Všimnete si, že na první pohled jsou velmi zřejmé body zaostření, které jsou obrazovkou a obřím rozměrem "Věcí". Kópie různých funkcí aplikace, které můžete vidět více pomocí posouvání stránky, je také velmi krátké a k bodu, přičemž jen krátký odstavec nebo dva poskytnout stručný popis každé příslušné funkce.

Je tu tolik, co si pamatuji

Dobrá použitelnost zahrnuje tolik odlišných faktorů, které mohou někdy být trochu těžké sledovat. Použitelnost je o koncovém uživateli a jak se cítí, když naviguje a skenuje na vašem webu. Dostaňte se do své boty, když vytváříte své stránky. Mohou se snadno dostat do vašeho webu? Budou snadněji pamatovat, co mají dělat a kam jít při příštím návštěvě vašeho webu? Budou nakonec vychutnávat své zkušenosti při procházení webu? Všechny tyto otázky by měly být přední a středové ve vaší mysli při návrhu vašeho webu.

Dobrá použitelnost má také praktické výhody. Čím více může uživatel efektivně procházet vaše stránky, tím více se vrátí. Budou také informovat své přátele, jejich matku, spolupracovníky ... dostanete obrázek. Přijdou a prohlédnou váš web. V důsledku toho získáte více zobrazení stránek, více čtenářů a doufáte, že budete věrní. To znamená, že můžete zpeněžit vaše stránky a účtovat více za reklamy na webu. Postarejte se o použitelnost a vy odměňujte odměny mnoha způsoby.

Jaké chyby použitelnosti byste přidali? Jaká je nejhorší chyba použitelnosti návrhářů běžně? Dejte nám vědět své myšlenky v komentářích.

Doporučený snímek / náhled, chyba obrazu přes Shutterstock.