MJK User Experience / Interface / Information
Xxxxxx xxx:
Xxxxxxxxxx
Xxxxxxxxx
Xxxxxx xxxx
Remember this site
MJK User Experience
Designing the:
Information
Interface
Intera ction
Remember this site
MJK User Experience
What is Information
and Interface?
MJK Definition Information
Information (Abkürzungen Inf./Info, lateinisch informare
‚bilden‘, ‚eine Form, Gestalt, Auskunf...
MJK Definition Interface
Schnittstelle der Mensch-Maschine-Interaktion
Auf die menschlichen Fähigkeiten und Bedürfnisse an...
MJK User Experience
Designing the:
Information
Interface
Intera ction
Remember this site
MJK User Experience
Designing the:
Information
Interface
Intera ction
Remember this site
MJK User Experience
Lets see how
information works
MJK Information Gestalt Gesetz (Law)
Kohärenz (Coherent objects)
MJK Information Gestalt Gesetz (Law)
Kohärenz (Coherent objects)
MJK Information Gestalt Gesetz (Law)
Kohärenz (Coherent objects)
MJK Information Gestalt Gesetz (Law)
Kohärenz (Coherent objects)
MJK Information Gestalt Gesetz (Law)
Gleichheit (Similarity)
MJK Information Gestalt Gesetz (Law)
Gleichheit (Similarity)
MJK Information Gestalt Gesetz (Law)
Gleichheit (Similarity)
MJK Information Gestalt Gesetz (Law)
Figur und Hintergrund
(Figure&Ground)
MJK Information Gestalt Gesetz (Law)
Figur und Hintergrund
(Figure&Ground)
MJK Information Gestalt Gesetz (Law)
Figur und Hintergrund
(Figure&Ground)
MJK Information Gestalt Gesetz (Law)
Figur und Hintergrund
(Figure&Ground)
MJK Information Gestalt Gesetz (Law)
Figur und Hintergrund
(Figure&Ground)
MJK Information Gestalt Gesetz (Law)
Verknüpfen (Enclosure)
MJK Information Gestalt Gesetz (Law)
Verknüpfen (Enclosure)
MJK Information Gestalt Gesetz (Law)
Verknüpfen (Enclosure)
MJK Information Gestalt Gesetz (Law)
Prägnanz
MJK Information Gestalt Gesetz (Law)
Prägnanz
MJK Information Gestalt Gesetz (Law)
Prägnanz
MJK Information Gestalt Gesetz (Law)
Symmetry
MJK Information Gestalt Gesetz (Law)
Prägnanz
MJK Information Kombination
Erlerntes anwenden
(Use Know How)
MJK Information Kombination
Erlerntes anwenden
(Use Know How)
MJK Information Kombination
Erlerntes anwenden
(Use Know How)
MJK User Experience
Designing the:
Information
Interface
Intera ction
MJK User Experience
Designing the:
Information
Interface
Interaction
MJK User Experience
Designing the:
Information
Interface
Interaction
MJK
Laws of Gestalt
Figure Ground
Symmetrie
Similarity
Symmetrie
Closure
Continuation
Prägnanz
Knowledge
User Experience
MJK Example: Interface using Gestalt Law
MJK Example: Interface using Gestalt Law
MJK Example: Interface using Gestalt Law
MJK Example: Interface using Gestalt Law
MJK Example: Interface using Gestalt Law
MJK Example: Interface using Gestalt Law
MJK
Wireframing
Interface
Information
Layout
Gestaltungspsychologie
Ästhetik
Look&Feel
Joy-of-Use
User Experience Next
Tes...
MJK
Thank you!
User Experience Introduction
Nächste SlideShare
Wird geladen in …5
×

UX erklaert 02 / UX Overview 02

531 Aufrufe

Veröffentlicht am

Second part of UX description

Veröffentlicht in: Design
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
531
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
9
Aktionen
Geteilt
0
Downloads
4
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

UX erklaert 02 / UX Overview 02

  1. 1. MJK User Experience / Interface / Information Xxxxxx xxx: Xxxxxxxxxx Xxxxxxxxx Xxxxxx xxxx Remember this site
  2. 2. MJK User Experience Designing the: Information Interface Intera ction Remember this site
  3. 3. MJK User Experience What is Information and Interface?
  4. 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. 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. 6. MJK User Experience Designing the: Information Interface Intera ction Remember this site
  7. 7. MJK User Experience Designing the: Information Interface Intera ction Remember this site
  8. 8. MJK User Experience Lets see how information works
  9. 9. MJK Information Gestalt Gesetz (Law) Kohärenz (Coherent objects)
  10. 10. MJK Information Gestalt Gesetz (Law) Kohärenz (Coherent objects)
  11. 11. MJK Information Gestalt Gesetz (Law) Kohärenz (Coherent objects)
  12. 12. MJK Information Gestalt Gesetz (Law) Kohärenz (Coherent objects)
  13. 13. MJK Information Gestalt Gesetz (Law) Gleichheit (Similarity)
  14. 14. MJK Information Gestalt Gesetz (Law) Gleichheit (Similarity)
  15. 15. MJK Information Gestalt Gesetz (Law) Gleichheit (Similarity)
  16. 16. MJK Information Gestalt Gesetz (Law) Figur und Hintergrund (Figure&Ground)
  17. 17. MJK Information Gestalt Gesetz (Law) Figur und Hintergrund (Figure&Ground)
  18. 18. MJK Information Gestalt Gesetz (Law) Figur und Hintergrund (Figure&Ground)
  19. 19. MJK Information Gestalt Gesetz (Law) Figur und Hintergrund (Figure&Ground)
  20. 20. MJK Information Gestalt Gesetz (Law) Figur und Hintergrund (Figure&Ground)
  21. 21. MJK Information Gestalt Gesetz (Law) Verknüpfen (Enclosure)
  22. 22. MJK Information Gestalt Gesetz (Law) Verknüpfen (Enclosure)
  23. 23. MJK Information Gestalt Gesetz (Law) Verknüpfen (Enclosure)
  24. 24. MJK Information Gestalt Gesetz (Law) Prägnanz
  25. 25. MJK Information Gestalt Gesetz (Law) Prägnanz
  26. 26. MJK Information Gestalt Gesetz (Law) Prägnanz
  27. 27. MJK Information Gestalt Gesetz (Law) Symmetry
  28. 28. MJK Information Gestalt Gesetz (Law) Prägnanz
  29. 29. MJK Information Kombination Erlerntes anwenden (Use Know How)
  30. 30. MJK Information Kombination Erlerntes anwenden (Use Know How)
  31. 31. MJK Information Kombination Erlerntes anwenden (Use Know How)
  32. 32. MJK User Experience Designing the: Information Interface Intera ction
  33. 33. MJK User Experience Designing the: Information Interface Interaction
  34. 34. MJK User Experience Designing the: Information Interface Interaction
  35. 35. MJK Laws of Gestalt Figure Ground Symmetrie Similarity Symmetrie Closure Continuation Prägnanz Knowledge User Experience
  36. 36. MJK Example: Interface using Gestalt Law
  37. 37. MJK Example: Interface using Gestalt Law
  38. 38. MJK Example: Interface using Gestalt Law
  39. 39. MJK Example: Interface using Gestalt Law
  40. 40. MJK Example: Interface using Gestalt Law
  41. 41. MJK Example: Interface using Gestalt Law
  42. 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. 43. MJK Thank you! User Experience Introduction

×