Second part of UX description

1. MJK User Experience / Interface / Information
Xxxxxx xxx:
Xxxxxxxxxx
Xxxxxxxxx
Xxxxxx xxxx
Remember this site

2. MJK User Experience
Designing the:
Information
Interface
Intera ction
Remember this site

3. MJK User Experience
What is Information
and Interface?

4. MJK Definition Information
Information (Abkürzungen Inf./Info, lateinisch informare
‚bilden‘, ‚eine Form, Gestalt, Auskunft geben‘)
Den Menschen erreicht sie über die Sinnesorgane sowie
im chemisch biologischen Sinne
über Rezeptoren und Nerven
Sie erhält ihren Wert durch die Interpretation des
Gesamtgeschehens auf verschiedenen Ebenen, die teils
bewusst, größtenteils aber unbewusst abläuft.

5. MJK Definition Interface
Schnittstelle der Mensch-Maschine-Interaktion
Auf die menschlichen Fähigkeiten und Bedürfnisse angepasste Schnittstelle, mit der ein
Mensch mit einer Maschine interagiert.
Enthält die grafische Benutzeroberfläche zur Ein- und Ausgabe, auf Bildschirmen auch
Stift- und Fingerbedienung (Gestensteuerung), Tastatur, haptisches Feedback, etc.
Benutzerschnittstelle (Oberfläche und Bedienkonzept)

6. MJK User Experience
Designing the:
Information
Interface
Intera ction
Remember this site

7. MJK User Experience
Designing the:
Information
Interface
Intera ction
Remember this site

8. MJK User Experience
Lets see how
information works

9. MJK Information Gestalt Gesetz (Law)
Kohärenz (Coherent objects)

10. MJK Information Gestalt Gesetz (Law)
Kohärenz (Coherent objects)

11. MJK Information Gestalt Gesetz (Law)
Kohärenz (Coherent objects)

12. MJK Information Gestalt Gesetz (Law)
Kohärenz (Coherent objects)

13. MJK Information Gestalt Gesetz (Law)
Gleichheit (Similarity)

14. MJK Information Gestalt Gesetz (Law)
Gleichheit (Similarity)

15. MJK Information Gestalt Gesetz (Law)
Gleichheit (Similarity)

16. MJK Information Gestalt Gesetz (Law)
Figur und Hintergrund
(Figure&Ground)

17. MJK Information Gestalt Gesetz (Law)
Figur und Hintergrund
(Figure&Ground)

18. MJK Information Gestalt Gesetz (Law)
Figur und Hintergrund
(Figure&Ground)

19. MJK Information Gestalt Gesetz (Law)
Figur und Hintergrund
(Figure&Ground)

20. MJK Information Gestalt Gesetz (Law)
Figur und Hintergrund
(Figure&Ground)

21. MJK Information Gestalt Gesetz (Law)
Verknüpfen (Enclosure)

22. MJK Information Gestalt Gesetz (Law)
Verknüpfen (Enclosure)

23. MJK Information Gestalt Gesetz (Law)
Verknüpfen (Enclosure)

24. MJK Information Gestalt Gesetz (Law)
Prägnanz

25. MJK Information Gestalt Gesetz (Law)
Prägnanz

26. MJK Information Gestalt Gesetz (Law)
Prägnanz

27. MJK Information Gestalt Gesetz (Law)
Symmetry

28. MJK Information Gestalt Gesetz (Law)
Prägnanz

29. MJK Information Kombination
Erlerntes anwenden
(Use Know How)

30. MJK Information Kombination
Erlerntes anwenden
(Use Know How)

31. MJK Information Kombination
Erlerntes anwenden
(Use Know How)

32. MJK User Experience
Designing the:
Information
Interface
Intera ction

33. MJK User Experience
Designing the:
Information
Interface
Interaction

34. MJK User Experience
Designing the:
Information
Interface
Interaction

35. MJK
Laws of Gestalt
Figure Ground
Symmetrie
Similarity
Symmetrie
Closure
Continuation
Prägnanz
Knowledge
User Experience

36. MJK Example: Interface using Gestalt Law

37. MJK Example: Interface using Gestalt Law

38. MJK Example: Interface using Gestalt Law

39. MJK Example: Interface using Gestalt Law

40. MJK Example: Interface using Gestalt Law

41. MJK Example: Interface using Gestalt Law

42. MJK
Wireframing
Interface
Information
Layout
Gestaltungspsychologie
Ästhetik
Look&Feel
Joy-of-Use
User Experience Next
Testmethoden
Papertesting
A-B Test
Patterns
Begriffe
Glossar

43. MJK
Thank you!
User Experience Introduction