UX / Úvod

O čom je tento predmet?

Obsah

• analýza problému a potrieb používateľov
• návrh (design) rozhrania
• overovanie použiteľnosti
• realizácia (hlavne web)

Prečo sa tým zaoberať?

Význam

• Dojem používateľov
• Efektivita
• Predídenie chybám

Raketový útok na Havajské ostrovy

Používateľské rozhranie

Three Mile Island Accident (1979)

• Najhoršia jadrové nehoda v dejinách USA
• Čiastočne sa roztavil jeden z reaktorov

The control room and computer interfaces at Three Mile Island could not have been more confusing if they had tried.

— Don Norman

Čo je rozhranie (interface)?

Používateľské rozhranie

• Všetko, prostredníctvom čoho interagujeme s niečím
• Na rozhraní vždy vznikajú straty

Príklad: internetový obchod

Ako objednať tovar?

1. Zaregistrovať sa
2. Prihlásiť sa
3. Vložiť tovar do košíka
4. Otvoriť košík
5. Stlačiť tlačidlo „Objednať“
6. ...

Čo sa dá zlepšiť?

Kúpiť teraz

Aké je dobré používateľské rozhranie?

Ľudské rozhranie

An interface is humane if it is responsive to human needs and considerate of human frailties.

— Jef Raskin, The Human Interface

Rôzne názvy

• UI: user interface
• UX: user experience
• usability
• user-centered design
• HCI: human-computer interaction

Organizácia predmetu

Zápočet

40 bodov

• Zadanie A — 7 bodov (tímové)
• Zadanie B — 5 bodov
• Zadanie C — 23 bodov (bakalársky projekt)
• Aktivita na cvičeniach — 5 bodov

Skúška

60 bodov

• Súhrnná správa zadania C — 30 bodov
• Písomná skúška — 30 bodov

Stránky predmetu

• https://kurzy.kpi.fei.tuke.sk/ux/
• Moodle – heslo Usability101
• Discord

Niečo naviac

UX/krúžok

• Doplnkové stretnutia, úlohy, diskusie
• Stretnutia po prednáške
• Raz za dva týždne
• Prvé stretnutie – 3. týždeň
• Body za aktivitu a odlišná forma skúšky

Vstupná úloha

Majme zasadačku, v ktorej pracovníci firmy často robia stretnutia medzi sebou, s klientmi a podobne. Často sa však stáva, že v momente, keď má byť stretnutie, v zasadačke je už niekto iný.

Navrhnite rozhranie aplikácie, ktorá pracovníkovi pomôže pri dohadovaní stretnutia nájsť čas, kedy zasadačka bude voľná.

Cieľ: použiteľnosť
Forma: obrázok a jeho vysvetlenie na prvom stretnutí krúžku

Zadanie A

Najmenej použiteľný univerzálny diaľkový ovládač

• 4-členné skupiny
• Ovládanie viacerých zariadení v domácnosti, napr. televízor, rádio a pod.
• Porušiť základné pravidlá HCI
• Do 3. týždňa

User experience
UX

Používateľský zážitok

“User experience” encompasses all aspects of the end-user's interaction with the company, its services, and its products.

— Don Norman and Jakob Nielsen

Faktory ovplyvňujúce UX produktu

Podľa Interface Design Foundation

• Užitočný (useful)
• Použiteľný (usable)
• Nájditeľný (findable)
• Dôveryhodný (credible)
• Želaný (desirable)
• Prístupný (accessible)
• Hodnotný (valuable)

5 komponentov použiteľnosti

Podľa Nielsena

• Naučiteľnosť (learnability)
• Efektívnosť (efficiency)
• Zapamätáteľnosť (memorability)
• Chyby (errors)
• Spokojnosť (satisfaction)

Princípy zrozumiteľného dizajnu

Konzistentnosť

• Veci, vyzerajúce podobne, by mali mať podobnú funkciu
• Podobné operácie sa majú vykonávať podobným spôsobom
• Štandardy, konvencie

Viditeľnosť

• Možnosť vidieť ovládacie prvky
• Jasná funkcionalita
• Očakávané miesto

Affordance (umožnenie)

• Možnosť niečo vykonať
• Umožnenie môže byť skryté alebo vnímané

Normanovské dvere

Signifiers (označovače)

• Označenie možných akcií a spôsobu ich vykonania
• Vnímané umožnenie môže samo slúžiť ako označovač

Prirodzené mapovanie

• Jasný vzťah medzi ovládačom a výsledkom

Spätná väzba

• Aktivácia ovládacieho prvku
• Výsledok

Obmedzenia

• Nemožnosť vykonať nesprávnu akciu

Práca a čas používateľa sú posvätné

A computer shall not harm your work or, through inaction, allow your work to come to harm.

A computer shall not waste your time or require you to do more work than is strictly necessary.

— Jef Raskin, The Human Interface

Knihy

Pozvánka

Niečo na záver