Für das Prototyping eines User Interfaces für die Evaluation der Informationsarchitektur eignen sich
Mockups
Was ist gemeint, wenn von teritärer Navigation die Rede ist?
Content Navigation
Was versteht man unter einem Grid System
Ein unsichtbares Linienraster, an dem Inhalte ausgerichtet
und an dessen Breite sie angepasst werden.
Was sind die Interaktionsstile nach Shneiderman?
Kommandozeilen
Formulareingabe
Menüauswahl
Direkte Manipulation
Wie nennt man einen Button, der weiß hinterlegt ist
Ghost Button
Welches Modell spielt beim Entwurf interaktiver Systeme eine wichtige Rolle für die übertragung der abstrakten Darstellung in ein konkretes System
Implementiertes Modell
Worum handelt es sich beim Begriff Signifiers?
Dabei handel es sich um Zeichen oder Signale
Die den Nutzenden Hinweise geben, um sich in einem Bedienumfeld besser zurechtzufinden.
Die Zeichen sollten so gestaltet werden, dass sie Rückschlüsse auf bedeutsame Informationen zulassen.
Welcher Nutzergruppen können bei der Gestaltung eines Rollstuhls die Krankenkasse zugeordnet werden?
Den indirekten Nutzenden
Für welche Situation eignet sich ein menschenzentrierter Gestaltungsprozess?
Um innovative Produkte anhand von Nutzerbedürfnissen zu entwickeln
Welche Technologien ist für Menschen mit Sehbehinderung notwendig und hilfreich beim Zugang zu Websites
Screenreader
Was beschreibt Usability
Eine gelungene Beziehung zwischen einem Werkzeug und seiner Umsetzung im Interface,
der Zielsetzung der Nutzenden und deren Vorwissen,
und einen bestimmten Anwendungskontext.
Unter den Nutzenenden einer Website, die neu gestaltet werden soll, sind laut Umfrage viele Nutzende des Website Suchtoys Researcher.
Wie sollte man diese Tatsache in der Anordnung der Gestaltungselemente auf der Website berücksichtigen
Die Anordnung der Website-Elemente sollte sich weitgehend an bestehenden Konventionen orientieren; kleine Abweichungen sind jedoch tolerabel
Platzierung von Buttons
Buttons sollten nicht im oberen Bereich einer Website platziert werden, wenn eine beidhändige Bedienung auf mobilen Endgeräten erwartet werden kann.
Buttons sollten im oberen Bereich einer Website platziert werden, wenn eine einhändige Bedienung auf mobilen Endgeräten erwartet werden kann.
Was charaktisiert das Webseitenformat der Landingpage?
Landingpages präsentieren prominent ein bestimmtes Produkt oder Angebot und können unter anderem zu Marktforschungszwecken eingesetzt werden.
Welche grundlegeneden Gestaltungsempfehlungen gibt das W3C, um barrierefreies Website-Design umzusetzten?
6 passende Massnahmen visuelle Gestaltung, Navigation, Gestaltung von Formularfeldern und Interaktionsfeedback und kurzes Beispiel
ausreichender Kontrast zwischen Vorder- und Hintergrund (keine zu nah beieinander liegenden Töne, Schrift muss gut lesbar sein)
keine Information sollte ausschließlich farbcodiert sein (Links sollten nicht nur durch Farbunterschiede, sondern auch durch Fettung oder Unterstreichung markiert werden)
alle interaktiven Elemente sollten leicht zu erkennen sein (Buttons unterscheiden sich in der Erscheinungsform von herkömmlichem Fließtext)
in Formularfeldern sollten Beschreibungen den Eingabefeldern leicht zuzuordnen sein (Labels sollten nicht zu weit weg von den Formularfeldern platziert sein)
Feedback sollte leicht verständlich sein (beim Platzieren der Maus auf einem Menü geht dieses unter dem Menüpunkt auf)
Inhalte sollten klar gegliedert und überschrieben sein (längere Texte verwenden in regelmäßigen Abständen Unterüberschriften, Weißraum zwischen den Absätzen)
Erklären sie kurz den Begriff Breakpoint und erläutern Sie die Aufgabe von Breakpoints im responsive / fluiden/ adaptiven / Layout.
Breakpoints sind vorab definierte Umbruchpunkte, die in Abhängigkeit der Fenstergröße zwischen verschiedenen Grid Systemen wechseln.
Im responsiven Layout wird der Inhalt fließend skaliert. Erreicht die Fenstergröße ein Breakpoint, passt sich das Layout dynamisch an, indem sich Spalten, Schriftgrößen verändern.
Fluide Layouts passen sich kontinuierlich an die Bildschirmbreite an, indem sie prozentuale statt feste Einheiten verwenden, sodass Inahlte dynamisch mitskalieren, ohne feste Umbruchpunke.
Das adaptive Layout verhält sich zwischen den Breakpoints wie ein fluides Layout. Wird die Fenstergröße verändert, so springt das Layout am Breakpoint zwischen den Varianten um.
Beschreiben Sie die Rolle von Interfacedesign und das Verhältnis zu Usability
Interfacesdesign befasst sich mit der Gestaltung von Benutzerschnittstellen
Bei Interfacegestaltung geht es daher nicht allein um ästhetische Aspekte also wie schön die Benutzeroberfläche aussieht, sondern darum, ob sie sich gut und einfach bedienen lässt.
Usability befasst sich mit der Benutzerfreundlichkeit von Benutzerschnittstellen
Beschreiben Sie zwei Gestatlungsprinzipien aus den Usability-Heuristiken von Jakob Nilsen.
• Sichtbarkeit des Systemstatus: Der Nutzer sollte fortwährend über den Systemstatus informiert werden.
Beispiel: Batteriefüllstand eines Smartphones.
• Übereinstimmung des Systems mit der realen Welt: Die Anwendung sollte die Sprache des Nutzers sprechen und ihm vertraute Begriffe und Konzepte verwenden.
Beispiel: Desktop-Metapher.
• Konsistenz und Standards: Bestehende Konventionen sollten eingehalten werden, sodass der Nutzer nicht über Begrifflichkeiten nachdenken muss.
Beispiel: Warenkorb-Symbol im Webshop.
• Fehlervermeidung: Durch sorgfältiges Design sollten Fehler möglichst vermieden werden.
Beispiel: Dialogfenster zur Bestätigung beim Schließen eines nicht gespeicherten Dokuments.
• Nutzerkontrolle und Freiheit: Bei unbeabsichtigten Aktionen sollte dem Nutzer stets ein Ausweg geboten werden.
Beispiel: Rückgängig-Taste.
• Wiedererkennung statt auswendig Lernen: Die Gedächtnisleistung des Nutzers sollte durch visuelle Hinweise entlastet werden.
Beispiel: Tooltips.
• Flexibilität und Effizienz: Das UI sollte sowohl für eine breite Zielgruppe ausgelegt sein als auch effizientes Arbeiten für erfahrene Nutzer ermöglichen.
Beispiel: Kopierfunktion über Symbol und Tastenkombination in Word.
• Ästhetisches und minimalistisches Design: Relevante Informationen sollten einfach auffindbar und klar strukturiert sein.
Beispiel: Google-Suchmaske.
• Hilfestellung beim Erkennen, Bewerten und Beheben von Fehlern: Fehlermeldungen sollten verständlich und hilfreich formuliert sein.
Beispiel: Hinweis auf fehlende Netzwerkverbindung beim Laden einer Website.
• Hilfe und Dokumentation: Falls Nutzer Unterstützung benötigen, sollte diese leicht auffindbar und verständlich sein.
Beispiel: Suchfunktion in der Hilfe eines Textverarbeitungsprogramms.
Warum wird es dem Sachverhalt nicht gerecht, wenn man Usability als Gütekriterum für Interfaces betrachtet?
Fasst man Usability als Gütekriterium für Produkte auf, schreibt man sie dem Produkt als feststehende Eigenschaft zu
Usbaility ist jedoch abhänig
vom Nutzern, seinen Fähigkeiten und Kentnissen,
dem Wekzeug mit seinem spezifischen Interface,,
der zu bewältigenden Aufgabe
und dem Nutzungskontext
Erklären Sie, wie sich feststellen lässt, welcher Gestaltungsansatz zur Anpassung an unterschiedliche Bildschrimgrößen einer Website zugrunde liegt, und woran sich erkennen lässt, auf welchem Verhalten des Layouts sie aufbaut.
Man kann feststellen, ob eine Website adaptiv oder responsiv aufgebaut ist, indem man die Breite, des Browserfenssters verändert.
Bei responsiven Layout skaliert die Seite zwischen den jeweiligen Breakpoints auf die ganze Breite des Browserfensters,
bei adaptiven Seiten stellt sich lediglich das statische Layout um, sodass mehr oder weniger Spalten angeziegt werden.
Durch kontinuierliche Verkleinern des Browserfensters werden die Breakpoints sichtbar und damit auch die Veränderung und Verschiebung des Seiteninhaltes, etwa indem das Layout von mehrspaltig auf einspaltig umspringt.
Zuletzt geändertvor einem Tag