Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Narzędzia w warsztacie UX Designera

760 views

Published on

Przykładowe narzędzia, które mogę być wykorzystywane nie tylko przez UXa, ale przez cały zespół projektowy. Narzędzia wybrane zostały w taki sposób, aby umożliwiły przejście przez cały proces projektowania zorientowanego na użytkownika (Human Centered Design / Service Design Thinking).

Published in: Design
  • Be the first to comment

Narzędzia w warsztacie UX Designera

  1. 1. Narzędzia w warsztacie UXa /pawelkopysc
  2. 2. DESIGN PROCESS Understand Plan Design Prototype Evaluate (and deliver…)
  3. 3. Understand the business, brand and users
  4. 4. 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ć
  5. 5. Przykładowy cel Opracowanie własne
  6. 6. Brand personality Osobowość marki -  Odkryjesz cechy i charakter marki -  Zaprzyjaźnisz sie z marką -  Zaczniesz projektować relacje a nie obiekty
  7. 7. Źródło: Marketing Buzzar
  8. 8. John Hodgman as PC and Justin Long as Mac from ‚Get A Mac Campaign’ by Apple
  9. 9. What If Girls Were Internet Browsers by Viktorija Pashuta
  10. 10. What If Girls Were Internet Browsers by Viktorija Pashuta
  11. 11. 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
  12. 12. Empathy map From Flickr by Sarah Best
  13. 13. Moodboard by Kaitlyn Durgali
  14. 14. User Persona Posters by MailChimp
  15. 15. User journey map Mapa podróży użytkownika -  Zdefiniujesz punkty styku -  Poznasz momenty prawdy -  Poznasz punkty bólu
  16. 16. Przykłady customer journey map Źródła różne…
  17. 17. Dobry przykład user journey map Źródło: servicedesigntools.org
  18. 18. Własny przykład Praca zespołowa
  19. 19. Plan
  20. 20. 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
  21. 21. Notification flow Opracowanie własne
  22. 22. Wireflows Opracowanie własne
  23. 23. Wireflow Opracowanie własne
  24. 24. 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
  25. 25. Mapa aplikacji Opracowanie własne
  26. 26. Mapa aplikacji Źródło UX Mag
  27. 27. Design
  28. 28. 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
  29. 29. Design Studio by Brian Sullivan
  30. 30. Design Studio by Brian Sullivan
  31. 31. Prototype
  32. 32. Rapid prototyping Błyskawiczne prototypowanie -  Możliwość walidacji rozwiązań (PoC) -  Zaczniesz rozpowszechniać swoje rozwiązanie -  Lepiej zrobić coś niż nie robić nic…
  33. 33. inVision, Marvel, UXPin, Justinmind, Pixate, Origami, PopApp, Axure, Sketch, Adobe XD…
  34. 34. 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ń
  35. 35. Remote Usability and UX Research Tools By remoteresear.ch/tools/
  36. 36. Evaluate, Deliver, Evaluate, Deliver, ...
  37. 37. 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
  38. 38. US Design Standards, UK Gov Digital Service, Google Material Design, IBM Design Language, Sabre Spark, …
  39. 39. Paweł Kopyść E-mail: LinkedIn/Twitter: Web: info@kopysc.pl /pawelkopysc Kraina.biz

×