AP2_FIAE - Benutzerschnittstellen, Accessibility & Usability - Prototyping und UI-Entwicklung
Deck: AP2_FIAE Kategorie: Benutzerschnittstellen, Accessibility & Usability Subkategorie: Prototyping und UI-Entwicklung Anzahl Karten: 16
Was ist ein Wireframe?::Ein Wireframe ist eine niedrig-detaillierte, skizzenähnliche Darstellung einer Benutzeroberfläche (UI).
Worauf fokussieren sich Wireframes?::Wireframes fokussieren sich vorrangig auf Struktur und Layout der Inhalte, Funktionsweise der UI-Elemente sowie Benutzerführung und Navigation.
In welcher Phase des Designprozesses werden Wireframes eingesetzt?::Wireframes werden in der frühen Phase des Designprozesses eingesetzt.
Was sind Vorteile von Wireframes?::Schnelle und kosteneffektive Visualisierung von Konzepten, frühes Feedback von Stakeholdern und Nutzern, Klärung der Funktionalitäten und Inhalte vor dem aufwendigeren Design
Was sind Mockups?::Mockups sind hoch-detaillierte, statische Darstellungen, die visuelle Designelemente wie Farbschemata, Typografie, Bilder und Icons beinhalten.
Welchen Zweck erfüllen Mockups?::Mockups dienen dazu, das visuelle Konzept einer Benutzeroberfläche zu verdeutlichen und als Diskussionsgrundlage zwischen Designern, Stakeholdern und Nutzern.
Was sind Vorteile von Mockups?::Detaillierte Visualisierung des finalen Designs, ermöglicht Diskussionen über das visuelle Konzept, unterstützt die Entscheidungsfindung bezüglich des Designs
Was ist ein Prototyp?::Ein Prototyp ist eine interaktive, funktionierende Version des Produkts, die es erlaubt, das Benutzererlebnis (UX) und die Interaktion mit der Benutzeroberfläche zu testen.
Was sind Vorteile von Prototypen?::Testung der Usability und des Userflows, ermöglicht iterative Verbesserungen durch User-Feedback, reduziert das Risiko von Fehlentscheidungen in der Entwicklungsphase
Was ist Sketch?::Sketch ist ein vektorbasiertes Design-Tool, speziell für macOS entwickelt, um High-Fidelity-Interfaces und Prototypen zu erstellen.
Welche Eigenschaften hat Sketch?::Vektorbasierte Werkzeuge, Symbol- und Komponentenbibliotheken, Erweiterbarkeit durch Plugins, Kollaboration in Echtzeit (mittels Sketch Cloud)
Was sind UI-Frameworks und -Bibliotheken?::UI-Frameworks und -Bibliotheken sind Sammlungen wiederverwendbarer Code-Snippets, Komponenten und Tools zur Entwicklung konsistenter und ästhetisch ansprechender Benutzeroberflächen.
Was ist Bootstrap?::Bootstrap ist eines der bekanntesten und am weitesten verbreiteten Front-End-Frameworks für responsive Webanwendungen.
Was ist Material Design?::Material Design ist ein von Google entwickeltes Designsystem mit Richtlinien und UI-Komponenten-Bibliotheken für verschiedene Plattformen.
Warum sollte man UI-Frameworks und -Bibliotheken nutzen?::Für Konsistenz und Einheitlichkeit, Zeiteffizienz, responsives Design, einfachere Wartung und Updates
Was sollte bei der Auswahl eines UI-Frameworks oder einer Bibliothek berücksichtigt werden?::Projektanforderungen, Lernkurve, Community und Unterstützung, Performance