Lektion 4: Gestaltungselemente von User Interfaces. Flashcards
Breadcrumbs-Navigation
dienen vorrangig der Beantwortung „Wo bin ich?“ - sind textuell beschriebene Unterseiten als Hyperlink und können daher auch zum Navigieren zw. Ebenen dienen
Main-Asset-Funktion
beschreiben den Zugriff zu unternehmensspezifischen Abkürzungen od. die prägnante Darstellung der zentralen Kompetenzen des Unternehmens
In was kann das Navigationssystem eingeteilt werden?
- in eine globale Navigation
- eine lokale Navigation
- eine in den Content eingebettete Navigation
Die Navigation dient dem Nutzer als Wegweiser durch die Inhalte der Website und gibt ihm fortwährend Orientierung
Wozu sind Icons gut?
Sie ermöglichen ein schnelles erfassen der Inhalte
Was ist bei der Gestaltung der Buttons zu berücksichtigen?
Der Nutzungskontext und ergonomische Aspekte
Aus welchen drei Kernbereichen besteht klassischerweise eine einzelne Website?
- Header
- Footer
- Body
Die Web Content Accessibility Guideline (WCAG) 2.1 fordert die Einhaltung von vier Designprinzipien, die zu beachten sind. Nenne sie
Sie betreffen die menschlichen Fähigkeiten hinsichtlich Wahrnehmung, Bedienbarkeit und Verständlichkeit. Unter dem vierten Prinzip, der Robustheit, wird primär die Kompatibilität zu älteren Browserversionen verstanden.
Off-Canvas-Navigation
Das Off-Canvas-Konzept ist nicht nur ein Layout-Konzept, sondern gleichzeitig ein Menükonzept. Ziel des Off-Canvas-Konzeptes ist es, die aktuell nicht benötigten Inhalte bei kleinen Screen-Größen aus dem sichtbaren Bereich herauszuschieben. Diese sind aber nur eine einfache Touch-Geste entfernt und schieben sich so bei Bedarf seitlich oder von oben wieder in den sichtbaren Bereich hinein
Breadcrumbs-Navigation
Die Breadcrumb-Navigation ist ein sekundäres Navigationselement, das unterstützend zu den klassischen Menüs im oberen Bereich einer Website eingesetzt wird. Es ermöglicht Nutzern in mehrfacher Hinsicht eine bessere Orientierung: Zum einen ist für den User mit einer Brotkrümelnavigation immer erkennbar, wo auf der Website er sich gerade befindet, und zum anderen zeigt sie typischerweise auch an, welcher Weg zu den übergeordneten Bereichen führt
Microinteractions
Kleine Animationen, die die Interaktion mit dem User Interface fördern
Nenne die wesentlichen Eigenschaften eines gelungenen Webdesigns nach Erlhofer/Brenner
- sparsamer und funktionaler Einsatz von Microinteractions
- ausdrucksstarke Bilder
- leserfreundliche Typografie
- gezielte Farbwahl
- Unterstützung der Usability durch Stärken des Material Designs wie eine schlanke und clean Gestaltung ohne Schnörkel und Spielereien
Nenne die vier zentralen Kommunikationsfunktionen die der Footer übernehmen kann
- die Kontaktfunktion
- eine Navigationsfunktion
- eine Service-/ Legal-Funktion
- eine Main-Asset-Funktion
Hero Images
Großformatige Bilder im Webdesign
Die WCAG 2.1 (Web Content Accessibility Guideline) fordert die Einhaltung von welchen vier Designprinzipien im barrierefreien Webdesign?
- die Wahrnehmbarkeit
- die Bedienbarkeit
- die Verständlichkeit
- die Robustheit (Kompatibilität zu älteren Softwareversionen)
Das Navigationssystem, welches für Besucher einer Website über Navigationselemente direkt ansteuerbar ist, hat welche zwei wesentliche Funktionen?
- Interaktion (Der Nutzer kann sich durch die Interaktion mit dem Navigationssystem durch die gesamte Website bewegen. Navigationselemente haben eine Linkfunktionalität. Dies bedeutet, dass sie durch Hyperlinks mit der jeweiligen Zierseite verknüpft sind. Folglich geleiten sie den Nutzer zur Zielseite oder zum gewünschten Webseiten-Bereich)
- Orientierung (ein gelungenes Navigationssystem bietet Nutzern die Möglichkeit, sich fortwährend zu orientieren und sich durch die Website zu bewegen, ohne sich dabei „zu verlaufen“)
