DWO 2014 – User Experience Design

94
Mikołaj Pastuszko @mPastuszko

Transcript of DWO 2014 – User Experience Design

Page 1: DWO 2014 – User Experience Design

MikołajPastuszko@mPastuszko

Page 2: DWO 2014 – User Experience Design

Plan

1. Wrażenia 2. Po co?

3. Przepis    na UX

4. UX w praktyce

5. Kto za tym stoi?

Page 3: DWO 2014 – User Experience Design

Cel

Page 4: DWO 2014 – User Experience Design

1. Wrażenia 2. Po co?

3. Przepis    na UX

4. UX w praktyce

5. Kto za tym stoi?

Page 5: DWO 2014 – User Experience Design
Page 6: DWO 2014 – User Experience Design
Page 7: DWO 2014 – User Experience Design
Page 8: DWO 2014 – User Experience Design
Page 9: DWO 2014 – User Experience Design
Page 10: DWO 2014 – User Experience Design
Page 11: DWO 2014 – User Experience Design
Page 12: DWO 2014 – User Experience Design
Page 13: DWO 2014 – User Experience Design
Page 14: DWO 2014 – User Experience Design
Page 15: DWO 2014 – User Experience Design
Page 16: DWO 2014 – User Experience Design
Page 17: DWO 2014 – User Experience Design

https://www.youtube.com/watch?v=QwJxhfwx368

Page 18: DWO 2014 – User Experience Design

*

Page 19: DWO 2014 – User Experience Design

ciekawośćpodekscytowanie

Page 20: DWO 2014 – User Experience Design

?

Page 21: DWO 2014 – User Experience Design

zdziwienierozczarowanie

Page 22: DWO 2014 – User Experience Design

?

Page 23: DWO 2014 – User Experience Design

zaskoczenierozbawienie

Page 24: DWO 2014 – User Experience Design

Wnioski

Przedmioty wywołują wrażenia

Na wrażenia wpływa treść oraz forma

Wrażeniami można kierować

Page 25: DWO 2014 – User Experience Design

1. Wrażenia 2. Po co?

3. Przepis    na UX

4. UX w praktyce

5. Kto za tym stoi?

Page 26: DWO 2014 – User Experience Design

Beautiful thingswork better.

Don Norman

Page 27: DWO 2014 – User Experience Design
Page 28: DWO 2014 – User Experience Design

3 czajniczki

3 poziomy przetwarzania

Page 29: DWO 2014 – User Experience Design

Poziom Iwisceralny

Page 30: DWO 2014 – User Experience Design

Poziom IIbehawioralny

Page 31: DWO 2014 – User Experience Design

Poziom IIIrefleksyjny

Page 32: DWO 2014 – User Experience Design

A ile na tym zarobię?

Page 33: DWO 2014 – User Experience Design

45% wielokrotnych rejestracji160 tysięcy dziennie zapomnianych haseł75% rezygnacji

45% więcej klientów15 milionów $ więcej w pierwszym miesiącu300 milionów $ więcej w ciągu roku

Page 34: DWO 2014 – User Experience Design

wzrost konwersjimiliardy...

Page 35: DWO 2014 – User Experience Design

większa konwersja

29%

Page 36: DWO 2014 – User Experience Design
Page 37: DWO 2014 – User Experience Design
Page 38: DWO 2014 – User Experience Design
Page 39: DWO 2014 – User Experience Design
Page 40: DWO 2014 – User Experience Design
Page 41: DWO 2014 – User Experience Design
Page 42: DWO 2014 – User Experience Design

3 miliardy $

to projektowanie produktów i usług w taki sposób,by rozwiązywały problemy użytkowników orazdostarczały wysokiej jakości pozytywnych wrażeńw kontakcie z nimi.

UX Design

Page 43: DWO 2014 – User Experience Design

możeuzdrowić produktpoprawić zadowolenie użytkownikówzwiększyć zyski

UX Design

Page 44: DWO 2014 – User Experience Design

funkcjeużywalność

Page 45: DWO 2014 – User Experience Design

1. Wrażenia 2. Po co?

3. Przepis    na UX

4. UX w praktyce

5. Kto za tym stoi?

Page 46: DWO 2014 – User Experience Design

UX DesignInformation ArchitectureHuman­Computer InteractionInteraction DesignHuman Factors EngineeringUsabilityAccessibilityVisual Design

Industrial DesignArchitectureEthnography

Interfa

ce Des

ign?

Page 47: DWO 2014 – User Experience Design

Interfa

ce Des

ign?

Page 48: DWO 2014 – User Experience Design

User Centered Design Process

1. Plan

2. User Research

3. Synteza

4. Projektowanie

5. Implementacja

Page 49: DWO 2014 – User Experience Design

User Centered Design Process

1. Plan

2. User Research

3. Synteza

4. Projektowanie

5. Implementacja

Ewaluacja

Page 50: DWO 2014 – User Experience Design

1. Plancelharmonogramnarzędziabudżet

Page 51: DWO 2014 – User Experience Design

2. User ResearchKim są użytkownicy?Jak obecnie funkcjonują?

Page 52: DWO 2014 – User Experience Design
Page 53: DWO 2014 – User Experience Design

wywiady

Page 54: DWO 2014 – User Experience Design

grupy fokusowe

Page 55: DWO 2014 – User Experience Design

analizy statystyk

Page 56: DWO 2014 – User Experience Design

3. SyntezaW czym możemy pomóc użytkownikom?

Page 57: DWO 2014 – User Experience Design

diagramy

tabele

Page 58: DWO 2014 – User Experience Design

mapy myśli   mind maps

Page 59: DWO 2014 – User Experience Design

ścieżki użytkowników  user journeys

Page 60: DWO 2014 – User Experience Design

story boards

Page 61: DWO 2014 – User Experience Design

persony

Page 62: DWO 2014 – User Experience Design

4. Projektowanie

Na jakie sposobymożemy pomóc użytkownikom?

Page 63: DWO 2014 – User Experience Design
Page 64: DWO 2014 – User Experience Design

IAIxDVD

architektura informacjiinterakcja + interfejsgrafika

Page 65: DWO 2014 – User Experience Design

IA architektura informacji

Page 66: DWO 2014 – User Experience Design

IA architektura informacji

sortowanie kart   card sorting

Page 67: DWO 2014 – User Experience Design

IxD interakcja + interfejs

przepływ zadań   task flow

Page 68: DWO 2014 – User Experience Design

IxD interakcja + interfejs

makiety   wireframes, mockups

Page 69: DWO 2014 – User Experience Design

IxD interakcja + interfejs

prototypy   prototypes

Page 70: DWO 2014 – User Experience Design

VD grafika

Page 71: DWO 2014 – User Experience Design

4. Projektowanie+

Ewaluacja

Czy rzeczywiście pomagamy użytkownikom?Które rozwiązanie jest najlepsze?

Page 72: DWO 2014 – User Experience Design

ewaluacja heurystyczna

Page 73: DWO 2014 – User Experience Design

first click testing

Page 74: DWO 2014 – User Experience Design

tree testing

Page 75: DWO 2014 – User Experience Design

split testing   (A/B testing)

Page 76: DWO 2014 – User Experience Design
Page 77: DWO 2014 – User Experience Design

testy używalności  usability testing

okulografia  eye tracking

Page 78: DWO 2014 – User Experience Design

5. Implementacja

Jak to wykonać?

Page 79: DWO 2014 – User Experience Design
Page 80: DWO 2014 – User Experience Design

1. Wrażenia 2. Po co?

3. Przepis    na UX

4. UX w praktyce

5. Kto za tym stoi?

Page 81: DWO 2014 – User Experience Design

User Centered Design Process

1. Plan

2. User Research

3. Synteza

4. Projektowanie

5. Implementacja

Ewaluacja

Page 82: DWO 2014 – User Experience Design

UX + Agile

Page 83: DWO 2014 – User Experience Design

UX + Agile

UX jest częścią zespołu Product OwneraResearch równolegle z projektowaniemProjekt tylko trochę wyprzedza implementacjęPrototypy niskiej jakości (mockupy)Prototyp jest specyfikacją

Jeff Patton

Page 84: DWO 2014 – User Experience Design

UX + Agile

EPICs:Specyfikacja, mockupy, grafika

User Stories:drobnoziarniste wymagania

Page 85: DWO 2014 – User Experience Design

UX + Agile

jasno określ czegopotrzebujesz od UXazaufaj w decyzje projektowekrytykę popieraj argumentami

Page 86: DWO 2014 – User Experience Design

1. Wrażenia 2. Po co?

3. Przepis    na UX

4. UX w praktyce

5. Kto za tym stoi?

Page 87: DWO 2014 – User Experience Design

UX Designers na świecie

Satysfakcja zawodowaSatysfakcja z zarobków

Źródła niezadowolenia

5,4  (1­7)5,2  (1­7)

za mało uxza małe wsparciekierownictwa

Susan Farrell, Jakob Nielsen

Page 88: DWO 2014 – User Experience Design

UX Designers na świecie

WebsitesMobileEnterprise applicationsDesktop software

Kategorii produktów

94%67%60%54%

78

Susan Farrell, Jakob Nielsen

Page 89: DWO 2014 – User Experience Design

UX Designers na świecie

projektowanie, HCIpsychologiakomunikacjainformatykafilologiahistoriachemia

Background

Susan Farrell, Jakob Nielsen

Page 90: DWO 2014 – User Experience Design

UX Designers na świecie

książki, blogi, artykułykursypraktyka

Jak zaczynali?

Susan Farrell, Jakob Nielsen

Page 91: DWO 2014 – User Experience Design

UX Designers w Polsce

Page 92: DWO 2014 – User Experience Design

CHI Polska, 2012

UX Designers w Polsce

Page 93: DWO 2014 – User Experience Design

CHI Polska, 20121. Wrażenia 2. Po co?

3. Przepis    na UX

4. UX w praktyce

5. Kto za tym stoi?

Page 94: DWO 2014 – User Experience Design

Zapraszam do świata UX