Prezentace z konference WordCamp Praha na téma user experience (UX) a designového procesu.

1. Nepodceňujte přípravu webu
Zdenek Zenger
02 / 2017

2. Ahoj,
jsem Zdenek.
Možná si mne pamatujete ...

4. 1954 - Odborníci z RAND Institute předpovídají, že v roce 2004 bude „domácí počítač“
vypadat nějak takto. I když vědci připouštějí, že některé technologie ještě nejsou k dispozici
věří, že se je povede za příštích 50 let objevit. - Peter Lelovič

5. Mezitím, co jsi spal(a)

6. Single device experience ...

7. … přešel v multi device.

8. Objevily se (staro)nové pojmy ...

9. One (wo)man show ...

10. … nahradil tým

11. UX (wo)man?!

15. UX?!

16. UX Process Overview (UX Mastery)

17. What is a design process? (Lasse Diercks)

18. Neexistuje univerzální postup
ani řešení ...

19. Hledáme
Zadání

20. Víš co máš dělat (Michal Blahut)

21. A: “Chci web. Něco jako Alza.cz, mám na to 50.000 Kč, do měsíce
spouštíme.”
B: ”Líbí se mi grafika XXX, mám již o novém webu konkrétní představu.
Hlavně né růžovou. Prodáváme do celého světa. Obsah? Ten napíšeme
před spuštěním, na to je čas.”
C: “Můj synovec nakreslil grafiku webu ...”

22. ● Kdo je zákazník?
● Jaký problém řešíme?
● Už podobný problém řeší jiný?
● Jaké jsou cíle?
● Jaká jsou očekávání?

23. Strategyzer.com: Business Canvas Model

24. Hledáme
Zákazníky

25. Naši zákazníci jsou všichni!

26. … nebo ne?

27. xTensio

28. Hledáme
Problémy

29. ”Eighty-six percent of product ideas are born from a
developer’s personal pain. These ideas are for products
nobody needs. Developers believe research with users is a
waste of time. They perceive their product as a coding
exercise. To validate their idea, they ask their sister if she
likes it. She says yes.”
- Tom Sharon

30. Strategyzer.com: The Value Proposition Canvas

31. STEP 3) CREATE THE USER TASK MATRIX – PART 4 (Paperprotos.com)

32. Hledáme
Řešení

33. Struktura jako myšlenková mapa | Aplikace xMind

34. Checklist (současných) stránek | Google Drive)

35. Vymýšlíme možnosti a variace | Sketching Template

36. Přidáváme detaily a prototypujeme

37. ■ 10 pravidel heuristiky “Nielsonovo desatero”
nngroup.com/articles/ten-usability-heuristics/
■ Základní principy interakčního designu
asktog.com/atc/principles-of-interaction-design/
■ Praktické příklady řešení návrhu rozhraní
www.goodui.org
■ Behaviorální tipy a příklady na základě proběhlých výzkumů
coglode.com

38. Hledáme
Chyby

39. ”One accurate measurement is worth 1 000 expert opinions.”
- G. M. Hopper

40. Rozumí návštěvníci názvosloví ... | Cardsorting online tool (Optimal Workshop)

41. … neztrácejí se na webu a vědí kam jít ... | Treejacking online tool (Optimal Workshop)

42. … dokáží navržené řešení vůbec ovládat?!

43. One Page Usability Testing (David Travis)

44. A co dál?

45. SEO a (re)design webu

46. Obsah se za večer (ne)vytvoří

47. Nepodceňujte dokumentaci ani reporting | Project Documentation (Project Smart)

48. Databáze prvků není nepřítel | Atomic Design (Brad Frost) / Style Guide Tools
http://demo.patternlab.io/

49. Ptejte se ...

50. … hledejte ...

51. … zkoušejte

52. Nepodceňujte přípravu
webu

53. Nepodceňujte přípravu
webu
… ani kontinuální rozvoj

54. ■ Smashing Magazine
■ A List Apart
■ UX Booth
■ UX Myths
■ Measuring U
■ Nielsen Norman Group
■ LukeW
■ Boxes and Arrows
■ UX Movement
■ Designers News
■ Designers Talks
■ UX Mastery
■ UXPin
■ Usability Geek
■ Little Big Details
■ Online Behavior
■ HelloErik Design Experience
■ WeeklyPixels
■ UX Design
■ The Next Web
■ UX Magazine
■ První v Česku
The Best UX/UI Designer Tools, Resources, Blogs & Books Collection

56. Pomůžeme ti se dostat na úroveň, kdy tě lektoři budou chtít přijmout do svého týmu.
www.uxwell.cz
Další ročník již 21.4.

57. That's all folks!
díky za pozornost
cz.linkedin.com/in/zzenger / medium.com / @sleapy_