Interface Design
Walter Jenner | http://valderama.net
3 Qualitäten nach Vitruv
- Firmitas (Festigkeit)
- Utilitas (Nützlichkeit)
- Venustas (Schönheit)
(Römischer Architekt, 1....
Interface Design
- Benutzbarkeit
- Usability
(in dieser Präsentation)
Design spielt sich zwischen
Tradition & Transzendenz
ab.
Pelle Ehn: Work-oriented design of computer artifacts. Arbetslivs...
Tradition & Transzendenz
„Querty“ Keyboard Layout from Christopher Sholes,
1870s
Tradition & Transzendenz
Wo in diesem Text ist ein Link?
!
Ists der fettgedruckte Teil oder doch
der schräggestellte? Ists...
Tradition & Transzendenz
Smartphone mit Touch-Interface
Tradition & Transzendenz
- Neue Navigationspattern
- zB Hamburger Icon, Off Canvas Menüs
- Swipe Gesten zum Blättern
- Ein...
Erlernbarkeit
- Konsistenz
- Vermeiden von Widersprüchen
- Selbsterklärende Elemente
- Einfach
Konsistenz
- Festes Set an
Interaktionselementen (Pattern)
- Durchgängige Verwendung von
Labels
- Buttons immer gleich pos...
Konsistenz
- Drupal 8 Style Guide

https://groups.drupal.org/node/283223 

https://drupal.org/ui-standards
- iOS Human Int...
Verständliche Elemente
http://www.medien.ifi.lmu.de/fileadmin/mimuc/mmi_ws0506/essays/uebung2-holzer.html
„Affordance“ - d...
Einfachkeit
- Weniger ist mehr
- Dem Benutzer Entscheidungen
abnehmen
Mentale Modelle
Unbewusstes schnelles Verstehen
„Don’t make me think“
Gestaltgesetze
Animationen
http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continui...
Animationen
http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continui...
Zusammenfassung
- Erlernbarkeit
- Tradition & Transzendenz
- Konsistenz
- Affordances
- Mentale Modelle
–Bruce Mau
„In fact, the secret ambition of design is to
become invisible, to be taken up into the
culture, absorbed into ...
–Alan Cooper
„If we want users to like our software we
should design it to behave like a likeable
person: respectful, gene...
Nächste SlideShare
Wird geladen in …5
×

Interface Design, Walter Jenner

568 Aufrufe

Veröffentlicht am

Präsentation auf der Drupal User Group München.

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
568
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
33
Aktionen
Geteilt
0
Downloads
3
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Interface Design, Walter Jenner

  1. 1. Interface Design Walter Jenner | http://valderama.net
  2. 2. 3 Qualitäten nach Vitruv - Firmitas (Festigkeit) - Utilitas (Nützlichkeit) - Venustas (Schönheit) (Römischer Architekt, 1. Jht. vor Christus)
  3. 3. Interface Design - Benutzbarkeit - Usability (in dieser Präsentation)
  4. 4. Design spielt sich zwischen Tradition & Transzendenz ab. Pelle Ehn: Work-oriented design of computer artifacts. Arbetslivscentrum, Stockholm, 1988. (PDF: http://www.diva-portal.org/smash/get/diva2:580037/FULLTEXT02)
  5. 5. Tradition & Transzendenz „Querty“ Keyboard Layout from Christopher Sholes, 1870s
  6. 6. Tradition & Transzendenz Wo in diesem Text ist ein Link? ! Ists der fettgedruckte Teil oder doch der schräggestellte? Ists der pinke, der grüne, oder der graue?! ! Oder ist vielleicht doch der blaue unterstrichene Text ein Link?
  7. 7. Tradition & Transzendenz Smartphone mit Touch-Interface
  8. 8. Tradition & Transzendenz - Neue Navigationspattern - zB Hamburger Icon, Off Canvas Menüs - Swipe Gesten zum Blättern - Einfachere Layouts und Ästhetik (Flat Design?) Innovationen in der Webgestaltung
  9. 9. Erlernbarkeit - Konsistenz - Vermeiden von Widersprüchen - Selbsterklärende Elemente - Einfach
  10. 10. Konsistenz - Festes Set an Interaktionselementen (Pattern) - Durchgängige Verwendung von Labels - Buttons immer gleich positionieren - Bei neuen Elementen: Widersprüche vermeiden
  11. 11. Konsistenz - Drupal 8 Style Guide
 https://groups.drupal.org/node/283223 
 https://drupal.org/ui-standards - iOS Human Interface Guidelines
 https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/
  12. 12. Verständliche Elemente http://www.medien.ifi.lmu.de/fileadmin/mimuc/mmi_ws0506/essays/uebung2-holzer.html „Affordance“ - die Fähigkeit eines Objekts sich selbst zu erklären http://alistapart.com/article/flat-ui-and-forms
  13. 13. Einfachkeit - Weniger ist mehr - Dem Benutzer Entscheidungen abnehmen
  14. 14. Mentale Modelle Unbewusstes schnelles Verstehen „Don’t make me think“
  15. 15. Gestaltgesetze
  16. 16. Animationen http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity
  17. 17. Animationen http://www.google.com/design/spec/animation/meaningful-transitions.html#meaningful-transitions-visual-continuity
  18. 18. Zusammenfassung - Erlernbarkeit - Tradition & Transzendenz - Konsistenz - Affordances - Mentale Modelle
  19. 19. –Bruce Mau „In fact, the secret ambition of design is to become invisible, to be taken up into the culture, absorbed into the background. The highest order of success in design is to achieve ubiquity, to become banal.“ “
  20. 20. –Alan Cooper „If we want users to like our software we should design it to behave like a likeable person: respectful, generous and helpful.“

×