Graphical User Interfaces Quiz

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Welches Konzept wird seit über vierzig Jahren verwendet, um den Umgang mit Graphical User Interfaces (GUIs) zu vereinfachen?

  • Die Kommandozeile
  • Die hierarchische Menüstruktur
  • Touch User Interfaces
  • Die Desktop-Metapher (correct)

Touch User Interfaces (TUI) sind eine frühere Form der Interaktion als GUIs.

False (B)

Nennen Sie einen Vorteil von GUIs gegenüber CLIs.

Einfachere und schnellere Erlernbarkeit.

Ein wichtiger Meilenstein in der Entwicklung von Touch User Interfaces war der Markteintritt des ersten _____ von Apple im Jahr 2007.

<p>iPhones</p> Signup and view all the answers

Ordnen Sie die folgenden Konzepte ihrer Beschreibung zu:

<p>Desktop-Metapher = Verwendung von Schreibtisch-Analogie zur Vereinfachung von GUIs GUI = Grafische Benutzeroberfläche mit Icons TUI = Touch-basierte Benutzeroberfläche CLI = Befehlszeilen-Schnittstelle</p> Signup and view all the answers

Welche der folgenden Komponenten ist NICHT Teil der Desktop-Metapher?

<p>E-Mail-Posteingang (A)</p> Signup and view all the answers

Bei Touch User Interfaces sind die Menüstrukturen das wichtigste Element der Organisation von Informationen.

<p>False (B)</p> Signup and view all the answers

Nennen Sie einen Nachteil von GUIs im Vergleich zu CLIs.

<p>Ein meist größerer Platzbedarf.</p> Signup and view all the answers

Wie viele Phasen umfasst das Modell der „Seven Stages of Action“ nach Don Norman?

<p>Sieben (C)</p> Signup and view all the answers

Das „Gulf of Execution“ beschreibt Schwierigkeiten des Benutzers bei der Interpretation des System-Feedbacks.

<p>False (B)</p> Signup and view all the answers

Welche Rolle spielt der Designer bei der Überbrückung der Herausforderungen der Interaktion gemäß Norman?

<p>Der Designer soll die Herausforderungen mit einem nutzerzentrierten, funktionalen und ästhetischen Design des UIs überbrücken.</p> Signup and view all the answers

Die DIN EN ISO ________ ist eine wichtige Norm für die Gestaltung von Websites und -anwendungen.

<p>9241</p> Signup and view all the answers

Welcher der folgenden Aspekte wird NICHT als eine Herausforderung bei der UI-Gestaltung nach Norman genannt?

<p>Die mangelnde Ästhetik des UIs (C)</p> Signup and view all the answers

Normen und Richtlinien für User Interfaces existieren nur in sehr abstrakten, allgemeingültigen Formulierungen.

<p>False (B)</p> Signup and view all the answers

Was beschreibt das Modell von Don Norman?

<p>Es beschreibt zielgerichtete Aktionen als „Seven Stages of Action“.</p> Signup and view all the answers

Ordne den Begriffen der Interaktionsgestaltung die passende Beschreibung zu:

<p>Gulf of Execution = Schwierigkeiten des Benutzers, Ziele in Handlungsschritte umzusetzen Gulf of Evaluation = Schwierigkeiten des Benutzers, System-Feedback zu interpretieren DIN EN ISO 9241 = Wichtige Norm für die Gestaltung von Websites und -anwendungen</p> Signup and view all the answers

Welche der folgenden Gesten wird typischerweise zur Zoom-Funktionalität auf Touchscreens verwendet?

<p>Pinch-Geste (Zusammenziehen/Spreizen von zwei Fingern) (C)</p> Signup and view all the answers

Die direkte Touch-Eingabe auf einem Touchscreen ist ergonomisch immer vorteilhafter als die Bedienung mit einer Maus oder einem Touchpad.

<p>False (B)</p> Signup and view all the answers

Nenne einen Vorteil von Voice User Interfaces im Vergleich zu Touch User Interfaces.

<p>Keine Blickzuwendung oder motorische Eingabetätigkeit erforderlich</p> Signup and view all the answers

Bei Touch User Interfaces muss die Größe der Interaktionselemente an die ______ angepasst sein.

<p>Fingergröße</p> Signup and view all the answers

Ordne die folgenden Interaktionsarten den entsprechenden Eingabegeräten zu:

<p>Wischen = Touchscreen Sprache = Voice User Interface Klicken = Maus Tippen = Touchscreen</p> Signup and view all the answers

Welche Aussage über Touch User Interfaces ist korrekt?

<p>Sie bieten eine direkte und unmittelbare Bedienung. (A)</p> Signup and view all the answers

Das Klicken auf Hyperlinks ist für Nutzer mit Touch-Eingabe einfacher als das Scrollen auf Websites.

<p>False (B)</p> Signup and view all the answers

Nenne ein Beispiel für einen Anwendungsfall, bei dem ein Voice User Interface die Sicherheit erhöhen kann.

<p>Navigationseinstellung während der Autofahrt</p> Signup and view all the answers

Welches Problem wird im Text bezüglich der Entwicklung von Datenbrillen angesprochen?

<p>Die Nutzerbedürfnisse sind nicht ausreichend berücksichtigt worden. (C)</p> Signup and view all the answers

Die Google Glass-Datenbrille wurde erfolgreich als Consumer Electronics Product auf dem Markt eingeführt.

<p>False (B)</p> Signup and view all the answers

Was bedeutet der Begriff 'iterativ' im Zusammenhang mit dem nutzerzentrierten Gestaltungsprozess?

<p>Das Wiederholen von einzelnen Schritten bis zum gewünschten Ergebnis</p> Signup and view all the answers

Der nutzerzentrierte Gestaltungsprozess wird auch als ______ bezeichnet.

<p>User Centered Design</p> Signup and view all the answers

Was ist laut Text ein wichtiger Grund für die Optimierung der Google Glass für den industriellen Einsatz?

<p>Um die Nutzerbedürfnisse im spezifischen Kontext besser zu erfüllen. (C)</p> Signup and view all the answers

Die internationale Norm DIN EN ISO 9241:210 beschreibt einen linearen, nicht iterativen Gestaltungsprozess.

<p>False (B)</p> Signup and view all the answers

Ordne die folgenden Begriffe ihren Beschreibungen zu:

<p>Nutzerzentrierter Gestaltungsprozess = Ein iteratives Vorgehen zur Entwicklung von Produkten, das die Nutzerbedürfnisse berücksichtigt Iteration = Das Wiederholen von Schritten während des Entwicklungsprozesses DIN EN ISO 9241:210 = Internationale Norm für menschzentrierte Gestaltung Google Glass = Ein Beispiel für ein Produkt, bei dem der nutzerzentrierte Ansatz zunächst vernachlässigt wurde</p> Signup and view all the answers

Welche zwei Bereiche werden als mögliche Einsatzgebiete für die Enterprise Edition der Datenbrille genannt?

<p>Logistik und Produktion</p> Signup and view all the answers

In welcher Reihenfolge werden Nutzergruppen üblicherweise in den Designprozess integriert?

<p>Primäre, sekundäre, indirekte Nutzer (C)</p> Signup and view all the answers

Prototyping ist eine unwichtige Tätigkeit im nutzerzentrierten Designprozess.

<p>False (B)</p> Signup and view all the answers

Nenne eine Zielsetzung des Prototypings.

<p>UIs und Produktideen zu explorieren.</p> Signup and view all the answers

Durch frühes Prototyping lässt sich vermeiden, dass die ______ verstanden werden.

<p>Nutzeranforderungen falsch</p> Signup and view all the answers

Welche der folgenden Dimensionen unterscheidet Prototypen NICHT?

<p>Kosten (D)</p> Signup and view all the answers

Ein Prototyp soll immer genau wie das spätere Produkt aussehen.

<p>False (B)</p> Signup and view all the answers

Was ist das Ziel eines Prototypen?

<p>Antworten auf spezifische Fragen hinsichtlich der Angemessenheit und Umsetzbarkeit des Designs zu finden.</p> Signup and view all the answers

Ordne die Dimensionen von Prototypen den passenden Beschreibungen zu:

<p>Funktionsumfang = Welche Funktionen des späteren Produktes sollen im Prototyp dargestellt werden? Funktionstiefe = Wie detailliert sollen die im späteren Produkt vorgesehenen funktionalen Elemente abgebildet werden? Darstellungstreue = Wie ähnlich soll der Prototyp dem späteren Produkt sein? Interaktivität = Wie interaktiv soll der Prototyp sein?</p> Signup and view all the answers

Welche Aussage beschreibt die Rolle der Informationsarchitektur am besten?

<p>Sie ist ein System zur Organisation von Informationen basierend auf verschiedenen Kriterien. (C)</p> Signup and view all the answers

Eine gut durchdachte Informationsarchitektur garantiert, dass Nutzer sich auf einer Webseite immer zurechtfinden.

<p>True (A)</p> Signup and view all the answers

Was ist laut dem Text eine Folge einer schlecht konzipierten Informationsarchitektur?

<p>Nutzer verlassen die Website schnell wieder.</p> Signup and view all the answers

Der Designprozess ist in das Identifizieren des Designproblems und das Finden von Designlösungen unterteilt, wobei beide Phasen zunächst eine ______ Anzahl von Designalternativen aufweisen.

<p>divergierende</p> Signup and view all the answers

Ordnen Sie die Phasen des Designprozesses ihren Beschreibungen zu:

<p>Identifizieren des Designproblems = Verstehen des zugrunde liegenden Problems Finden von Designlösungen = Entwicklung von Antworten auf das Problem Divergierende Alternativen = Erzeugung einer Vielzahl von Ideen Konvergierende Alternativen = Auswahl einer oder weniger geeigneter Lösungen</p> Signup and view all the answers

Welche Aussage über die Menge der weltweit gespeicherten Daten ist laut Cisco Systems zutreffend?

<p>Sie hat sich von 2016 bis 2019 mehr als verdoppelt (D)</p> Signup and view all the answers

Die Informationsdarstellung sollte immer generisch sein, um für alle Nutzer gleich verständlich zu sein.

<p>False (B)</p> Signup and view all the answers

Mit was wird eine schlecht konzipierte Informationsarchitektur verglichen?

<p>Ein auf Sand gebautes Haus</p> Signup and view all the answers

Flashcards

Wischgeste

Eine Interaktionsgeste, bei der der Benutzer den Finger über den Touchscreen bewegt, um durch Inhalte zu scrollen. Häufig verwendet, um durch lange Texte, Bilder oder Listen zu navigieren.

Pinch-Geste

Eine Interaktionsgeste, bei der der Benutzer mit zwei Fingern auf dem Touchscreen gleichzeitig zusammenzieht oder spreizt, um den Bildausschnitt zu vergrößern oder zu verkleinern.

Touchscreens

Direkte Eingabegeräte, die die Eingabe des Benutzers über den direkten Kontakt mit dem Bildschirm ermöglichen, z.B. durch Berührungen, Wischgesten oder Druck.

Tippgesten

Interaktionsgesten, bei denen die Benutzer Interaktionen auslösen, indem sie mit einem Finger auf den Bildschirm tippen.

Signup and view all the flashcards

Human Interface Guidelines für Touch User Interfaces

Eine Gruppe von Richtlinien, die sicherstellen, dass Touch User Interfaces intuitiv und benutzerfreundlich sind.

Signup and view all the flashcards

Problem mit Touch User Interfaces bei schlechterer Ergonomie

Ein Nachteil von Touch User Interfaces, der die Benutzerfreundlichkeit beeinträchtigen kann, wenn der Bildschirm für den Benutzer nicht einfach und ergonomisch zu erreichen ist.

Signup and view all the flashcards

Voice User Interfaces (VUI)

Eine Art von Benutzerschnittstelle, die es Benutzern ermöglicht, mit einem Gerät über Spracheingabe zu interagieren.

Signup and view all the flashcards

Vorteil von Voice User Interfaces bei der Sicherheit

Ein Vorteil von Voice User Interfaces, der die Sicherheit und Benutzerfreundlichkeit in bestimmten Situationen verbessern kann.

Signup and view all the flashcards

Was ist die Desktop-Metapher?

Die Desktop-Metapher ist eine visuelle Gestaltung von Computer-Benutzeroberflächen, die den Benutzern eine vertraute Umgebung bietet, die einem Schreibtisch ähnelt. Sie bietet eine einfache und intuitive Möglichkeit, mit Dateien und Ordnern zu interagieren, indem sie bekannte Elemente wie Ordner, Papierkörbe und Dokumente verwendet.

Signup and view all the flashcards

Was sind GUIs?

Graphical User Interfaces (GUIs) stellen Informationen und Funktionen über visuelle Elemente wie Symbole, Icons und Menüs dar. Sie ermöglichen eine einfache und intuitive Interaktion mit dem Computer per Maus oder Tastatur.

Signup and view all the flashcards

Was sind CLIs?

Command Line Interfaces (CLIs) verwenden Textbefehle zur Steuerung des Computers. Sie sind sehr leistungsstark, aber für Anfänger oft schwer zu erlernen.

Signup and view all the flashcards

Was ist User Interface (UI) Gestaltung?

User Interface (UI) Gestaltung ist die Gestaltung der visuellen Elemente und der Interaktion mit dem Computer. Sie konzentriert sich auf die Benutzerfreundlichkeit und ästhetische Gestaltung, damit das Interface einfach zu bedienen und angenehm zu nutzen ist.

Signup and view all the flashcards

Was sind Touch User Interfaces (TUIs)?

Touch User Interfaces (TUIs) sind eine Weiterentwicklung von GUIs, die eine direkte Interaktion über einen Touchscreen ermöglichen. Sie sind intuitiv zu bedienen und bieten eine nahtlose Integration von Anzeige und Bedienung.

Signup and view all the flashcards

Was sind Touch-Gesten?

Touch-Gesten sind spezifische Bewegungen auf dem Touchscreen, wie Wischen, Tippen oder Zoomen, die bestimmte Aktionen auslösen.

Signup and view all the flashcards

Was sind Apps?

Apps (Anwendungen) sind Programme, die auf Touch User Interfaces ausgeführt werden. Sie bieten spezielle Funktionen und Inhalte und werden durch Icons auf dem Bildschirm dargestellt.

Signup and view all the flashcards

Was ist ein Meilenstein in der Entwicklung von TUIs?

Ein wichtiger Meilenstein in der Entwicklung von TUIs war die Einführung des ersten iPhones von Apple im Jahr 2007. Dieses Gerät ermöglichte eine nahtlose Integration von Touchscreen-Bedienung und stellte eine neue, intuitive Art der Interaktion mit mobilen Geräten vor.

Signup and view all the flashcards

Seven Stages of Action

Die "Seven Stages of Action" beschreiben die Schritte, die ein Benutzer durchläuft, um ein Ziel mithilfe einer Benutzeroberfläche zu erreichen. Diese Schritte beinhalten: 1. Das Ziel festlegen, 2. Die Handlung planen, 3. Die Handlung ausführen, 4. Das System beobachten, 5. Das Feedback interpretieren, 6. Das Ergebnis bewerten, 7. Das Ergebnis mit dem Ziel abgleichen.

Signup and view all the flashcards

Gulf of Execution

Die "Gulf of Execution" beschreibt die Schwierigkeit, die ein Benutzer erlebt, wenn er seine Ziele in die entsprechenden Aktionen übersetzt, die er über die Benutzeroberfläche ausführen kann.

Signup and view all the flashcards

Gulf of Evaluation

Die "Gulf of Evaluation" beschreibt die Schwierigkeit, die ein Benutzer erlebt, wenn er das Feedback des Systems, das über die Benutzeroberfläche kommuniziert wird, wahrnimmt und richtig interpretiert.

Signup and view all the flashcards

Rolle des Designers

Die Rolle des Designers ist es, die "Gulf of Execution" und die "Gulf of Evaluation" zu minimieren, indem er eine intuitive und verständliche Benutzeroberfläche gestaltet, die es den Benutzern ermöglicht, ihre Ziele effektiv zu erreichen.

Signup and view all the flashcards

Normen und Richtlinien für User Interfaces

Normen und Richtlinien für die Gestaltung von User Interfaces helfen dabei, dass Interfaces einheitlich, benutzerfreundlich und effizient sind. Sie können in verschiedene Kategorien eingeteilt werden, je nach ihrem Abstraktionsgrad und ihrer Spezifität.

Signup and view all the flashcards

DIN EN ISO 9241

Die DIN EN ISO 9241 ist eine wichtige Norm für die Gestaltung von Websites und Anwendungen. Sie enthält allgemeine Richtlinien für die Gestaltung benutzerfreundlicher und zugänglicher Interfaces.

Signup and view all the flashcards

Kontextspezifische Normen

Normen und Richtlinien können je nach Kontext und Anwendungsbereich variieren. Im Automobilbereich gibt es beispielsweise spezifische Normen, die die Gestaltung von User Interfaces im Auto berücksichtigen.

Signup and view all the flashcards

Gütekriterien für User Interfaces

Ein gutes Interface zeichnet sich durch Benutzerfreundlichkeit, Effizienz und Ästhetik aus.

Signup and view all the flashcards

Nutzerintegration im Designprozess

Die Integration von Nutzern in den Designprozess erfolgt in Stufen. Zuerst werden die wichtigsten Nutzergruppen (primär) einbezogen, dann die weniger wichtigen (sekundär) und zum Schluss die indirekten Nutzer.

Signup and view all the flashcards

Was ist Prototyping?

Prototyping ist ein wichtiger Schritt im nutzerzentrierten Designprozess, mit dem verschiedene Gestaltungslösungen entwickelt und überprüft werden. Die Zielsetzung hängt vom Entwicklungsstand des Produkts ab.

Signup and view all the flashcards

Warum ist Prototyping wichtig?

Durch Prototyping kann man frühzeitig sicherstellen, dass die Nutzeranforderungen richtig verstanden werden. So können Designfehler frühzeitig erkannt und kostengünstig korrigiert werden.

Signup and view all the flashcards

Welche Arten von Prototypen gibt es?

Es gibt verschiedene Arten von Prototypen, die sich durch ihren Funktionsumfang, ihre Detailtiefe, ihre Darstellungstreue und ihre Interaktivität unterscheiden. Die Auswahl hängt vom Entwicklungsstand des Produkts ab.

Signup and view all the flashcards

Was ist ein Prototyp?

Ein Prototyp ist eine eingeschränkte Version des endgültigen Produkts, mit dem man spezifische Designfragen beantworten kann.

Signup and view all the flashcards

Funktionsumfang von Prototypen

Der Funktionsumfang eines Prototypen kann die wichtigsten Funktionen des späteren Produkts umfassen oder nur einen Teil davon.

Signup and view all the flashcards

Funktionstiefe von Prototypen

Die Funktionstiefe eines Prototypen beschreibt, wie detailliert die Funktionen des späteren Produkts im Prototyp abgebildet werden.

Signup and view all the flashcards

Darstellungstreue von Prototypen

Die Darstellungstreue bezieht sich darauf, wie stark der Prototyp dem endgültigen Produkt in Bezug auf das Look-and-Feel des User Interfaces ähneln soll.

Signup and view all the flashcards

Nutzerzentrierter Gestaltungsprozess

Ein Designprozess, der die Bedürfnisse und Anforderungen der Nutzer in den Mittelpunkt stellt und sie iterativ in den Gestaltungsprozess einbezieht.

Signup and view all the flashcards

Iterativer Prozess

Dieser Prozess wird durch wiederholte Schritte (Iterationen) gekennzeichnet, in denen die Ergebnisse immer wieder bewertet und optimiert werden, bis die gewünschten Ergebnisse für die Nutzer erzielt werden.

Signup and view all the flashcards

DIN EN ISO 9241:210

Die DIN EN ISO 9241:210 definiert vier Kernbereiche des nutzerzentrierten Gestaltungsprozesses, die in jeder Phase iterativ angewendet werden, um die Bedürfnisse der Nutzer zu erfüllen.

Signup and view all the flashcards

Google Glass - Beispiel fehlgeschlagener Einführung

Ein Beispiel für die Bedeutung des nutzerzentrierten Gestaltungsprozesses ist die Google Glass, die zunächst auf technologischen Aspekten konzentriert war und die Nutzerbedürfnisse nicht ausreichend berücksichtigt hat. Die Folge: Die Markteinführung wurde vorerst gestoppt.

Signup and view all the flashcards

Nutzerzentrierte Entwicklung

Dieser Ansatz zielt darauf ab, Produkte und Dienstleistungen mit Fokus auf die Nutzerbedürfnisse zu entwickeln, zu evaluieren und zu optimieren.

Signup and view all the flashcards

Nutzungskontext

Die Nutzerbedürfnisse werden in jedem Nutzungskontext, ob in der Produktion oder im privaten Umfeld, untersucht und berücksichtigt.

Signup and view all the flashcards

Beta-Version

Eine Beta-Version ist eine frühe Version eines Produkts, die nur einem begrenzten Kreis von Nutzern zur Verfügung gestellt wird, um Feedback zu erhalten und das Produkt zu verbessern.

Signup and view all the flashcards

Enterprise Edition

Die Enterprise Edition ist eine Version eines Produkts, die spezifisch für den Einsatz in Unternehmen entwickelt wurde, z.B. für Logistik oder Produktion.

Signup and view all the flashcards

Was ist Informationsarchitektur?

Die Informationsarchitektur (IA) ist ein Kernstück von Websites und organisiert die Informationen auf verschiedenen Ebenen. Sie bestimmt, wie Inhalte strukturiert und präsentiert werden, um die Navigation für Benutzer so intuitiv wie möglich zu gestalten.

Signup and view all the flashcards

Welche Website-Typen gibt es?

Websites lassen sich grob in drei Typen einteilen: Informations-, Transaktions- und Community-Websites. Informationswebsites bieten vorwiegend Inhalte und Informationen, während Transaktionswebsites Transaktionen ermöglichen (z.B. Online-Shop). Community-Websites zielen auf Interaktion zwischen Nutzern ab (z.B. Foren).

Signup and view all the flashcards

Was ist Makro-IA?

Die Makro-IA bezieht sich auf die obersten Ebenen der Informationsorganisation. Sie definiert die wichtigsten Bereiche der Website und ihre hierarchische Struktur.

Signup and view all the flashcards

Was ist Mikro-IA?

Die Mikro-IA befasst sich mit der Organisation von Inhalten innerhalb einzelner Bereiche. Sie bestimmt, wie Inhalte in Listen, Tabellen, Menüs oder anderen Formaten angeordnet werden.

Signup and view all the flashcards

Wie entwickelt sich die weltweite Datenmenge?

Die Informationsmenge in Rechenzentren wächst exponentiell. Cisco Systems prognostiziert bis 2021 eine Vervierfachung des weltweit gespeicherten Datenvolumens.

Signup and view all the flashcards

Warum ist eine gute IA wichtig?

Eine gut gestaltete IA ist entscheidend für den Erfolg einer Website. Sie ermöglicht eine intuitive Navigation, erleichtert die Suche nach Informationen und steigert die Zufriedenheit der Besucher.

Signup and view all the flashcards

Was sind die Folgen einer schlechten IA?

Eine schlechte IA kann Besucher frustrieren und dazu führen, dass sie die Website verlassen. Dies kann den Erfolg der Website beeinträchtigen und zu Verlusten führen.

Signup and view all the flashcards

Welche Methoden helfen bei der Gestaltung von IA ?

Für die Gestaltung von Informationsarchitekturen gibt es verschiedene Methoden und Strategien. Der nutzerzentrierte Gestaltungsprozess (NZG) ist ein etablierter Ansatz, der die Bedürfnisse der Benutzer in den Mittelpunkt stellt und helfen kann, eine benutzerfreundliche IA zu entwickeln.

Signup and view all the flashcards

Study Notes

Überblick über die Lernziele

  • Der Kurs vermittelt Grundlagen und Begriffe der Gestaltung und Ergonomie von Benutzeroberflächen (User Interfaces).
  • Die verschiedenen Typen von User Interfaces, Ergonomie und Bedienbarkeit werden behandelt.
  • Informationsarchitekturen und Gestaltungselemente von Websites werden beleuchtet, inklusive Barrierefreiheit.
  • Prinzipien und Herausforderungen mobiler Websites sowie die Implementierung responsiver User Interfaces werden erörtert.

Lektion 1: Einführung in User Interfaces

  • Verschiedene Typen von User Interfaces werden eingeführt.
  • Interaktionsmöglichkeiten mit User Interfaces werden beschrieben.
  • Herausforderungen bei der Gestaltung von User Interfaces werden aufgezeigt.
  • Prinzipien und Regeln für eine gute Bedienbarkeit werden erläutert.

Lektion 1: Begriffsklärung: User Interface, Ergonomie und Bedienbarkeit

  • User Interfaces (Benutzerschnittstellen) sind die Verbindung zwischen Mensch und Computer.
  • Ergonomie bezieht sich auf die Leistungsmöglichkeiten und Grenzen des Menschen, vor allem in seinen Arbeitsbedingungen.
  • Bedienbarkeit (Usability) beschreibt, wie nutzbar ein Produkt ist, abhängig von Aufgabe, Werkzeug, Nutzer und Kontext.

Lektion 1: Einführung

  • User Interfaces begegnen uns alltäglich (z. B. Wecker, Fahrstuhl, Waschmaschine).
  • User Interfaces unterscheiden sich in ihrer Handhabung und Komplexität.
  • Unterschiedliche Nutzer bevorzugen verschiedene Interaktionsmöglichkeiten (z. B. physische Tasten oder Touchscreen).

Lektion 1: Ergonomie und Bedienbarkeit

  • User Interfaces sollten ergonomisch gestaltet und benutzerfreundlich sein.
  • Ergonomische Gestaltung orientiert sich an menschlichen Fähigkeiten und Grenzen.
  • User Interfaces werden auf Basis der Ergonomie und Bedienbarkeit entwickelt, um Aufgaben effizient und zufriedenstellend zu lösen.

Lektion 1: User Interface

  • Der Begriff "User Interface" beschreibt die menschliche Schnittstelle zu einem Produkt.
  • Es gibt physische (reale) und digitale User Interfaces.
  • Die Gestaltung soll den Bedürfnissen der Nutzer optimal angepasst sein.

Lektion 1: Usability

  • Usability bezieht sich auf die Benutzerfreundlichkeit eines Produktes (Software, Website etc.)
  • Der Begriff ist abhängig von der Aufgabe, dem Nutzer und dem Kontext der Nutzung.
  • Die verschiedenen Faktoren beeinflussen die Usability eines Produktes.

Lektion 1: Ergonomie

  • Ergonomie ist die Wissenschaft der Leistungsmöglichkeiten und -grenzen des Menschen.
  • Bei ergonomischer Gestaltung von User Interfaces geht es um die optimale Anpassung zwischen Mensch und Arbeitsbedingungen.
  • Der Bereich der Unterhaltungselektronik fällt auch in den Bereich der Ergonomie.

Lektion 2: Nutzerzentrierter Gestaltungsprozess

  • Vorteile nutzerzentrierter Prozesse: effizientere Gestaltung, verbesserte Nutzerfreundlichkeit.
  • Prozessschritte: Verständnis des Nutzungskontexts, Festlegung der Nutzungsanforderungen, Erarbeiten von Gestaltungs-Lösungen, Testing und Evaluation.
  • Verknüpfung mit dem Double-Diamond-Designprozess: Iterationen zur Lösung der Probleme.

Lektion 2: Einführung

  • Im Jahr 2012 wurde von Google die Google Glass Datenbrille vorgestellt.
  • Nutzer interagieren über Spracheingabe und Touchpad.
  • Die Umsetzung erzeugte Fragen zum Datenschutz und zur Marktbarkeit.

Lektion 3: Informationsarchitektur

  • Informationsarchitektur bestimmt die Struktur und Organisation von Inhalten auf einer Website.
  • Unterschiedliche Websitetypen hinsichtlich Zielsetzung(z. B. Marken-Websites, Produkt-Webseiten, Informationsportale).
  • Makro-IA steuert die thematische Unterteilung.
  • Mikro-IA steuert die Struktur einzelner Seiten.

Lektion 4: Gestaltungselemente von User Interfaces

  • Navigationselemente sollen die Website klar strukturieren.
  • Suchfunktionen dienen der gezielten Informationsfindung.
  • Gestaltungselemente unterstützen die Informationsarchitektur.
  • Barrierefreiheit ist ein wichtiger Aspekt.

Lektion 5: Responsive User Interfaces

  • Responsive User Interfaces passen sich an verschiedene Bildschirmgrößen an (z. B. Smartphone, Tablet, Desktop).
  • Vorteile: verbesserte Nutzererfahrung, erhöhte Zugänglichkeit, optimierte Darstellung.
  • Breakpoints, Media Queries und Layout Patterns sind wichtige Konzepte.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Related Documents

More Like This

Pointing Devices Quiz
5 questions

Pointing Devices Quiz

ProgressiveIguana avatar
ProgressiveIguana
Information Systems Overview
5 questions

Information Systems Overview

SolicitousOklahomaCity avatar
SolicitousOklahomaCity
User Interfaces Evolution Quiz
37 questions

User Interfaces Evolution Quiz

AffirmativeHeliotrope3430 avatar
AffirmativeHeliotrope3430
Use Quizgecko on...
Browser
Browser