9 Interaktionsdesign Flashcards
Interaktionsdesign
Das Feld des Interaktionsdesign befasst sich mit der Gestaltung, der Funktion des
Verhaltens und endgültigen Ausgestaltung von Produkten und Systemen.
Ebenen des Interaktionsdesign
Man unterscheidet die drei Ebenen Software-Design, Hardware-Design und Medien-Design.
Es umfasst:
• Hard- und Softwaretechnische Rahmenbedingungen
• Handhabung und Interaktion, damit Benutzer Aufgaben effizient und zufriedenstellend
erfüllen können
• Mediendesign für den Gesamteindruck
Leitsatz des Interaktionsdesigns
-Form Follows Function ist bis heute einer der wichtigsten Leitsätze für Form und Gestalt.
-Wichtig ist, dass auch Ästhetik als eine Funktion gilt. Ist es ein Ziel ein ästhetisches Produkt zu gestalten, muss die Form dem auch folgen.
Entsprechend gibt es einige
Erweiterungen des Satzes von Sullivan auf Form follows Emotion, Form follows Fun und Form follows Fiction
Affordanz
Das Erscheinungbild eines Objektes wirkt sich maßgeblich darauf aus, wie der Mensch das Objekt
wahrnimmt und was man damit machen kann.
Diese wahrgenommenen Möglichkeiten,
was man mit einem Objekt machen kann, nennt man Affordanz.
-> Funktionale Bedeutung von Affordanz
Affordanz (nach Gibson)
Affordanzen sind alle vom Gegenstand zur Verfügung gestellten Gebrauchseigenschaften
(action possibilities), welche objektiv messbar und abhängig von individuellen
Fähigkeiten des Benutzers sind
Affordanz (nach Norman)
Affordanzen sind alle vom Gegenstand zur Verfügung gestellten und vom Benutzer
wahrgenommenen Gebrauchseigenschaften.
Unterschiede der Definitionen *
Affordanz nach Gibson: • Gebrauchsmöglichkeiten in Abhängigkeit von den Fähigkeiten des Nutzers. • Unabhängig von dem kulturellen oder wissentlichen Hintergrund des Nutzers oder dessen Wahrnehmungsfähigkeit. • Affordanzen haben binäre Zustände: Sie existieren oder sie existieren nicht. Affordanz nach Norman: • Wahrgenommene Eigenschaften eines Objektes (die nicht notwendigerweise existieren müssen). • Andeutungen wie ein Objekt genutzt werden kann. • Ist vom kulturellen und wissentlichen Hintergrund des Nutzers abhängig. • Kann eine Aktion erschweren oder vereinfachen.
Actual vs. Perceived Action Possibilities
-Einer der Hauptunterschiede zwischen der Definition von Gibson und der von Norman
ist der, ob der Nutzer sich der Gebrauchsmöglichkeiten bewusst sein muss. Entsprechend
unterscheidet man auch Actual Action Possibilities (tatsächliche Gebrauchsmöglichkeiten)
und Perceived Action Possibilities (nur die, die vom Nutzer wahrgenommen werden).
-Zwar haben diese Mengen eine gewisse Schnittmenge, es gibt jedoch auch die false affordance, also wahrgenommene Funktionen, die es in Realität gar nicht gibt,
und hidden affordances, also versteckte Funktionen, die vom Nutzer nicht wahrgenommen
werden.
-> Interaktionsdesign Ziel: Schnittmenge zwischen diesen beiden Ebenen groß halten
Einschränkungen
-Physische Einschränkungen
Schwere Geräte können nicht direkt vom Menschen benutzt werden.
-Physikalische Einschränkungen
Der Mauszeiger kann nicht über den Bildschirmrand hinaus bewegt werden.
-Logische Einschränkungen
-Kulturelle Einschränkungen
Eine Rote Ampel bedeutet oft Stopp!
Virtuelle Affordanz
In der virtuellenWelt gibt es nun viele der physikalischen oder physischen Einschränkungen
der echten Welt nicht mehr. Dennoch vermitteln virtuelle Objekte über ihr Aussehen
(Form, Farbe, . . . ) eine gewisse Affordanz. Dies bezeichnet man als virtuelle Affordanz.
Mentale und Konzeptionelle Modelle
In komplexen Interaktionen reichen Affordanzen alleine nicht aus. Viele Objekte können
über ihre Affordanzen nicht die vollständige Interaktion vermitteln.
-> Sagen einem nicht die Wirkung einer Aktion
Mentales Modell
Ein mentales Modell ist eine Repräsentation eines Gegenstandes oder eines Prozesses
im Bewusstsein eines Lebewesens und ist daher nur ein Ausschnitt der Wirklichkeit.
Das mentale Modell hilft einem Benutzer seine Vorstellung von Gegenständen oder
Prozessen zu manifestieren.
-> Leitet wie wir mit Objekten interargieren
Konzeptionelles Modell
Ein konzeptionelles Modell beschreibt die Konzepte aus der Sicht des Anwendungsbereichs
und dient zur Klärung der Terminologie und der Anforderungen. Es spiegelt
ein System aus Sicht des Interaktionsdesigners wieder
->Idealerweise stimmen
konzeptionelle und mentale Modelle exakt überein. In der Realität tritt das aber eher
nicht auf, sondern die Modelle müssen aufeinander abgebildet werden..
Interface-Metaphern
Interface-Metaphern sind ein Weg dem Nutzer das konzeptionelle Modell zu vermitteln. Die Idee ist, dass der Nutzer eine Metapher wiedererkennt und sofort die richtige Aktion damit assoziiert (zum Beispiel das Wegwerfen mit dem Papierkorb).
Mapping
Das Mapping ist die Abbildung der Intentionen der Nutzer auf Gestaltungselemente.
->(interne) Intentionen der Benutzer
auf (externe) Gestaltungselemente abzubilden.
->Ein gutes Interaktionsdesign hilft dabei, das Mapping zwischen mentalem und konzeptionellen
Modell zu verbessern.
Image Schemata
Image Schemata sind grundlegende Bausteine wiederkehrender basaler Erfahrungen. Diese
Schemata entstehen, wenn man wiederkehrende dynamischeWahrnehmungs- und Verhaltensmuster
abstrahiert und multimodal repräsentiert.
Design-Regelwerke
Ebene //Konkretisierung // Beispiel
-Guidelines// Regeln mit a priori verbindlichem
Charakter // iOS Human InterfaceGuidelines
-Standards // Spezifische Gestaltungsregeln mit
verbindlichem Charakter// EN ISO 9241
-Pattern // Konkrete Lösung für ein grundlegendes
Gestaltungsproblem innerhalbeiner Domäne// Wizards, Grid Layouts
-Heuristiken// Konkret formulierte Regeln mit
Empfehlungscharakter// Shneidermans 8 Goldene
Regeln//
-Prinzipien Wenig konkret, vor allem geleitet
durch Erkenntnisse aus der Psychologie
und Kognitionswissenschaft// Goldener Schnitt, Gestalttheorie
Prinzipien
Prinzipien sind grundlegende abstrakte Regeln für die Gestaltung
Gestaltungsgesetze
- Multistabilität
Tendenz zur mehrdeutigen Wahrnehmung. - Invarianz
Erkennen einfacher geometrischer Objekte unabhängig von Translation, Ausrichtung,
. . . - Emergenz
Erkennen von komplexen Objekten aus einfachen Mustern. - Vergegenständlichung
Erkennen von räumlichen Strukturen ohne eigentliche Präsentation.
Heuristiken/Goldene Regeln
Heuristiken sind spezifische Gestaltungsregeln die mit relativ einfachen Mitteln das Design
verbessern.
- Konsistenz
Man sollte sich an Styleguides und Konventionen halten. - Berücksichtige unterschiedliche Erfahrungen
Das UI soll möglichst jedem eine passende Interkationsform anbieten (z.B. Menüs
für Anfänger und Shortcuts für erfahrene Nutzer). - Rückmeldung auf Benutzeraktionen
Insbesondere wenn Aktion länger dauert, sollte das Programm dem Nutzer signalisieren,
dass die Aktion bei der Software angekommen ist. - Abgeschlossene Operationen
Mehrstufige Operationen sollten dem Nutzer im Zusammenhang dargestellt werden. - Fehler verhindern
Das Interface sollte so gestaltet sein, dass Fehler idealerweise gar nicht erst auftreten. - Einfache Rücksetzmöglichkeiten (Undo)
Fehler sollten in jedem Fall behebbar sein. Das gibt dem Nutzer Sicherheit. - Benutzer bestimmt Kontrollfluss
Der Benutzer muss das Gefühl haben, die Anwendung steuern und kontrollieren
zu können. - Geringe Belastung des Arbeitsgedächtnis
Erkennen statt Erinnern, Lieber breite Menüs anstelle von Tiefen Menüs.
Patterns
Patterns sind Vorlagen für Lösungen für ein bestimmtes Gestaltungsproblem in einer
bestimmten Domäne.
Standards
Standards sind spezifische Gestaltungsregeln, die einen verbindlichen Charakter haben.
Guidelines
Guidelines sind Regeln mit a priori verbindlichem Charakter. Sie dienen zur Sicherstellung
von interner und externer Konsistenz.
Interne Konsistenz
Interne Konsistenz ist die Konsistenz von
Bedienelementen innerhalb eines Programms.
Externe Konsistenz
Externe Konsistenz ist die Konsistenz
von verschiedenen Programmen untereinander.
