Download - UX Design na WebExpo Startup Camp
User Experience Design@PetrDousa
Silvi Petr Pája
FLLSSCR netscape a stary techno
A teď vy
USER EXPERIENCE DESIGN
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č