UX / Dizajnové myslenie, scenáre a prototypovanie

Používateľské rozhrania a používateľský zážitok

Dizajnové myslenie, scenáre a prototypovanie

Michaela Bačíková, Sergej Chodarev

Design Thinking

Double diamond model
Double diamond model
Double diamond model

Analýza

Analýza úloh

Analýza toho, ako ľudia pracujú.

Zdroje

Doména

Oblasť reálneho sveta, v ktorej sa používatelia budú používať vyvíjaný produkt alebo službu.

Analýza domény

Doménová hodnota služby alebo produktu

  1. Doménový účel – dôvod, prečo služba alebo produkt existuje

  2. Doménové hodnoty – kľúčové hodnoty používané na posúdenie toho, ako dobre služba alebo produkt napĺňa doménový účel alebo účely

  3. Doménové funkcie – funkcie, ktoré služba alebo produkt môže vykonávať alebo plniť

Kroky analýzy úloh

  1. Vymedzenie účelu a rozsahu
  2. Získavanie údajov
  3. Zostavenie zoznamov činností
  4. Usporiadanie a opis vykonávania úloh
  5. Overenie platnosti opisu

Hierarchická analýza úloh - rozdelenie na čiastkové ciele

Upratať dom

  1. Vybrať vysávač
  2. Vybrať vhodný nadstavec
  3. Povysávať miestnosti
    • 3.1 Povysávať chodbu
    • 3.2 Povysávať obývacie izby
    • 3.3 Povysávať spálne
  4. Vyprázdniť vrecko na prach
  5. Odložiť vysávač a nadstavce

Persóny a scenáre

Persóna

Persóna je fiktívny, no realistický opis typického alebo cieľového používateľa produktu.

Príklad

Betka, vedúca skladu:

Betka má 37 rokov. Už päť rokov je vedúcou skladu a v spoločnosti GymBeam pracuje dvanásť rokov. Neštudovala na vysokej škole, ale po večeroch sa vzdelávala, aby získala diplom v oblasti podnikania. Má dve deti vo veku 15 a 7 rokov a nerada zostáva v práci do neskorých hodín. Pred niekoľkými rokmi absolvovala časť úvodného interného počítačového kurzu, no musela ho prerušiť, keď ju povýšili a už si nemohla dovoliť…

Scenáre

Príklad scenára

Osobný prehrávač filmov: Sťahovanie cez Bluetooth

Braňo by si rád pozrel nový film „Významné okamihy“ a chce pozvať Alenu, ale vie, že nemá rada „umelecké“ filmy. Rozhodne sa preto najprv si ho pozrieť, aby zistil, či by sa jej páčil, a pripojí sa k jednej zo sietí na zdieľanie filmov. Použije svoj pracovný počítač, pretože má rýchlejšie internetové pripojenie, no cíti sa pri tom trochu previnilo. Vie, že získa nelegálnu kópiu filmu, ale usúdi, že je to v poriadku, keďže má v úmysle ísť…

Ideácia

Generovanie nápadov

Prototypy

Prototypovanie

Overovanie nápadov

„Predpokladať je dobré, ale vedieť je lepšie.“ (Mark Twain)

„Ak ste v poslednom čase nezlyhali, pravdepodobne neprichádzate s ničím novým.“ (Woody Allen)

„Zlyhávajte často, zlyhávajte rýchlo.“ (Don Norman)

Wireframe (drôtový model, náčrt)

Papierový prototyp - príklad

Diagramy
postupnosti
obrazoviek

Lepiace papieriky

Fyzické prototypy

Nástroje pre prototypovanie

Figma Make