Interface Design: Unterschied zwischen den Versionen
| (24 dazwischenliegende Versionen von 5 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| − | == Entwicklung | + | == Entwicklung == |
| + | Zu Beginn der Entwicklung der Rechensysteme speiste der Benutzer den Rechner noch per Lochkarte, um Informationen einzugeben. Ein großer Nachteil war dabei, dass man in den Rechenprozess nicht eingreifen konnte und so fehlerhafte An/Eingaben erst nach dem Rechenprozess entdeckte. Somit musste der Vorgang komplett wiederholt werden, damit ein gewünschtes Ergebnis erzielt werden konnte. | ||
| − | + | Danach kamen Kommandozeilen-orientierte Benutzerschnittstellen (z.B.: Unix, DOS). Sie hatten den Nachteil, dass der Benutzer von vorneherein alle Befehle kennen musste und die Systeme sich nicht selbst erklärten. | |
| − | + | Seit Anfang der 80er Jahre traten andere Formen von Schnittstellen in den Vordergrund. Mit dem Aufkommen von Apple-Macintosh und Windowsbetriebsystemen bekamen die Rechner ein neues Gesicht. Nun gab es neue Möglichkeiten, den Rechenprozess zu beeinflussen und zu navigieren. | |
| − | + | == Definition == | |
| + | === Interface=== | ||
| − | + | Unter einem Interface versteht man im Allgemeinen die Benutzerschnittstelle eines Gegenstandes, mit dem der Mensch arbeitet. <br> | |
| + | Der tiefere Kontext der Informatik interpretiert die Definition "Interface" als vorgegebene Regel Daten einem Objekt mitzuteilen, Methoden eines Objektes anzuwenden und Funktionsergebnisse zu uebernehmen.<br> | ||
| − | + | Im Fokus anwenderorienterter Informationswissenschaft geht es meistens um graphische Benutzerschnittstellen, die für die Interaktion zwischen Mensch und Computer am wichtigsten sind, um Informationen zu übertragen. | |
| − | |||
| − | |||
<br> | <br> | ||
| + | === Interface Design === | ||
| − | + | [[definition::Interface Design hat allgemein die Aufgabe, die Handhabbarkeit von Gegenständen, Geräten und elektronischen Systemen durch den Menschen sicherzustellen]]. <br> | |
| − | Interface Design hat allgemein die Aufgabe, die Handhabbarkeit von Gegenständen und | + | Im Bereich der Informationstechnik und Informationswissenschaft ist Interface Design für die ideale Gestaltung der Benutzungsschnittstelle elektronischer Systeme zuständig. Einen großen Teil nimmt dabei die graphische Gestaltung des Bildschirms (screen design) ein. <br> |
| − | Im Bereich der Informationstechnik und Informationswissenschaft ist Interface Design für die ideale Gestaltung der Benutzungsschnittstelle elektronischer Systeme zuständig. | ||
| − | Somit beschäftigt sich Interface Design mit der Gestaltung der graphischen Benutzerschnittstelle | + | Somit beschäftigt sich Interface Design mit der Gestaltung der graphischen Benutzerschnittstelle sowie deren Bedienung und Navigationsstruktur. <br> |
| + | == Formen == | ||
| − | == | + | ===Character–based User Interface (CUI)=== |
| + | Hier erfolgen die Usereingaben als Kommandos, Dialog, Antworten oder Formulareintragungen mit Hilfe einer Tastatur. <br> | ||
| + | ===Graphical User Interface (GUI)=== | ||
| + | Die Usereingaben erfolgen durch Wahl im Menu oder direkte Manipulation von [[Icon]]s (verschieben, löschen, etc.) unter Nutzung von Zeigegeräten (z.B.: Mouse, Touchpad, Joystick,..). <br> | ||
| − | + | ===Speech–based User Interface (SUI)=== | |
| − | + | Hier erfolgen die Usereingaben über die natürliche Sprache durch Mikrofone <br> | |
| + | -> Probleme: Wie deutlich / Welche Sprache spricht der jeweilige Nutzer? <br> | ||
| + | ===Mental User Interface (MUI)=== | ||
| + | Die Usereingaben erfolgen direkt durch gezielten Einsatz von Gehirnstromaktivitäten über entsprechende Sensoren. <br> | ||
| + | <br> | ||
| − | + | == Modelle der Mensch-Computer-Interaktion == | |
| − | |||
| + | Die Wissenschaft um die [[Mensch-Computer-Interaktion]] setzt ihre Schwerpunkte in Design, Auswertung und Umsetzung von interaktiven Systemen bezüglich einer benutzergerechten Gestaltung. | ||
| + | Jedoch will die Wissenschaft nicht nur Ansätze liefern, sondern die Systeme verbessern und bedienerfreundlicher gestalten. <br> | ||
| − | + | Drei Ansätze, die Felder der MCI abzugrenzen: <br> | |
| − | + | Ergonomie <br> | |
| − | + | Usability <br> | |
| + | Screen Design <br> | ||
| + | === Ergonomie === | ||
| − | ''' | + | ergonomics (aus gr. 'ergo'=Arbeit und 'nomos'=Gesetz) = Gesetz der Arbeit <br> |
| − | + | Hier dreht sich alles um die Gestaltung der Geräte, die Einrichtung der Arbeitsplätze und die Definition von Arbeitsaufgaben und der Arbeitsorganisation (=Hardware). | |
| + | Ziel der Ergonomie ist es, die Aufgaben, die an den Benutzer gestellt werden, so zu gestalten, dass sie effektiv und effizient zu bewältigen sind und dabei keine Beeinträchtigung der Gesundheit der Beteiligten darstellen. <br> | ||
| + | Aus diesem Ansatz heraus wurden verschieden ISO-Normen entwickelt, die dem Benutzer einen effektiven und effizienten Arbeitsablauf gewährleisten sollen. | ||
| + | === Usability === | ||
| − | + | Man spricht von Software-Ergonomie oder [[Usability]], wenn es darum geht, ob eine Software eine optimale Mensch-Computer-Interaktion ermöglicht. <br> | |
| + | Ziel der Usability ist es, die Aufgaben, die an den Benutzer gestellt werden, so zu gestalten, das sie effektiv und effizient zu bewältigen sind und den Nutzer zufrieden stellen. <br> | ||
| − | + | Benutzerzentrierte Test-Verfahren: | |
| − | + | Nutzerbefragung <br> | |
| + | Usability-Test <br> | ||
| − | + | Expertenzentrierte Test-Verfahren: | |
| − | + | Heuristische Evaluation<br> | |
| − | + | Cognitive Walkthrough <br> | |
| − | + | Checklisten <br> | |
| + | === Screen Design === | ||
| − | === | + | Das Screen Design beschäftigt sich mit der benutzer-, aufgaben- und mediengerechten Darstellung von Daten auf einem Monitor. Beim Screen Design spielen ästhetische und emotionale Komponenten eine Rolle, wie z.B. die Einbindung der Firmenfarben / Logos in das [[Webdesign]] der Firmenhomepage (siehe hierzu auch: [[Corporate Identity]]. |
| + | |||
| + | == Wie entwickelt man ein gutes Interface? == | ||
| + | |||
| + | Im Fokus des Interface Design steht der Benutzer. Dem Nutzer muss es ermöglicht werden, ein System, ein Programm oder eine Maschine ohne Probleme und Komplikationen bedienen zu können. Er muss sich in dem System allein zurechtfinden und selbständig navigieren können. <br> | ||
| + | Das System sollte sich im Idealfall selbst erklären, sodass dem Nutzer ein schneller Einstieg gewährleistet wird. | ||
| + | |||
| + | '''8 goldene Regeln des Interface Design''' nach Ben Shneiderman: <br> | ||
| + | |||
| + | 1. Streben nach Konsistenz <br> | ||
| + | Der Systementwickler sollte "Einheitlichkeit" anstreben (Terminologie, Aufbau, Verwendung von Icons...). | ||
| + | |||
| + | 2. Ermögliche es häufigen Nutzern Abkürzungen zu benutzen <br> | ||
| + | Erfahrenen Nutzern muss es möglich sein, durch "shortkeys" schneller zu arbeiten. <br> | ||
| + | |||
| + | 3. Biete informative Rückmeldungen <br> | ||
| + | Der Systemzustand muss zu jeder Zeit ersichtlich sein, damit der Nutzer weiß, auf welchem Stand er sich befindet.<br> | ||
| + | |||
| + | 4. Entwerfe abgeschlossene Dialoge <br> | ||
| + | Hiermit soll dem User klar gemacht werden, wann eine Funktion oder ein Befehl abgeschlossen ist. Somit weiß der User, wann er eine neue Funktion/ einen neuen Befehl beginnen kann. <br> | ||
| + | |||
| + | 5. Biete einfache Fehlerbehandlung <br> | ||
| + | Dem Nutzer muss beim Auftreten eines Fehlers eine potentielle Fehlerursachenanalyse geboten werden, damit er sich selbst helfen kann. <br> | ||
| + | |||
| + | 6. Erlaube einfache Umkehrung von Aktionen <br> | ||
| + | Eine ausreichende Undo-Funktion ist für einen entspannten Gebrauch des Produkts unverzichtbar. <br> | ||
| + | |||
| + | 7. Unterstütze interne und lokale Kontrolle <br> | ||
| + | Der Nutzer sollte immer das Gefühl haben, Herr über das Programm zu sein und nicht umgekehrt. <br> | ||
| + | |||
| + | 8. Verringere Abfragen des Kurzzeitgedächtnisses <br> | ||
| + | Man sollte dem User nicht zumuten, zuviel wichtige Informationen "behalten" zu müssen. | ||
| + | |||
| + | == Quellen == | ||
| + | |||
| + | *Bonsiepe, Gui (1996): Design neu begreifen. Bollmann Verl. <br> | ||
| + | *Döhring, Nicola (2004): Computervermittelte Kommunikation. Mensch-Computer Interaktion. In: Kuhlen; Seeger; Strauch (Hrsg.): Grundlagen der Information und Dokumentation, 5., völlig neu gefasste Aufl., Band 1, S. 351-362, München: Saur. | ||
| + | *InfowissWiki der Fachrichtung Informationswissenschaft der Universität des Saarlandes. Online verfügbar unter: http://server02.is.uni-sb.de/courses/wiki/index.php/Hauptseite<br> | ||
| + | *Lynch, Patrick; Horton, Sarah (2011): Web Style Guide, 3nd edition. Kapitel: Universal Usability. Online verfügbar unter: http://www.webstyleguide.com/wsg3/2-universal-usability/index.html<br> | ||
| + | *Universität des Saarlandes. Online verfügbar unter: http://is.uni-sb.de/<br> | ||
| + | *User Interface Design GmbH. Online verfügbar unter: http://www.uidesign.de<br> | ||
| + | *Wikipedia, die freie Enzyklopädie, deutsche Version. Online verfügbar unter: http://www.wikipedia.de<br> | ||
| + | |||
| + | ==Verwandte Begriffe== | ||
| − | + | * [[broader::Informationspräsentation]] | |
| − | + | * [[narrower::Webdesign]] | |
| + | * [[related::Interaktion]] | ||
| + | * [[related::Informationssystem]] | ||
| + | * [[related::Hypermedia]] | ||
| + | * [[related::Softwareergonomie]] | ||
| + | * [[related::Mensch-Maschine-Interaktion]] | ||
| + | * [[synonymous::Interaction Design]] | ||
| − | + | [[category:Informationsdesign]] | |
| − | |||
Aktuelle Version vom 19. April 2011, 09:12 Uhr
Inhaltsverzeichnis
Entwicklung
Zu Beginn der Entwicklung der Rechensysteme speiste der Benutzer den Rechner noch per Lochkarte, um Informationen einzugeben. Ein großer Nachteil war dabei, dass man in den Rechenprozess nicht eingreifen konnte und so fehlerhafte An/Eingaben erst nach dem Rechenprozess entdeckte. Somit musste der Vorgang komplett wiederholt werden, damit ein gewünschtes Ergebnis erzielt werden konnte.
Danach kamen Kommandozeilen-orientierte Benutzerschnittstellen (z.B.: Unix, DOS). Sie hatten den Nachteil, dass der Benutzer von vorneherein alle Befehle kennen musste und die Systeme sich nicht selbst erklärten.
Seit Anfang der 80er Jahre traten andere Formen von Schnittstellen in den Vordergrund. Mit dem Aufkommen von Apple-Macintosh und Windowsbetriebsystemen bekamen die Rechner ein neues Gesicht. Nun gab es neue Möglichkeiten, den Rechenprozess zu beeinflussen und zu navigieren.
Definition
Interface
Unter einem Interface versteht man im Allgemeinen die Benutzerschnittstelle eines Gegenstandes, mit dem der Mensch arbeitet.
Der tiefere Kontext der Informatik interpretiert die Definition "Interface" als vorgegebene Regel Daten einem Objekt mitzuteilen, Methoden eines Objektes anzuwenden und Funktionsergebnisse zu uebernehmen.
Im Fokus anwenderorienterter Informationswissenschaft geht es meistens um graphische Benutzerschnittstellen, die für die Interaktion zwischen Mensch und Computer am wichtigsten sind, um Informationen zu übertragen.
Interface Design
Interface Design hat allgemein die Aufgabe, die Handhabbarkeit von Gegenständen, Geräten und elektronischen Systemen durch den Menschen sicherzustellen.
Im Bereich der Informationstechnik und Informationswissenschaft ist Interface Design für die ideale Gestaltung der Benutzungsschnittstelle elektronischer Systeme zuständig. Einen großen Teil nimmt dabei die graphische Gestaltung des Bildschirms (screen design) ein.
Somit beschäftigt sich Interface Design mit der Gestaltung der graphischen Benutzerschnittstelle sowie deren Bedienung und Navigationsstruktur.
Formen
Character–based User Interface (CUI)
Hier erfolgen die Usereingaben als Kommandos, Dialog, Antworten oder Formulareintragungen mit Hilfe einer Tastatur.
Graphical User Interface (GUI)
Die Usereingaben erfolgen durch Wahl im Menu oder direkte Manipulation von Icons (verschieben, löschen, etc.) unter Nutzung von Zeigegeräten (z.B.: Mouse, Touchpad, Joystick,..).
Speech–based User Interface (SUI)
Hier erfolgen die Usereingaben über die natürliche Sprache durch Mikrofone
-> Probleme: Wie deutlich / Welche Sprache spricht der jeweilige Nutzer?
Mental User Interface (MUI)
Die Usereingaben erfolgen direkt durch gezielten Einsatz von Gehirnstromaktivitäten über entsprechende Sensoren.
Modelle der Mensch-Computer-Interaktion
Die Wissenschaft um die Mensch-Computer-Interaktion setzt ihre Schwerpunkte in Design, Auswertung und Umsetzung von interaktiven Systemen bezüglich einer benutzergerechten Gestaltung.
Jedoch will die Wissenschaft nicht nur Ansätze liefern, sondern die Systeme verbessern und bedienerfreundlicher gestalten.
Drei Ansätze, die Felder der MCI abzugrenzen:
Ergonomie
Usability
Screen Design
Ergonomie
ergonomics (aus gr. 'ergo'=Arbeit und 'nomos'=Gesetz) = Gesetz der Arbeit
Hier dreht sich alles um die Gestaltung der Geräte, die Einrichtung der Arbeitsplätze und die Definition von Arbeitsaufgaben und der Arbeitsorganisation (=Hardware).
Ziel der Ergonomie ist es, die Aufgaben, die an den Benutzer gestellt werden, so zu gestalten, dass sie effektiv und effizient zu bewältigen sind und dabei keine Beeinträchtigung der Gesundheit der Beteiligten darstellen.
Aus diesem Ansatz heraus wurden verschieden ISO-Normen entwickelt, die dem Benutzer einen effektiven und effizienten Arbeitsablauf gewährleisten sollen.
Usability
Man spricht von Software-Ergonomie oder Usability, wenn es darum geht, ob eine Software eine optimale Mensch-Computer-Interaktion ermöglicht.
Ziel der Usability ist es, die Aufgaben, die an den Benutzer gestellt werden, so zu gestalten, das sie effektiv und effizient zu bewältigen sind und den Nutzer zufrieden stellen.
Benutzerzentrierte Test-Verfahren:
Nutzerbefragung
Usability-Test
Expertenzentrierte Test-Verfahren:
Heuristische Evaluation
Cognitive Walkthrough
Checklisten
Screen Design
Das Screen Design beschäftigt sich mit der benutzer-, aufgaben- und mediengerechten Darstellung von Daten auf einem Monitor. Beim Screen Design spielen ästhetische und emotionale Komponenten eine Rolle, wie z.B. die Einbindung der Firmenfarben / Logos in das Webdesign der Firmenhomepage (siehe hierzu auch: Corporate Identity.
Wie entwickelt man ein gutes Interface?
Im Fokus des Interface Design steht der Benutzer. Dem Nutzer muss es ermöglicht werden, ein System, ein Programm oder eine Maschine ohne Probleme und Komplikationen bedienen zu können. Er muss sich in dem System allein zurechtfinden und selbständig navigieren können.
Das System sollte sich im Idealfall selbst erklären, sodass dem Nutzer ein schneller Einstieg gewährleistet wird.
8 goldene Regeln des Interface Design nach Ben Shneiderman:
1. Streben nach Konsistenz
Der Systementwickler sollte "Einheitlichkeit" anstreben (Terminologie, Aufbau, Verwendung von Icons...).
2. Ermögliche es häufigen Nutzern Abkürzungen zu benutzen
Erfahrenen Nutzern muss es möglich sein, durch "shortkeys" schneller zu arbeiten.
3. Biete informative Rückmeldungen
Der Systemzustand muss zu jeder Zeit ersichtlich sein, damit der Nutzer weiß, auf welchem Stand er sich befindet.
4. Entwerfe abgeschlossene Dialoge
Hiermit soll dem User klar gemacht werden, wann eine Funktion oder ein Befehl abgeschlossen ist. Somit weiß der User, wann er eine neue Funktion/ einen neuen Befehl beginnen kann.
5. Biete einfache Fehlerbehandlung
Dem Nutzer muss beim Auftreten eines Fehlers eine potentielle Fehlerursachenanalyse geboten werden, damit er sich selbst helfen kann.
6. Erlaube einfache Umkehrung von Aktionen
Eine ausreichende Undo-Funktion ist für einen entspannten Gebrauch des Produkts unverzichtbar.
7. Unterstütze interne und lokale Kontrolle
Der Nutzer sollte immer das Gefühl haben, Herr über das Programm zu sein und nicht umgekehrt.
8. Verringere Abfragen des Kurzzeitgedächtnisses
Man sollte dem User nicht zumuten, zuviel wichtige Informationen "behalten" zu müssen.
Quellen
- Bonsiepe, Gui (1996): Design neu begreifen. Bollmann Verl.
- Döhring, Nicola (2004): Computervermittelte Kommunikation. Mensch-Computer Interaktion. In: Kuhlen; Seeger; Strauch (Hrsg.): Grundlagen der Information und Dokumentation, 5., völlig neu gefasste Aufl., Band 1, S. 351-362, München: Saur.
- InfowissWiki der Fachrichtung Informationswissenschaft der Universität des Saarlandes. Online verfügbar unter: http://server02.is.uni-sb.de/courses/wiki/index.php/Hauptseite
- Lynch, Patrick; Horton, Sarah (2011): Web Style Guide, 3nd edition. Kapitel: Universal Usability. Online verfügbar unter: http://www.webstyleguide.com/wsg3/2-universal-usability/index.html
- Universität des Saarlandes. Online verfügbar unter: http://is.uni-sb.de/
- User Interface Design GmbH. Online verfügbar unter: http://www.uidesign.de
- Wikipedia, die freie Enzyklopädie, deutsche Version. Online verfügbar unter: http://www.wikipedia.de
