Narzędzia w warsztacie UX Designera

39
Narzędzia w warsztacie UXa /pawelkopysc

Transcript of Narzędzia w warsztacie UX Designera

Page 1: Narzędzia w warsztacie UX Designera

Narzędzia w warsztacie UXa

/pawelkopysc

Page 2: Narzędzia w warsztacie UX Designera

DESIGN PROCESS

Understand

Plan

Design

Prototype

Evaluate (and deliver…)

Page 3: Narzędzia w warsztacie UX Designera

Understand the business, brand and users

Page 4: Narzędzia w warsztacie UX Designera

Kick-off workshops

Warsztaty wprowadzające

-  Dowiesz się z kim będziesz współpracować

-  Poznasz cele poszczególnych zespołów

-  Zdefiniujesz w jaki sposób będziemy współpracować

Page 5: Narzędzia w warsztacie UX Designera

Przykładowy cel Opracowanie własne

Page 6: Narzędzia w warsztacie UX Designera

Brand personality Osobowość marki

-  Odkryjesz cechy i charakter marki

-  Zaprzyjaźnisz sie z marką

-  Zaczniesz projektować relacje a nie obiekty

Page 7: Narzędzia w warsztacie UX Designera

Źródło: Marketing Buzzar

Page 8: Narzędzia w warsztacie UX Designera

John Hodgman as PC and Justin Long as Mac from ‚Get A Mac Campaign’ by Apple

Page 9: Narzędzia w warsztacie UX Designera

What If Girls Were Internet Browsers by Viktorija Pashuta

Page 10: Narzędzia w warsztacie UX Designera

What If Girls Were Internet Browsers by Viktorija Pashuta

Page 11: Narzędzia w warsztacie UX Designera

Proto-personas Prototypowa persona

-  Użytkownicy nie będą Ci się kojarzyć tylko z excelem

-  Użytkownicy staną się ludźmi

-  Zrozumiesz potencjalne zachowania i potrzeby użytkowników

Page 12: Narzędzia w warsztacie UX Designera

Empathy map From Flickr by Sarah Best

Page 13: Narzędzia w warsztacie UX Designera

Moodboard by Kaitlyn Durgali

Page 14: Narzędzia w warsztacie UX Designera

User Persona Posters by MailChimp

Page 15: Narzędzia w warsztacie UX Designera

User journey map Mapa podróży użytkownika

-  Zdefiniujesz punkty styku

-  Poznasz momenty prawdy

-  Poznasz punkty bólu

Page 16: Narzędzia w warsztacie UX Designera

Przykłady customer journey map Źródła różne…

Page 17: Narzędzia w warsztacie UX Designera

Dobry przykład user journey map Źródło: servicedesigntools.org

Page 18: Narzędzia w warsztacie UX Designera

Własny przykład Praca zespołowa

Page 19: Narzędzia w warsztacie UX Designera

Plan

Page 20: Narzędzia w warsztacie UX Designera

Flow charts Diagramy przepływu

-  Zaplanujesz jak to ma działać

-  Odkryjesz ciemne zaułki i kręte drogi

-  Zwizualizowany proces pomoże w jego zrozumieniu

Page 21: Narzędzia w warsztacie UX Designera

Notification flow Opracowanie własne

Page 22: Narzędzia w warsztacie UX Designera

Wireflows Opracowanie własne

Page 23: Narzędzia w warsztacie UX Designera

Wireflow Opracowanie własne

Page 24: Narzędzia w warsztacie UX Designera

Site Map DoGo Map

Mapa Systemu Mapa Zrób-Przejdź

-  Wizualizacja mapy jest lepsza niż instrukcja obsługi

-  Mapa może posłużyć za dokumentację projektową

-  Masz możliwość wizualizacji ogólnego obrazu systemu

Page 25: Narzędzia w warsztacie UX Designera

Mapa aplikacji Opracowanie własne

Page 26: Narzędzia w warsztacie UX Designera

Mapa aplikacji Źródło UX Mag

Page 27: Narzędzia w warsztacie UX Designera

Design

Page 28: Narzędzia w warsztacie UX Designera

Design Studio Studio projektowe

-  Zaangażowanie całego zespołu w projektowanie

-  Wygenerowanie o wiele więcej możliwych pomysłów

-  Wypracowanie wspólnej wizji

Page 29: Narzędzia w warsztacie UX Designera

Design Studio by Brian Sullivan

Page 30: Narzędzia w warsztacie UX Designera

Design Studio by Brian Sullivan

Page 31: Narzędzia w warsztacie UX Designera

Prototype

Page 32: Narzędzia w warsztacie UX Designera

Rapid prototyping

Błyskawiczne prototypowanie

-  Możliwość walidacji rozwiązań (PoC)

-  Zaczniesz rozpowszechniać swoje rozwiązanie

-  Lepiej zrobić coś niż nie robić nic…

Page 33: Narzędzia w warsztacie UX Designera

inVision, Marvel, UXPin, Justinmind, Pixate, Origami, PopApp, Axure, Sketch, Adobe XD…

Page 34: Narzędzia w warsztacie UX Designera

Remote tests with users

Testy z użytkownikami na odległość

-  Walidacja hipotez (w końcu!)

-  Odpowiedzi na narastające pytania

-  Odkrycie możliwości usprawnień

Page 35: Narzędzia w warsztacie UX Designera

Remote Usability and UX Research Tools By remoteresear.ch/tools/

Page 36: Narzędzia w warsztacie UX Designera

Evaluate, Deliver, Evaluate, Deliver, ...

Page 37: Narzędzia w warsztacie UX Designera

Enterprise Design Language

Ujednolicony język projektowy

-  Ustanowienie standardów przyspieszy rozwój

-  Jeden język – te same doświadczenia

-  Wypracowanie wspólnego podejścia i procesu projektowego

Page 38: Narzędzia w warsztacie UX Designera

US Design Standards, UK Gov Digital Service, Google Material Design, IBM Design Language, Sabre Spark, …

Page 39: Narzędzia w warsztacie UX Designera

Paweł Kopyść

E-mail:

LinkedIn/Twitter:

Web:

[email protected]

/pawelkopysc

Kraina.biz