Usability vs funkčnost – jaký je mezi nimi rozdíl v kontextu uživatelské zkušenosti? V tomto příspěvku se pokusíme představit tyto dva (často si navzájem zaměňované) pojmy, stejně jako ukázat jejich podobnosti a rozdíly. Také poskytneme několik tipů, jak se postarat o funkčnost webových stránek. Přečtěte si článek, abyste se je naučili!
Usability vs funkčnost v UX – obsah:
- Usability v UX
- Hlavní principy usability v UX – Nielsenovy heuristiky
- Usability vs funkčnost
- Hlavní principy funkčnosti v UX
- Shrnutí
Usability v UX
Usability můžeme definovat jako měřítko dosažení stanoveného cíle v efektivitě, účinnosti a spokojenosti týkající se jednoho produktu. V kontextu webové stránky nebo aplikace by takové ukazatele zahrnovaly například počet prodaných vstupenek na filmy, rezervovaných výletů nebo zakoupených položek. Cesta k dosažení těchto cílů – od myšlenky po její realizaci (např. dokončení nákupu, obdržení potvrzení rezervace) bude procesem poskytování informací o použitelnosti dané webové stránky nebo aplikace.
Kniha definuje použitelnost jako “vlastnost produktů, která určuje jejich kvalitu použitelnosti.” Ve své knize Usable Usability, Eric Reiss uvádí jasný příklad, jak pochopit, co je použitelnost. Představil situace, kdy vlastníme auto, které však kvůli nějaké závadě vůbec nejezdí. V důsledku toho ztrácí vadné auto svou základní funkci – schopnost pohybu – což znamená, že není klasifikováno jako použitelný produkt. Nejde jen o estetiku, vzhled a obsah produktu – ale o kombinaci těchto aspektů s jeho užitečností a funkčností.
Plnohodnotný produkt je ten, který kombinuje všechny tyto faktory. Takže naše auto se stává praktickým pouze tehdy, když nám umožňuje řídit bezpečně a svobodně. Použitelnost v kontextu UX se tedy vztahuje na zkušenost a kvalitu interakce uživatele s digitálními produkty, umožňující volnou a intuitivní údržbu produktu, stejně jako bezchybné určení.
Hlavní principy usability v UX – Nielsenovy heuristiky
Už víme, co je použitelnost v designu digitálních produktů. Ale jak zajistit, aby produkt, který navrhujeme a implementujeme (webová stránka nebo aplikace), byl použitelný? Zde stojí za to použít Nielsen-Molichovy heuristiky, které nejsou bez důvodu označovány jako 10 přikázání použitelnosti ve světě UX.
Vyvinuté v roce 1990 Jakobem Nielsenem a Ralfem Molichem, heuristiky obsahují obecné principy interakce člověk-stroj, které mohou pomoci vyhodnotit praktičnost řešení. Až do dnešního dne jsou stále základní technikou pro analýzu rozhraní. V našem příštím příspěvku poskytneme podrobný popis těchto heuristik, který bude věnován tomu, jak měřit použitelnost.
Usability vs funkčnost
Funkčnost je stále často zaměňována s použitelností. Funkčnost je určena tím, jak systém (stránka, služba, aplikace) může pomoci splnit cíle klienta, zatímco použitelnost se zaměřuje na to, jak efektivně a pohodlně to dělá.
Podle přijatých principů – vysoká funkčnost je, když i osoba s malými dovednostmi může systém používat, aniž by se cítila ztracená a tak, jak zamýšleli tvůrci. Funkčnost stránky je tedy určena intuitivností a snadností navigace.
Uživatelé, kteří přicházejí na stránku poprvé, si jistě nejsou obeznámeni s její strukturou. Pokud nemá jednoduchou, intuitivní navigaci, rychle se ztratí, frustrovaní hledáním, a opustí takovou stránku, aby se už nikdy nevrátili. Proto je téma funkčnosti webových stránek a aplikací tak zásadní. Na druhou stranu, pokud se dokážou na stránce rychle orientovat, pochopit její logické uspořádání a snadno najít informace, které hledají – znamená to, že stránka je funkční.
Hlavní principy funkčnosti webových stránek v UX
Znát své uživatele, jejich potřeby, stejně jako online chování, nám umožňuje lépe jim pomoci se orientovat. Abychom uživatele neodradili od procházení naší stránky špatnou navigací a informační architekturou, stojí za to si zapamatovat několik základních principů:
- Udržujte jasnou hierarchii prvků na stránce – vztahy mezi prvky by měly být intuitivně cítit. Čím důležitější je prvek, tím výraznější by měl být – například větším písmem, tučně, výraznou barvou nebo umístěním na stránce. Prvky, které jsou logicky navzájem spojeny, by měly mít podobný styl textu a umístění v jedné skupině.
- Rozdělte stránku na funkční oblasti – to uživateli umožní rychle a efektivně najít informace, které hledá. Bude schopen rychle rozhodnout, která část stránky obsahuje obsah, který je pro něj užitečný, a kterou může přeskočit.
- Označte klikatelné prvky – při pohledu na daný prvek (odkaz, tlačítko, ikona) musí každý okamžitě vědět, zda je kliknutelný.
- Držte se obecně známých konvencí – jako je logo, které při kliknutí přenese diváka na domovskou stránku, ikona nákupního košíku, která uživatele přenese na seznam nákupů, spolu s ikonou lupy, která je zodpovědná za vyhledávač na stránce. To jsou známé běžné praktiky pro rychlou navigaci i pro nováčky.
- Omezte rušivé prvky – příliš mnoho výrazných prvků (barevné bannery, animace atd.) může diváka přetížit a odvést pozornost, což vede k frustraci a nakonec k opuštění stránky.
Shrnutí
Doufáme, že po dnešku uvidíte, co je použitelnost a funkčnost, a jak se liší. Nicméně, starejte se o ně stejně. Ujistěte se, že vaše stránka je jak použitelná – umožňující uživatelům efektivně a pohodlně plnit jejich potřeby (například stahování zdarma e-knihy nebo nákup nového smartphonu) – tak funkční – tím, že zůstane intuitivní pro navigaci. Pečováním o jak použitelnost, tak funkčnost stránky, budete mít obrovský dopad na hodnocení UX, což zase vygeneruje návštěvnost spolu s zisky.
Pokud se vám náš obsah líbí, připojte se k naší komunitě pilných včel na Facebooku, Twitteru, LinkedInu, Instagramu, YouTube, Pinterestu.
Klaudia Kowalczyk
Grafický a UX designér, který do designu přenáší to, co nelze vyjádřit slovy. Pro něj má každá použitá barva, linie nebo písmo svůj význam. Vášnivý v grafickém a webovém designu.
The ultimate UX Guide:
- Co je UX – a co to NENÍ
- Navrhujete uživatelské zkušenosti? Dbejte na tyto věci!
- 10 heuristik použitelnosti pro UX design, které byste měli znát
- Proces UX designu v 5 snadných a jednoduchých krocích
- Uživatelsky orientovaný design a jeho hlavní principy
- Co je zákaznická zkušenost?
- 7 faktorů (výjimečné) uživatelské zkušenosti
- Proč je UX důležitý?
- Příklady dobrého UX designu
- Uživatelská zkušenost vs Zákaznická zkušenost. Jednoduché vysvětlení jejich vztahu
- Co je to Brand Experience?
- Použitelnost vs funkčnost v UX
- Fáze procesu návrhu zaměřeného na uživatele