Narzędzia w warsztacie UX Designera

Post on 13-Apr-2017

472 views 1 download

Transcript of Narzędzia w warsztacie UX Designera

Narzędzia w warsztacie UXa

/pawelkopysc

DESIGN PROCESS

Understand

Plan

Design

Prototype

Evaluate (and deliver…)

Understand the business, brand and users

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ć

Przykładowy cel Opracowanie własne

Brand personality Osobowość marki

-  Odkryjesz cechy i charakter marki

-  Zaprzyjaźnisz sie z marką

-  Zaczniesz projektować relacje a nie obiekty

Źródło: Marketing Buzzar

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

What If Girls Were Internet Browsers by Viktorija Pashuta

What If Girls Were Internet Browsers by Viktorija Pashuta

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

Empathy map From Flickr by Sarah Best

Moodboard by Kaitlyn Durgali

User Persona Posters by MailChimp

User journey map Mapa podróży użytkownika

-  Zdefiniujesz punkty styku

-  Poznasz momenty prawdy

-  Poznasz punkty bólu

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

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

Własny przykład Praca zespołowa

Plan

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

Notification flow Opracowanie własne

Wireflows Opracowanie własne

Wireflow Opracowanie własne

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

Mapa aplikacji Opracowanie własne

Mapa aplikacji Źródło UX Mag

Design

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

Design Studio by Brian Sullivan

Design Studio by Brian Sullivan

Prototype

Rapid prototyping

Błyskawiczne prototypowanie

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

-  Zaczniesz rozpowszechniać swoje rozwiązanie

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

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

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ń

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

Evaluate, Deliver, Evaluate, Deliver, ...

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

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

Paweł Kopyść

E-mail:

LinkedIn/Twitter:

Web:

info@kopysc.pl

/pawelkopysc

Kraina.biz