Interface Design: Unterschied zwischen den Versionen

Aus InfoWissWiki - Das Wiki der Informationswissenschaft
Zur Navigation springen Zur Suche springen
 
(20 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.
  
Zu Anfang der Entwicklung der Rechensysteme speiste der Benutzer den Rechner noch  per Lochkarte, um ihm Informationen einzugeben. 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.  
  
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.
  
Seit Anfang der 80er Jahre traten andere Formen von Schnittstellen in den Vordergrund. Mit dem Aufkommen der Apple-Macintosh und Windowsbetriebsysteme bekamen die Rechner ein neues Gesicht. Nun war gab es neue Möglichkeiten, den Rechenprozess zu beeinflussen und zu navigieren.
+
== Definition ==
  
 +
=== Interface===
  
== Definition: ==
+
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>
  
'''Interface:'''<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.
Unter einem Interface versteht man im allgemeinen die Benutzerschnittstelle eines Gegenstandes mit dem der Mensch arbeitet. <br>
 
In der Informationswissenschaft spricht man meistens von der Graphischen Benutzerschnittstelle, die für die Interaktion zwischen Mensch und Computer am wichtigestens ist, um Informationen zu übertragen.
 
 
<br>
 
<br>
  
 +
=== Interface Design ===
  
'''Interface Design:'''<br>
+
[[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 Geräten durch den Menschen sicherzustellen. <br>
+
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. Ein großer Teil nimmt dabei die graphische Gestaltung des Bildschrims (screen design) ein.<br>
 
  
Somit beschäftigt sich Interface Design mit der Gestaltung der graphischen Benutzerschnittstelle, sowie deren Bedienung und Navigationsstruktur.<br>
+
Somit beschäftigt sich Interface Design mit der Gestaltung der graphischen Benutzerschnittstelle sowie deren Bedienung und Navigationsstruktur. <br>
  
 +
== Formen ==
  
== 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>
  
'''Character – based User Interface (CUI):''' <br>
+
===Speech–based User Interface (SUI)===
Hier erfolgen die Usereingaben als Kommandos, Dialog Antworten oder Formulareintragungen unter der Nutzung einer Tastatur. <br>
+
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>
  
'''Graphical User Interface (GUI):''' <br>
+
=== Ergonomie ===
Die Usereingaben erfolgen durch Wahl im Menu oder direkte Manipulation von Icon(verschieben, löschen, etc.) unter Nutzung von Zeigegeräten (z.B.: Mouse, Touchpad, Joystick,..). <br>
 
  
 +
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).
  
'''Speech – based User Interface (SUI):'''
+
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>
Hier erfolgen die Usereingaben über die natürliche Sprache durch Mikrofone<br>
+
Aus diesem Ansatz heraus wurden verschieden ISO-Normen entwickelt, die dem Benutzer einen effektiven und effizienten Arbeitsablauf gewährleisten sollen.
-> Problem: Wie deutlich spricht der jeweilige Nutzer?.<br>
 
  
 +
=== Usability ===
  
'''Mental User Interface (MUI):'''<br>
+
Man spricht von Software-Ergonomie oder [[Usability]], wenn es darum geht, ob eine Software eine optimale Mensch-Computer-Interaktion ermöglicht. <br>
Die Usereingaben erfolgen direkt durch gezielten Einsatz von Gehirnstromaktivitäten über entsprechende Sensoren. <br>
 
  
== Modelle der Mensch – Computer Interaktion ==
+
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>
  
Die Wissenschaft um die Mensch-Computer-Interaktion setzt ihre Schwerpunkte in Design, Auswerung und Umsetzung von interaktiven Systemen bezüglich einer benutzergerechten Gestaltung.
+
Expertenzentrierte Test-Verfahren:
Jedoch will die Wissenschaft nicht nur Ansätze liefern, sondern die Systeme verbessern und bedienerfreundlicher gestalten.<br>
+
Heuristische Evaluation<br>
 +
Cognitive Walkthrough <br>
 +
Checklisten  <br>
  
Drei Ansätze, die Felder der MCI abzugrenzen:<br>
+
=== Screen Design ===
        Ergonomie        <br>
 
        Usability        <br>
 
        Screen Design     <br>
 
  
 +
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]].
  
=== Ergonomie ===
+
== Wie entwickelt man ein gutes Interface? ==
  
ergonomics (gr.)= Gesetz der Arbeit<br>
+
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>
Hier dreht sich alles um die Gestaltung der Geräte, die Einrichtung der Arbeitsplätze, und die Definition von Arbeitsaufgaben und der Arbeitsorganisation (=Hardware)
+
Das System sollte sich im Idealfall selbst erklären, sodass dem Nutzer ein schneller Einstieg gewährleistet wird.
  
Zeil der Ergonomie ist es, die Aufgaben, die an den Benutzer gestellt werden, effektiv und effizient bewältigbar zu gestalten und dabei keine Beeinträchtigung der Gesundheit der Beteiligten zu gewährleisten. <br>
+
'''8 goldene Regeln des Interface Design''' nach Ben Shneiderman: <br>
Aus diesem Ansatz heraus wurden verschieden ISO Normen entwickelt, die dem Benutzer einen effiktiven und effizienten Arbeitsablauf gewährleisten sollen.
 
  
 +
1. Streben nach Konsistenz <br>
 +
Der Systementwickler sollte "Einheitlichkeit" anstreben (Terminologie, Aufbau, Verwendung von Icons...).
  
=== Usability ===
+
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>
  
Man spricht von Software – Ergonomie oder Usability, wenn es darum geht, ob eine Software eine optimale Mensch-Computer-Interaktion ermöglicht.<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>
  
Zeil des Usabliltys ist es, die Aufgaben, die an den Benutzer gestellt werden, effektiv und effizient bewältigbar zu gestalten und eine Nutzerzufriedenheit zu gewährleisten. <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>
  
Testverfahren:           
+
5. Biete einfache Fehlerbehandlung <br>
Nutzerbefragungen <br>
+
Dem Nutzer muss beim Auftreten eines Fehlers eine potentielle Fehlerursachenanalyse geboten werden, damit er sich selbst helfen kann. <br>
Usability - Tests <br>
 
Workthroughs      <br>
 
Expertenbeurteilung  <br>
 
  
=== Screen Design ===
+
6. Erlaube einfache Umkehrung von Aktionen <br>
 +
Eine ausreichende Undo-Funktion ist für einen entspannten Gebrauch des Produkts unverzichtbar. <br>
  
Das Screen Design beschäftigt sich mit der benutzer-, aufgaben und mediengerechten Darstellung von Dateien auf einem Screen. Hierbei ist die Gliederung zwischen der Artefakten und Benutzer wichtig. Die Grenzen zur Usabiliy sind jedoch aufgeweicht.<br>
+
7. Unterstütze interne und lokale Kontrolle <br>
Auch spielen beim Screen design Ästhetische und emotionale Komponenten eine Rolle, wie z.B. die Einbindung der Firmenfarben/ Logos in das Webdesign der Firmenhomepage.
+
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.
  
== Wie entwickelt man ein gutes Interface? ==
+
== Quellen ==
  
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>
+
*Bonsiepe, Gui (1996): Design neu begreifen. Bollmann Verl. <br>
Das System sollte sich im Idealfall selbst erklären, sodass dem Nutzer einen schnellen Einstieg gewährleistet wird.  
+
*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>
  
'''8 goldene Regeln des Interface Design''' nach Ben Shneiderman: <br>
+
==Verwandte Begriffe==
  
1. Streben nach Konsistenz <br>
+
* [[broader::Informationspräsentation]]
+
* [[narrower::Webdesign]]
2. Ermögliche es häufigen Nutzern Abkürzungen zu benutzen<br>
+
* [[related::Interaktion]]
z.B.: Short Keys<br>
+
* [[related::Informationssystem]]
3. Biete informative Rückmeldungen<br>
+
* [[related::Hypermedia]]
        z.B.: Downloadzustand<br>
+
* [[related::Softwareergonomie]]
4. Entwerfe abgeschlossene Dialoge<br>
+
* [[related::Mensch-Maschine-Interaktion]]
      -> schafft Bewusstsein für abgeschlossene Funktion/Befehl<br>
+
* [[synonymous::Interaction Design]]
5. Biete einfache Fehlerbehandlung <br>
 
z.B.: potentielle Fehlerursachenanalyse<br>
 
6. Erlaube einfache Umkehrung von Aktionen<br>
 
z.B.: ausreichende Undo-Funktion <br>
 
7. Unterstütze interne und lokale Kontrolle<br>
 
  
8. Verringere Abfragen des Kurzzeitgedächtnisses<br>
+
[[category:Informationsdesign]]

Aktuelle Version vom 19. April 2011, 09:12 Uhr

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

Verwandte Begriffe

… weitere Daten zur Seite „Interface Design
Interface Design hat allgemein die Aufgabe, die Handhabbarkeit von Gegenständen, Geräten und elektronischen Systemen durch den Menschen sicherzustellen +