Použitelnost vs funkčnost v UX | Konečný průvodce UX #15

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:

  1. Usability v UX
  2. Hlavní principy usability v UX – Nielsenovy heuristiky
  3. Usability vs funkčnost
  4. Hlavní principy funkčnosti v UX
  5. 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.

View all posts →

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.

Share
Published by
Klaudia Kowalczyk

Recent Posts

Co je analýza pracovních míst? 7 nejlepších technik pro provedení analýzy pracovních míst v řízení lidských zdrojů

Co je analýza pracovních míst? Už jste někdy slyšeli tento termín, víte, co musíte udělat,…

53 minutes ago

Top 10 editorů PDF v roce 2023

Soubory ve formátu PDF nás provázejí každý den. Tento univerzální způsob ukládání obsahu zaručuje neměnnou…

3 hours ago

Top 10 online překladačů v roce 2023

Vývoj internetu a strojového učení konečně odsunul tradiční objemné tištěné jazykové slovníky. Ať už hledáte…

5 hours ago

Rentgenové vyhledávání v náboru. 4 důležité operátory pro rentgenové vyhledávání

Rentgenové vyhledávání je jednou z mnoha technik vyhledávání dat, které používají oddělení lidských zdrojů k…

7 hours ago

5 Ověřené obchodní modely pro startupy

Dnes se zaměříme na počáteční fázi vývoje společnosti – start-upy. Pokusíme se zjistit, který obchodní…

9 hours ago

5 programů pro vytváření aplikací bez kódování – Vytvořte a prodávejte digitální produkty #37

Programy pro vytváření aplikací bez kódování – znáte nějaké z nich? Jak bylo ukázáno v…

11 hours ago