ux erklaert 02 / ux overview 02

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

Upload: mj-k

Post on 29-Jun-2015

198 views

Category:

Design


0 download

DESCRIPTION

Second part of UX description

TRANSCRIPT

  • 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 (Abkrzungen 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 erhlt ihren Wert durch die Interpretation des Gesamtgeschehens auf verschiedenen Ebenen, die teils bewusst, grtenteils aber unbewusst abluft. 5. MJK Definition Interface Schnittstelle der Mensch-Maschine-Interaktion Auf die menschlichen Fhigkeiten und Bedrfnisse angepasste Schnittstelle, mit der ein Mensch mit einer Maschine interagiert. Enthlt die grafische Benutzeroberflche zur Ein- und Ausgabe, auf Bildschirmen auch Stift- und Fingerbedienung (Gestensteuerung), Tastatur, haptisches Feedback, etc. Benutzerschnittstelle (Oberflche 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) Kohrenz (Coherent objects) 10. MJK Information Gestalt Gesetz (Law) Kohrenz (Coherent objects) 11. MJK Information Gestalt Gesetz (Law) Kohrenz (Coherent objects) 12. MJK Information Gestalt Gesetz (Law) Kohrenz (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) Verknpfen (Enclosure) 22. MJK Information Gestalt Gesetz (Law) Verknpfen (Enclosure) 23. MJK Information Gestalt Gesetz (Law) Verknpfen (Enclosure) 24. MJK Information Gestalt Gesetz (Law) Prgnanz 25. MJK Information Gestalt Gesetz (Law) Prgnanz 26. MJK Information Gestalt Gesetz (Law) Prgnanz 27. MJK Information Gestalt Gesetz (Law) Symmetry 28. MJK Information Gestalt Gesetz (Law) Prgnanz 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 Prgnanz 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