User Experience Design@PetrDousa

Silvi Petr Pája

FLLSSCR netscape a stary techno

A teď vy

USER EXPERIENCE DESIGN

Co je prohlížeč?

video

8%

Pokud něco předpokládáme o

našich uživatelích…

není to pravda

Cíl UX designu

Navrhovat produkty, které lidé rádi

používají

Vstupy UX designu

1. Potřeby uživatelů

Vstupy UX designu

2. Cíle firmy

Vstupy UX designu

3. Technologie

NÁSTROJE UX DESIGNU

Uživatelský výzkum

Návštěva u zákazníků“Jak používáte e-mail”?Zjistit, co ještě nevíme

Persony

Report z výzkumuNevymýšlet! :)Přímý kontakt je lepší

Persony

Report z výzkumuNevymýšlet! :)

Papír a tužka

Základní nástroj!Rychlá likvidace nápadů7 iterací – tým, uživatelé

Wireframe

Stále rychlé, bez detailůUmí copy-paste :)Balsamiq

Mock-Up

Detailní “screenshot”Tuning stávajícího produktuFirebug, Photoshop

Prototyp

KlikacíZadání pro kodéryAxure RP

Demo

Texty

Krátké, lidskéAnglický + 140% (překlady)Notepad / Textedit

Grafika

Najděte si grafika :)Kuler.adobe.comMéně je více (fonty, barvy)

A teď to nejdůležitější…

Uživatelské testování

Najít chyby, které nevidíme3 uživateléNikdy není příliš brzo!

300M $

Nástroje UX designu

Uživatelský výzkumPersonyTužka a papírWireframeMockupPrototypTextyGrafikaUživatelské testování

Jak to všechno stihnout?

Nelze :)

Agile UX

Uživatelský výzkumPersonyTužka a papírWireframeMockupPrototypTextyGrafikaUživatelské testování

1. Co-design workshop

Uživatelský výzkum + sketching

Dopoledne

2. Wireframe nebo prototyp

Po obědě

3. Partyzánský test použitelnosti

Odpoledne

V květnu v Berlíně

http://developer.yahoo.com/ypatterns/

Dotazy?

@PetrDousauserexeperience.cz

WIREFRAME

www.mybalsamiq.com

UŽIVATELSKÉ TESTOVÁNÍ

Pokud něco předpokládáme o

našich uživatelích…

není to pravda

300M $

Cíl

Najít chyby použitelnosti

Cíl

Najít chyby použitelnosti(nikoli řešení)

Co testovat

Sketch, wireframe, mockupPrototypProdukt – náš i konkurenční

Kdo testuje

3 lidi - nesmí znát produktPostupně zpřesňovat na cílovou skupinuModerátor a celý tým

Jak testovat

Co myslíte, že to je?Co udělá tohle tlačítko?Jak byste udělal … ?

Jak testovat

Myslete nahlasNemůžete udělat chybuOtázky odpovím až po testu

Vyhodnocení testu

Chyby na papírkySeřadit dle závažnostiVybrat 3-5 k řešení (a brzo testovat znova)

Řešení chyb

Minimální zásahy (nevnést další chyby)Jak lze toto zjednodušit?

Zlaté pravidlo

Jestli je to divný, dej to pryč