Principy použitelnosti: jasné, pohodlné, pohodlné. Krátce o tom hlavním

Jednou z fází vývoje webových stránek je použitelnost, která je zaměřena na pohodlí internetového zdroje a jeho jednoduchost. Použitelnost se využívá pro design webu, který musí návštěvníka stránky určitě potěšit. Někdy je to totiž rozhraní webu, které ovlivňuje, zda se uživatelům líbí, zda je často navštěvují a zda plní všechny dříve zadané úkoly?

Nabízí váš online zdroj nějaký produkt nebo službu? To znamená, že stránka by měla mít jasnou strukturu řazení, světlé tlačítko pro nákup, dostatečný počet odkazů, zajímavý text s obrázky atd.

Nejčastěji posuzují použitelnost webu specialisté. A to je rozumné rozhodnutí, protože můžete skvěle porozumět svému webu, ale weboví designéři budou schopni upozornit na chyby a vydávat se za běžného uživatele zdroje.

Základní principy použitelnosti webu

Při analýze webu pro jeho pohodlí a jednoduchost, bez ohledu na to, zda se obrátíte na odborníka nebo se vypořádáte s použitelností zdroje sami, existují určité zásady, kterým byste měli věnovat pozornost jako první. Podívejme se na ty hlavní:

1. Navigace: přítomnost jednoduchého menu webu, hlavních kategorií a mapy webu. Je vhodné, aby byly umístěny na viditelném místě.
2. Informace: jasné, strukturované a srozumitelné články pro návštěvníky webu.
3. Vyhledávání: Formulář pro vyhledávání na webu by měl být umístěn na viditelném místě.
4. písmo: střední velikost písma, které by mělo být čitelné.
5. Design: jednoduchý a krásný design webových stránek, obvykle používající 3 základní barvy.
6. odkazy: Nepřetěžujte svůj web odkazy; ať obsahuje pouze užitečné odkazy na publikace s podobnými tématy.

Nezapomeňte, že dobrá použitelnost znamená spoustu nových a vracejících se návštěvníků. A v důsledku toho vynikající prodeje, vysoký výkon webových stránek a mnoho dalších výhod.

Klíčová pravidla pro použitelnost webu

V použitelnosti webu jsou kromě zásad také pravidla. Pokud jsou všechny přísně dodržovány, váš internetový zdroj bude jistě navštěvován. Tato pravidla mají také pozitivní vliv na vyhledávače, p Takže, co potřebujete vědět? Promluvme si o klíčových bodech podrobněji.

• Pravidlo pár sekund. Při návštěvě vašeho webu je maximum, které návštěvník čeká, než se stránka konečně načte, jen pár sekund, a proto ji nepřetěžujte prezentacemi nebo hrami.
• Pravidlo sedmi. Krátkodobá lidská paměť si dokáže zapamatovat pouze 7 entit, což znamená, že navigační menu nemůže mít více než 7 položek.
• Pravidlo tří kliknutí. Mohou existovat maximálně tři po sobě jdoucí odkazy, které návštěvníky nasměrují na interní stránku. V opačném případě váš potenciální klient opustí stránky s předstihem a nebudou indexovány vyhledávači.
• Obrácená pyramida.Články zveřejněné na stránkách vašeho webu by měly být psány obráceně: nejprve udělejte závěr a poté napište hlavní část textu.
• Fittsovo pravidlo. Aniž bychom zacházeli do podrobností, toto pravidlo platí pro použitelnost následovně: neměli byste velké tlačítko na webu ještě zvětšovat. Hlavní věcí v použitelnosti je nepřehánět to.

To jsou v zásadě všechna základní pravidla, podle kterých můžete svůj web zjednodušit, zpohodlnit a následně i více navštěvovat a umístit se na předních pozicích vyhledávačů.

Dodržování všech výše popsaných pravidel a zásad použitelnosti webových stránek vám jistě pomůže dosáhnout dobré konverze pro váš internetový zdroj. Přejeme vám úspěch!

Jaké jsou hlavní principy použitelnosti? Na tuto a mnoho dalších otázek najdete odpovědi v článku. Principy použitelnosti jsou obecně přijímané názory na interakci s designem, které představil Nelsen Jacob (zakladatel Usability). Tyto pohledy jsou spíše souborem pravidel než přísnými pokyny, a proto se nazývají „heuristika“. Takových principů je celkem deset.

Stav Viditelnost

Prvním principem použitelnosti je viditelnost stavu systému. Tato pozice říká, že uživatel by měl vědět, kde skončil a co se děje. Pokud se jedná o složitou registraci, musíte uvést, že se jedná o druhý nebo třetí krok.

Účinnost

Dalším principem použitelnosti je efektivita. Ve skutečnosti to znamená, že mezi každým uživatelem a systémem musí existovat spojení. Vaše stránky musí být šité na míru konkrétnímu publiku, musíte s nimi hovořit jejich jazykem s využitím jejich úrovně připravenosti a označení. Webové stránky by proto měly být vždy určeny pro veřejnost. To platí nejen pro strukturu, ale také pro texty, design, nápovědu, vizuální vnímání informací a tak dále.

Svobodná volba

Jaký je třetí princip použitelnosti? uživatelská kontrola, která je nezbytná k tomu, aby klient mohl mít situaci vždy pod kontrolou. Pokud například osoba vyplní formulář, mělo by se jí vždy zobrazit tlačítko „vymazat formulář“. Co když obsahuje několik kroků? Uživatel by měl mít vždy možnost vrátit se k předchozím krokům nebo jeden z nich přeskočit, aby mohl akci zopakovat o něco později.

Díky této situaci bude mít uživatel dojem, že má vše pod kontrolou, že se ho nikdo nesnaží zmást nebo oklamat. A rozhraní, které se na první pohled zdá složité, se při správném přístupu stane obyčejným. Koneckonců, pro člověka je mnohem snazší provést několik jednoduchých akcí než jednu složitou.

Normy

Čtvrtým principem použitelnosti je konzistence a standardy. Na internetu již existují určité zavedené stereotypy (kontakty v horním rohu, typ košíku a podobně). Jedno označení však může mít více druhů, takže se mezi nimi nezkušený uživatel snadno ztratí. Například elektronické košíky jsou totožné s vozíky, běžnými košíky, trendy taškami atd. A aby se dostavila konzistence, musíte si vybrat konkrétní styl, který se musí všude dodržovat. To platí pro rozvržení, písma, text a obrázky.

Prevence chyb

Pátým principem použitelnosti je prevence chyb. Toto pravidlo říká, že chyba by se neměla opravovat, ale měla by se jí předcházet. Vždy je nutné eliminovat náhodné, zbytečné akce a kde je to možné, zjednodušit výběr. To může být běžná nápověda, když něco píšete na klávesnici.

To platí i pro tlačítka. Například nabídka „Přijmout“ je obvykle jasnější a větší než žádost „Vymazat formulář“. Měli byste poskytnout informace, které znáte o informacích, které zadáváte (kód regionu, formát telefonu atd.).

Zjednodušení

Šestým principem je pravidlo „Je snazší zjistit, než si zapamatovat“. Usnadněte uživatelům život, jak je to jen možné, zapamatujte si informace, které dříve zadali (i z předchozích návštěv webu), dejte jim rady. Pokud například používáte vícekrokový registrační systém, ukažte osobě již vyplněná pole, pokud pro ni budou v budoucnu užitečná.

Flexibilita

Sedmým principem použitelnosti je flexibilita použití. Podle tohoto pravidla musí být rozhraní flexibilní a musí být přizpůsobeno převládajícímu publiku. Zde je základní důraz kladen na jednoduchost s ohledem na běžného uživatele. Pokročilé části by měly být malé. Mohou být umístěny v méně nápadných částech obrazovky, protože takoví lidé je najdou všude.

Design

Princip Usability designu je osmý v řadě. Spočívá v estetice a minimalismu. Podle tohoto pravidla by rozhraní nemělo obsahovat informace, které uživatel nepotřebuje. Také by neměl obsahovat informace, které bude člověk potřebovat ve vzácných případech.

Formuláře musíte vytvářet stejným způsobem: nemůžete od uživatele žádat údaje, které nepotřebujete. Bohužel tuto polohu téměř nikdo nevyužívá. Aby klienti mohli jednoduše poblahopřát ke svátku nebo k Novému roku, musí v 90 % případů uvést datum narozenin, telefonní číslo domů, mobilní číslo, e-mail a dokonce i adresu.

Pomoc

Každý webmaster by měl znát hlavní principy Usability. Devátou vizí této vědecké a aplikované disciplíny je pomoci uživatelům pochopit a opravit chyby. Všechny chyby musí být lidem hlášeny běžným, „lidským“ jazykem, nikoli počítačovým. Pokud byl odkaz vytvořen nesprávně, nemusíte psát pouze 404. Nahlaste to takto: „Při vstupu na stránku došlo k chybě.“ Pokud uživatel při vyplňování formuláře zapomněl uvést své telefonní číslo, napište, že při zadávání údajů došlo k chybě, nikoli pouze „chybě formuláře“.

Podpora

Proč jsou základní principy použitelnosti tak důležité? Podívejme se na desátý princip, který se nazývá Dokumentace a pomoc. Materiály a podpora by měly být jednoduché a jasné, snadno dostupné a relevantní pro cíle uživatele. Kromě toho by dokumentace neměla být objemná. Musí obsahovat jasné kroky. Pokud jsou materiály příliš velké, můžete provést krátkou navigaci a rychle procházet sekcemi a také hledat podporu.

"Použitelnost"

Podívali jsme se tedy na hlavní principy použitelnosti. Ale co je to za disciplínu? „Použitelnost“ je měřítkem kvality uživatelské zkušenosti získané při interakci se systémem nebo produktem. Může to být například softwarová aplikace, webová stránka nebo něco jiného.

Specialisté uživatelského rozhraní zjistili, že v 60 % případů lidé nemohou na internetu najít informace, které potřebují. V důsledku toho klesá jejich produktivita. Nechtějí se vrátit na stránky, kvůli čemuž jsou nuceni ztrácet drahocenný čas.

Je také známo, že společnost Forrester Research obdržela některá čísla, která ukazují výši ztrát způsobených nekvalitní „použitelností“ stránek. Obchodní řetězce ztrácejí asi 50 % zákazníků, kteří nemohou najít produkt, který potřebují. Přibližně 40 % uživatelů se nechce vracet na stránky, se kterými je nebavilo pracovat.

Jakob Nelsen tvrdí, že výzkum chování lidí na webu ukázal, že špatně vnímají složité webové stránky a pomalé stránky. Říká, že uživatelé nechtějí čekat. Také nechtějí vymýšlet, jak používat domovskou stránku. Nikde nejsou návody na webové stránky ani školení pro webové projekty. Jacob ví, že lidé chtějí rychle skenovat stránky a okamžitě porozumět funkčnosti webu.

Stvoření

Co je vývoj použitelnosti? Její princip spočívá v metodickém přístupu k tvorbě webových stránek nebo jakéhokoli jiného uživatelského rozhraní. Tento vývoj se skládá z několika metod, které se v procesu používají postupně:

• požadavky na shromažďování;
• tvorba a analýza prototypů;
• hodnocení protichůdných konstrukčních možností;
• studium uživatelských otázek;
• návrh řešení a analýza webu (nebo jiného rozhraní).

Testování

Co je Testování použitelnosti? Ne každý zná princip této nuance. Obecně je to součást procesu vytváření „použitelnosti“. Typický test vyžaduje, aby osoba provedla několik úkolů pomocí prototypu (nebo jiného systému). Během provozu pozorovatel zaznamenává, co uživatel říká a dělá. Obvykle se takový test provádí s jednou nebo dvěma osobami, které jednají společně.

Analýza může shromažďovat data, jako jsou chyby, kterých se uživatelé dopouštějí, posloupnost akcí, které člověk podnikne k dosažení cíle, kdy a kde se publikum setká s problémy, jak moc se lidem produkt líbí a jak rychle plní úkoly. Většina testů se používá k identifikaci a řešení jakýchkoli problémů, které se objeví na veřejnosti.

Kroky disciplíny

Jaké jsou kroky použitelnosti? Chcete-li naplánovat webovou stránku, musíte nejprve pochopit, proč ji vyvíjíte, pro koho, proč a kdy vaši čtenáři navštíví váš zdroj. Pokud si na tyto otázky odpovíte, zjistíte účel svých stránek. Konkrétní cíle závisí na publiku webu a vaší organizaci.

Kromě toho musíte definovat cíle použitelnosti webu. V souladu s vašimi celkovými cíli by váš zdroj měl být efektivní k použití, měl by se snadno naučit a snadno zapamatovatelný pro opakované návštěvy. Musí také uspokojit uživatele.

Každý cíl použitelnosti je důležitý pro většinu webů, ale možná budete chtít zvážit další pro různé cílové skupiny a situace. Je známo, že design vychází z potřeb lidí, a tak je potřeba sbírat informace nejen o nich, ale také o tom, do jaké míry je stávající stránka uspokojuje. Existuje několik metod pro shromažďování dat, které zahrnují protokoly serveru, formuláře zpětné vazby a testování použitelnosti existujícího webu.

Pro lidi je snazší pracovat s reálným příkladem, než spekulovat o tom, co bude fungovat nejlépe. Užitečné výsledky lze vždy získat pomocí prototypu webu, který má minimální obsah a žádnou grafiku. Takový základní prototyp je vhodný pro první kolo zkoušek.

Obsah by měl být zveřejňován pouze, pokud je to nezbytné pro uživatele webu. Pokud máte horu informací, vyberte ty, které budou pro vaše publikum užitečné a příjemné. Všechny informace by měly být rozděleny na malé kousky s podnadpisy, protože lidé chtějí rychle přečíst, co je zajímá. Z textu je třeba odstranit nepotřebná slova, používat tabulky a seznamy.

Dále se provádí interaktivní proces - Testování použitelnosti, o kterém jsme psali výše. Někdy je potřeba otestovat rozhraní, které již bylo navrženo v souladu se všemi pravidly. Mimochodem, ohniskové skupiny jsou nejdostupnějším způsobem analýzy „sami“.

Komponenty

Pomocí pravidel a principu použitelnosti si tedy můžete vytvořit zdroj, na který budete hrdí. Přítomnost této úžasné položky je kvalitativním znakem, který určuje, do jaké míry je snadné ji používat. Slovo „použitelnost“ také označuje soubor technik, které zlepšují web během jeho tvorby.

Použitelnost má pět kvantitativních složek:

• Efektivita: Po seznámení uživatelů s návrhem, jak rychle dokončí stejný úkol?
• Naučit se: Jak snadno mohou lidé provádět základní úkoly, když poprvé používají neznámé rozhraní?
• Chyby: kolik chyb člověk dělá, jak jsou závažné, dokáže je snadno napravit?
• Zapamatovatelnost: Pokud se uživatel vrátí do rozhraní po určité době, bude schopen znovu získat své dovednosti v jeho používání?
• Spokojenost: do jaké míry je člověk spokojen s používáním tohoto rozhraní?

Kromě „použitelnosti“ existuje mnoho dalších důležitých vlastností kvality designu. Jedním z klíčových je užitečnost. Tento atribut popisuje funkčnost technického řešení a určuje užitečnost rozhraní pro uživatele. Použitelnost a praktičnost jsou stejně důležité: proč používat pohodlný program, když nedává výsledek, který potřebujete? Program, který hypoteticky funguje tak, jak potřebujete, ale nelíbí se vám jeho složité rozhraní, je také považován za špatný. K analýze užitečnosti projektu můžete použít stejné nástroje jako při studiu kvality jeho „použitelnosti“.

Na webu je „použitelnost“ považována za nezbytnou podmínku přežití. Pokud se s webem špatně pracuje, návštěvníci jej velmi rychle opustí. Pokud domovská stránka webu jasně a jasně neuvádí, co podnik dělá a jaké úkoly vám zdroj umožňuje provádět, uživatelé budou hledat jiný web. Lidé také odejdou, pokud je stránka nepřehledná, obsahuje těžko srozumitelné informace a neodpovídá na jejich klíčové otázky.

Nejsou žádní takoví návštěvníci, kteří by trávili čas osvojováním si rozhraní webu nebo pečlivě prostudovali pokyny pro práci s ním. Na webu je mnoho dalších zdrojů, takže pokud návštěvník narazí na problém, ztratíte ho.

Od autora: Dnes tu máme velmi důležité téma – principy a pravidla použitelnosti webu. O tom bylo napsáno mnoho knih a článků. Největší mozky lidstva vyvinuly své vlastní vzorce pro snadné použití webových stránek. Zdálo by se, jak můžete potěšit všechny uživatele internetu, protože jsou tak odlišní? Jak ale výzkum ukazuje, na webu existují určité vzorce chování uživatelů, které je třeba vzít v úvahu při jeho vývoji. Samozřejmě, pokud je účelem zdroje přilákat provoz a vydělat, a ne zastrašovat kyselými barvami, blikajícími bannery (nebo ještě lépe zvukem) a tajemnou navigací.

Principy použitelnosti rozhraní

Nejdůležitější zásada, která by se měla táhnout jako červená nit celým rozhraním, je: „čím jednodušší, tím lepší“. Jeho smyslem je, že používání standardních technik pro navrhování webových stránek uživateli výrazně usnadňuje život.

Ostatně, pokud už někde viděl podobnou navigaci, umístění tlačítek a položek menu, bude vědět, jak to všechno využít. To znamená, že se na vašem webu budou cítit sebejistě. Zbývající principy použitelnosti webu jsem pro usnadnění rozdělil do několika sémantických skupin.

Princip 1: Navigace. Horizontální a vertikální menu.

Základem použitelnosti webu je pohodlná a přehledná navigace. Horizontální nabídka by měla obsahovat hlavní sekce a vertikální nabídka by měla obsahovat další sekce. V poslední době stále častěji narážím na stránky bez vertikálního menu, tedy zjednodušeného na doraz. To však závisí na vlastnostech zdroje a obsahu na něm zveřejněného.

Pokud po zbavení se vertikálního menu skončíte se složitým a matoucím horizontálním menu, je lepší se této techniky zdržet. Kromě toho má smysl duplikovat hlavní nabídku v patičce. Pokud má váš web složitou strukturu, vytvořte pro něj samostatnou stránku, kde ve formě stromového intuitivního seznamu zobrazíte seznam všech kategorií a podkategorií.

Zásada 2: Žádné chyby.

Testování a zase testování. Každý den. Žádné víkendy ani svátky. Stránka musí fungovat správně, protože každá vteřina jejího nesprávného fungování, každý nikam nevedoucí odkaz nebo tlačítko na neexistující stránku vás bude stát návštěvníky a zákazníky. Nikdo se nebude zdržovat na nefunkčním místě. A nezapomeňte navrhnout stránku 404 ve stylu vašeho webového zdroje.

Princip 3. Správný návrh hlavičky webu.

Právě v horní části webu lidé tráví pohled častěji a déle. Někteří lidé jsou dokonce příliš líní posouvat stránku dolů. Přiznám se, do této skupiny uživatelů patřím i já. Pokud záhlaví neobsahuje informace, které potřebuji (menu, kontaktní informace, telefonní čísla atd.), je nepravděpodobné, že bych ztrácel čas jejich hledáním. Obecně rozumíte - do záhlaví umístíme všechny údaje, na které bychom chtěli klienty především upozornit.

Princip 4. Volný prostor.

Určitě jste se setkali se stránkami, kde byl každý centimetr navíc něčím „zacpán“ – nějakými bannery, ikonkami, tlačítky, animacemi. Nudný text, spousta zbytečných informací, brrrr. Takové stránky by měly shořet ve speciálním pekle pro ty, kteří neznají principy použitelnosti a psychologie vnímání.

Skuteční mistři webdesignu vždy nechají na webu volné místo a naformátují text s normálním řádkováním, aby se uživateli lépe dýchalo a informace byly snadno a přístupné.

Zásada 5. Kvalitní text.

Ke kvalitě textu patří nejen jeho sémantická složka a absence chyb, ale také správné formátování. Řádkování jsem již zmínil, ale zbývá mluvit o technikách, které vám mohou pomoci přitáhnout více pozornosti k vašemu obsahu. Tento:

přítomnost nadpisů a podnadpisů;

zvýraznění klíčových slov a důležitých informací (tučně, v poznámkách pod čarou, v odrážkách atd.);

Moderní trendy a přístupy ve vývoji webu

Naučte se algoritmus pro rychlý růst od nuly při vytváření webových stránek

používání číslovaných seznamů a seznamů s odrážkami;

rozdělení textu do odstavců skládajících se ze 3-4 vět.

Princip 6. Vyhledávání na webu.

Zdá se, že je již jasné, že webový zdroj by měl mít interní vyhledávání. Ale ne – dost často se najdou stránky, na kterých není ani náznak tohoto nejdůležitějšího prvku použitelnosti. Většina uživatelů ale přichází na web s jasným cílem: rychle najít nějaké informace.

Vytvořením vyhledávací lišty a filtru uděláte radost sobě i svým potenciálním klientům. Najdou, co potřebují, zvýšíte konverzi a třeba získáte stálého zákazníka.

Princip 7. Rychlost načítání.

Pokračujeme v předchozím požadavku na použitelnost webu – lidé jsou velmi netrpěliví, na internet si chodí pro informace a chtějí je získat co nejrychleji. Podle výzkumu Nielsen Norman Group stráví uživatelé na webové stránce v průměru 27 sekund a jen zřídka se posunou na konec. Děje se tak proto, že na internetu je spousta harampádí a zbytečných informací – kdyby lidé podrobně studovali každý zdroj, zbláznili by se.

Máte tedy jen pár vteřin na to, abyste o sobě návštěvníkovi řekli, zaujali ho a povzbudili k další akci. A pokud většinu tohoto času, který vám je přidělen, zabere načítání webu, pak nemáte prakticky žádnou šanci přilákat potenciálního klienta - jednoduše přejde na jiný web. Otázkou, jak přilákat a udržet návštěvníka, je použitelnost.

O použitelnosti" url="http://marketnotes.ru/about-usability/usability-principls/">

Když jsem četl o heuristických metodách hodnocení designu a použitelnosti, všiml jsem si, že každý se odvolává na nějaké obecně uznávané principy použitelnosti, ale nikdo nepíše jaké. Jsou dvě možnosti: buď jsou tak jasné a přirozené, že ani nestojí za řeč, nebo nikdo pořádně neví, o jaké principy jde. Po analýze článků, které na ně odkazují, a pouhém přemýšlení o obou vyhledávačích jsem došel k neuspokojivému závěru: ve skutečnosti nikdo nic neví a všechny články jsou nepřesnými kopiemi jednoho z článků Jacoba Nelsona. Někteří dokonce zanechali odkaz na tyto obecně přijímané zásady.

Bohužel jsem nenašel jediný článek v ruštině (nebo ukrajinštině), kde by byly odhaleny. Proto jsem se rozhodl, že stojí za to tyto stejné principy trochu přeložit a rozluštit.

Takže 10 obecně uznávaných zásad použitelnosti. Pojďme se na ně podívat podrobněji.

1. Viditelnost stavu systému.

Tento princip znamená, že uživatel by měl VŽDY vědět, co se děje a kde na cestě zastavil. Pokud se jedná o složitou registraci, uveďte, že se jedná o krok 2 ze 3. Pokud se něco stahuje nebo běží nějaký skript, zobrazte % zpracováno. Atd.

Jednoduchý příklad – určitě se každý setkal se situací, kdy jste klikli na nějakou ikonu, ale nic se nestalo. Soudě podle toho, jak aktivně se šroub točí a monitor bliká, pořád se něco děje a po pár minutách se otevře třeba okno programu (pořád takto otevírám IE). Co dělat na internetu, když vše není načteno na vašem počítači, ale na serveru v jiné zemi. Většina uživatelů jednoduše několikrát klikne na tlačítko „odeslat“, několikrát nahraje stejné soubory atd. A to vše proto, že neexistuje žádné spojení mezi uživatelem a systémem.

Je třeba dbát na to, aby systém vždy jasně a jednoznačně reagoval na akce uživatele. Existuje takový okamžik - mezi akcí a reakcí by měla uplynout maximálně 1 sekunda - to není vtip odborníků na použitelnost. Bylo vědecky zjištěno, že to je přesně čas, kdy náš mozek udržuje vztah příčiny a následku, jako je hotovo-přijato. Dojde-li k reakci na vaši akci později než o sekundu později, mozek ji vnímá jako samostatnou akci, pouze vzdáleně související s předchozí.

A ještě jeden limitní údaj – 10 sekund. Uživatel musí dostat to, co chce, do 10 sekund po své akci (např. při prohlížení výsledků vyhledávání uživatel otevřel okno 5. Poté rychle prohlédne každé z nich. Pokud po otevření okna do 10 sekund neučinil vraťte se tam - považujte to za ztracené).

(Čísla jsem sám nezkontroloval ani si je nevymyslel, byly převzaty z knihy).

(toto je příklad z Kontaktu. Při nahrávání fotografií vidíte proces a odhadujete, kolik času zbývá čekat).

Další princip nám říká, že váš web by měl být vytvořen pro konkrétní publikum a měli byste s ním komunikovat v jeho jazyce, používat jeho označení a úroveň připravenosti.

Zrovna před pár dny jsem se podíval na dva webové stránky související s počítačem s poměrně podobnou strukturou a designem. ALE! Jedna byla věnována zvláštnostem nastavení operačního systému a druhá byly počítačové kurzy pro začátečníky.
Jak víte, jedná se o dvě zcela odlišné cílové skupiny a fráze „klikněte na řádek 35 v registru“ bude více než srozumitelná pro publikum prvního webu, ale šokuje 99 % uživatelů druhého webu.

Vždy proto berte ohled na své publikum a web pro ně vždy udělejte. To platí nejen pro texty, ale také pro strukturu, nápovědu, design, vizuální vnímání informací atp.

(na první pohled je jasné, komu jsou informace na tomto webu určeny. Začátečník si ani nepřečte, co tam je. Už jen podle designu je jasné, že je to pro programátory).

3. Uživatelské ovládání (svoboda volby)

Uživatel by měl mít situaci vždy pod kontrolou, takříkajíc držet prst na tepu (nebo by alespoň měl mít takový dojem). Co to v praxi znamená? Například při vyplňování formuláře musí být tlačítko „vymazat formulář“. Pokud formulář obsahuje více kroků, musí se uživatel vrátit k předchozímu kroku, nebo naopak, pokud je to možné, některé přeskočit, aby se k němu mohl vrátit později.

Tato situace vyvolá v uživateli dojem, že on je ten, kdo je „ve vedení“, nikdo se ho nesnaží oklamat nebo zmást. A složitost rozhraní na první pohled se při správném přístupu stane zjednodušením. Koneckonců, pro lidi je mnohem jednodušší udělat 2-3 jednoduché akce než jednu složitou (tady jde o to, že zatímco uživatel vyplňuje druhý krok, stále si myslí, že může zrušit první, ale už přemýšlí asi třetí).

(při vytváření projektu v Seolib vidíte, v jaké fázi se nacházíte, kolik zbývá. Můžete se také vrátit k předchozímu kroku nebo jít dále přeskočením tohoto).

4. Konzistence a standardy.

Další princip, který se zdá samozřejmý, ale bohužel se v praxi používá jen zřídka. Řekněte mi, můžete snadno vytvořit nový dokument v rozhraní libovolného programu Microsoft Office? Uložit? Střed textu? Ale ne vždy to jsou tak jednoduché operace...

Věc se má tak, že kampaň Microsoftu se tohoto principu ve svých produktech drží (ač mnohé další často porušuje). Ve všech jejich produktech jsou stejné ikony na stejných místech a vypadají stejně.

Internet má již určitá zavedená označení a standardy (například typ košíku, kontakty v horním rohu atd.). Pokud se však podíváte na to, kolik různých typů košíků existuje (podle obrázků Yandex nebo Google), pochopíte, že nezkušený uživatel se může vážně ztratit mezi všemi těmito vozíky, elektronickými košíky, ultramódními taškami atd.) .
Co se týče konzistence, když si vyberete konkrétní styl, dodržujte ho všude. To platí pro písma, obrázky, text a rozvržení.

Mnohokrát jsem viděl, jak se vzhled produktu a vzhled stránky v různých částech lišily. Tvůrci webu to považují za „kreativní funkci“. Pokud to dělají pro sebe, tak to tak mohou nechat, ale pokud to děláte pro uživatele, tak jak mu vysvětlíte, proč by se design stránky při výběru tiskárny měl tak lišit od designu stránky pro výběr RAM (ve stejném obchodě)?

(jak můžete vidět na tomto příkladu, všechny ikony jsou ve Wordu, Excelu i PP úplně stejné. Při zvládnutí jakéhokoli nového produktu Microsoftu vám bude minimálně polovina funkcí hned jasná).

5. Prevence chyb.

Tento princip říká, že je snazší předcházet chybě, než ji opravovat. Kdekoli můžete zjednodušit výběr a odstranit zbytečné, náhodné akce, měli byste je odstranit.
V praxi to může být: nápověda při zadávání čehokoli z klávesnice (například město/země).

To platí i pro tlačítka. Například ACCEPT je obvykle větší a jasnější než Clear Form. Pokud víte něco o zadávaných informacích, vyžádejte si to uživateli (formát telefonu nebo kód regionu) atd.

(v tomto případě uživatel nemůže jít dále, dokud tato nastavení nepochopí a nezvolí alespoň jednu možnost analýzy webu. Je to mnohem pohodlnější, než pak uživateli říkat něco jako „vyberte alespoň jednu možnost, nebo jsou parametry nastaveny nesprávně.)

Usnadněte uživateli život co nejvíce, poskytněte mu rady, zapamatujte si informace, které dříve zadal (nejen na předchozí stránce, ale také z jeho předchozích návštěv webu).
Máte-li například opět vícestupňový registrační formulář, ukažte mu již vyplněná pole, pokud je bude v budoucnu potřebovat.

Pokuste se také minimalizovat počet textových polí, do kterých musí uživatel něco zadat sám. Dejte mu možnosti (tipy), aby si mohl vybrat z již dostupných možností.

(po zadání alespoň jednoho písmene vyskočí nápověda pro region. A pokud uživatel neví, jak se město správně píše, jednoduše klikne na jednu z navržených možností).

7. Flexibilita a efektivita použití.

Jedním z největších problémů je, jak skloubit jednoduchost rozhraní a jeho funkčnost? Jak udělat stejné rozhraní jasné a pohodlné jak pro profesionálního uživatele, tak pro začátečníka?

Tento princip říká, že rozhraní by mělo být flexibilní, přizpůsobitelné a přizpůsobené publiku, které převládá. Zaměřte se na jednoduchost pro běžného uživatele. Prvky pro pokročilé uživatele lze mnohem zmenšit a umístit do méně nápadných částí obrazovky, protože najde je všude.

Pozoruhodným příkladem je mapa stránek. Souhlaste s tím, že začátečník tam vůbec nepůjde, ale zkušený uživatel najde tuto „mapu webu“ malým písmem ve spodní části obrazovky nebo malou ikonou někde na boku.
Dalším příkladem jsou klikačky/typery. Tito. Na každou stránku se lze dostat buď z nabídky kliknutím na navigaci, nebo prohledáním webu. Obě možnosti by měly být podporovány a nakonec vést ke stejnému výsledku.

(pro většinu uživatelů vidíme jednoduché vyhledávání, pro pokročilé i pokročilé. Přitom funkce pokročilého vyhledávání jsou skryty poměrně daleko a najde je jen zkušený uživatel, tedy vlastně jen ten kdo to potřebuje).

8. Estetický a minimalistický design

Tento princip říká, že rozhraní by nemělo obsahovat informace, které uživatel nepotřebuje nebo které může potřebovat ve vzácných případech. Podobně ve formulářích: neměli byste od uživatele žádat informace, které nepotřebujete nebo potřebujete ve výjimečných případech.

Bohužel tento princip téměř nikdo nepoužívá. V 90 % případů jste při registraci požádáni o telefonní číslo domů, mobilní telefon, adresu a e-mail a dokonce i datum narození. A to vše, abychom vám poblahopřáli k novému roku a narozeninám.

Všechny doplňující informace si můžete v případě potřeby upřesnit později. A zpočátku, například při registraci nebo při zadávání objednávky, se ptejte pouze na informace, které skutečně potřebujete.

Stejně tak byste na webu (nebo v programu, tyto principy jsou univerzální) neměli uživateli zobrazovat informace, které může někdy potřebovat. Vezměme si například stejný Microsoft Word. Řekněte mi, jak často používáte funkci „navigátor“ nebo vkládání data a času? A přesto jsou tato tlačítka vždy viditelná na panelu nástrojů (v závislosti na verzi se tlačítka mohou lišit, ale jsem si jistý, že když se na ně podíváte, najdete minimálně 40 % ikon, které jste NIKDY nepoužili a ani neví, co dělají).

(zde je typický příklad. Ozon mě při registraci požádal o jméno i příjmení. Přitom jediné místo, kde je použito moje jméno, je hlavička písmene. Nikdy jsem neviděl, že by bylo moje příjmení použito na adrese all. A otázka zní - proč potřebují tato data Koneckonců existuje přezdívka, tedy tvar se dá snadno rozpůlit...).

9. Pomozte uživateli pochopit a opravit chybu.

Řekněte mi, co znamená chyba databáze na řádku 433? Nebo dlouhé strašidelné chyby v paměťovém řádku LXR-XXX-5438645?
Všechny tyto systémové zprávy by měly být uloženy v protokolech pro správce webu/systému. Napište uživateli normálním jazykem, o jakou chybu přesně jde. Navíc uživatele v podstatě zajímá jediné: je to jeho chyba, nebo systém? A dá se něco dělat?

Jsem si jistý, že jste se již setkali se situací, kdy vyplníte formulář, kliknete na Odeslat a v odpovědi se zobrazí nějaká chyba databáze. A vy sedíte a trpíte dvěma hlavními otázkami: kdo za to může a co dělat? Odešel formulář? Pokud ano, jsou to všechny informace? Nebo zkusit odeslat znovu?

Takto závažné chyby jsou však stále méně časté. Další možnost je ale ještě k vzteku - vyplníte poměrně dlouhý formulář, kliknete na odeslat a zobrazí se červený nápis (nebo vyskakovací okno) - pečlivě vyplňte všechna pole označená hvězdičkou.
A zase sedíte a přemýšlíte – jaké obory? Jaká hvězdička? Zdá se, že jsem vše vyplnil, pečlivě prohlédl... a pak se ukázalo, že telefonní číslo by tam mělo být napsáno s mezerami, nikoli pomlčkou.

Nabízíme vám překlad článku o základních pravidlech a principech, na kterých je postavena použitelnost, publikovaného na blogu SmashingMagazine (s našimi dodatky a komentáři k zavedení).

Při tvorbě webového projektu vystupuje každý vývojář, který respektuje sebe i své klienty, z pozice synergie vlastní vize a názorů zákazníků do jediného kvalitního produktu. Nejtěžší na tom je napravit špatné nápady a neúspěšné návrhy přicházející zvenčí. Aby to bylo možné, musíte jasně sdělit svůj vlastní názor, podpořený jak základními principy použitelnosti, tak doporučeními založenými na vašich vlastních zkušenostech.

Proto tento článek pojednává o nejzákladnějších pravidlech, principech a doporučeních ohledně použitelnosti.

Pravidlo 2 sekund

Jedno z nejzákladnějších pravidel použitelnosti. Uživatel nebude čekat déle než dvě sekundy na odpověď systému. Samotná hodnota „2“ byla zvolena libovolně, v procesu sledování rychlosti načítání stránek webu se však dokázala bránit.

Obecně platí, že čím nižší je rychlost načítání stránky, tím lépe. To platí pro projekty jakékoli složitosti. Koneckonců, vždy existuje možnost soutěžit o zlomek vteřiny navíc. Kdo ví, třeba pomohou vaší návštěvě vidět vaši nabídku.

Pravidlo 7±2

Toto pravidlo navrhl George Miller, který prováděl výzkum lidského mozku, konkrétně jeho schopnosti vnímat a zpracovávat příchozí informace. V důsledku toho byly získány výsledky, které naznačují, že krátkodobá paměť je schopna pojmout 5 až 9 entit.

Integrací získaných výsledků do oblasti tvorby webových stránek lze hovořit o maximálních hodnotách počtu prvků v navigační nabídce. Mnoho webmasterů zároveň tvrdí, že takových prvků by nemělo být více než 7. Na druhé straně existuje alternativní pohled, který naznačuje, že takové tvrzení neplatí pro všechny projekty (velké portály a internetové obchody). Pokud mluvíme o, řekněme, obyčejném webu, pak lze pravidlo považovat za docela funkční.

Pravidlo 3 kliknutí

Mnoho lidí o tomto pravidle ví. Je snad nejrozšířenější. Jeho podstatou je, že uživatel po příchodu na hlavní stránku webu při hledání informací nesmí provést více než 3 kliknutí a dostat se na požadovaný obsah.

Lidsky by navigace měla být jednoduchá a nekomplikovaná, aby uživatel v co nejkratším čase našel to, co hledá.

Toto pravidlo není oficiální, ale podmíněné. Pro většinu stránek to dává smysl.

U některých zdrojů je srozumitelnost systému zajištěna např. 10 přechody. Hlavní věc je, že uživatel je pohodlný a jasně chápe, kterým směrem by se měl pohybovat.

Paretovo pravidlo neboli princip 80/20

Jde o to 20 % uživatelských akcí má za následek 80 % celkového efektu . Toto pravidlo pochází z obchodního sektoru, kde „20 % zákazníků tvoří 80 % tržeb společnosti“. Přitom v oblasti použitelnosti a e-commerce je toto pravidlo neméně aktuální. Měli byste identifikovat těchto 20 % svého publika a zvýšit pozornost k jejich potřebám a vytvořit pro ně co nejpohodlnější podmínky pro práci s webem.

6 pravidel z pohledu vývoje designu webových stránek a aplikací

Ben Shneiderman provedl výzkum zaměřený na studium interakcí mezi člověkem a počítačem. V důsledku toho byly na jejich základě formulovány základní principy vývoje designu:

• Logické umístění a přítomnost každého prvku;
• Uživatelé se dělí na běžné a pokročilé. Pro druhou skupinu musíte vytvořit příležitosti pro rychlejší práci: speciální funkce (například zavedení RSS kanálů), horké klávesy, zkratky atd.
• Návštěvník webu nebo aplikace by si měl být jistý, že veškeré interakce mezi ním a vaším produktem jsou pod jeho plnou kontrolou;
• Snažte se nepřetěžovat krátkodobou paměť uživatelů;
• Prostřednictvím vašeho produktu vstupujete do jakéhosi dialogu s vaším návštěvníkem. Tento dialog musí být úplný;
• Poskytujte snadno dostupnou a informativní zpětnou vazbu.

Obrácená pyramida

Obrácená pyramida- styl psaní, který dává hlavní myšlenku do popředí a je k přečtení hned na začátku článku. Článek bude v podstatě začínat závěrem a po něm budou následovat hlavní klíčové body. Nejméně důležité informace by měly být uvedeny na konci článku.

Vznik tohoto stylu prezentace se vysvětluje tím, že v dynamickém světě internetu chtějí uživatelé najít odpovědi v co nejkratším čase. Navíc, pokud návštěvníka okamžitě zaujme obsah článku, je pravděpodobnější, že jej dočte.

Subjektivní spokojenost

Při hodnocení akcí uživatelů lze poznamenat, že si zpravidla nevybírají nejoptimálnější cestu, ale nejpřijatelnější. Tito. při hledání řešení se mohou spokojit s nejrychlejší a zdaleka ne nejlepší odpovědí.

Běžný uživatel bude hledat řešení, které uspokojí jeho primární informační potřeby pro konkrétní požadavek, a nebude hledat alternativní řešení, která by potenciálně mohla pokrýt související problémy a poskytnout mu informace na delší dobu.

Na závěr

Na základě výše uvedených informací si tak můžete vytvořit základní představu o principech, doporučeních a základních veřejných i nevyřčených pravidlech použitelnosti.

Je důležité pochopit, že uživatel nechce přemýšlet. Nechce přemýšlet o tom, jak provést tu či onu akci na webu. Zaměřte se proto na snadnost implementace a intuitivní věci, které budou jakýmsi ukazatelem návštěvníkovy cesty k cíli.

Pokud máte nějaké dodatky k tomu, co je prezentováno, doporučení nebo připomínky, budeme vděční, když se s námi o ně podělíte v komentářích.