G-Prots Flashcards
Welcher Prototyp wird Schritt für Schritt weiter ausgebaut und für die Entwicklung des finalen Produkts verwendet?
Evolutionäre Prototyp
Welche der folgenden Methoden ist am ehesten für einen ersten Test mit echten Benutzern geeignet, falls noch kein laufendes System implementiert wurde, Sie aber trotzdem den Benutzern den Eindruck eines fertigen Systems vermitteln wollen?
- Mockups
- Wireframes
- Video-Prototyping
- Wizard-of-Oz
Wizard-of-Oz
Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung
- auch peripher möglich
- benutzt zumeist Fovea
Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung
- unbewusst
- bewusstseinspflichtig
Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung
- kann unterdrückt werden
- nicht zu unterdrücken
Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung
- seriell
- parallel
Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung
- automatisch
- kontrolliert
Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung
- oberflächlich
- detailliert
Zu welchem Fehler kommt es, wenn eine Aktion im falschen Zustand durchgeführt wird?
- Mode Error
- Capture Error
- Description Error
Mode Error
Welche Regel/Gestaltungsgesetz ist nicht Teil der Formgestaltung bei User Interfaces?
* 60:30:10 Regel
* Drittel-Regel
* Goldener Schnitt
* Goldene Spirale
Drittel-Regel
Welches hier gelistete UI-Pattern kann verwendet werden um ein Interface mit weiteren Funktionalitäten zu erweitern, ohne es dabei zu überfluten/vollzumüllen?
- Hover Tools
- Smart Menu
- Items Responsive Enabling
- Grouped Buttons
Hover Tools
Nennen Sie drei Beispiele für gängige Interface Metaphern, die in modernen User Interfaces verwendet werden. Erläutern Sie jedes Beispiel kurz in 1.2 Sätzen.
- Papierkorb auf dem Desktop
- Einkaufswagen auf Shopping Seiten
- Kindle Buch Imitat mit Blättern
Was sind Interface Metaphern?
Konzepte im Bereich des User Interface Designs, die helfen, digitale Interaktionen verständlicher und intuitiver zu machen, indem sie bekannte, alltägliche Objekte oder Handlungen aus der realen Welt simulieren
Ordne die verschiedenen UI-Pattern dem jeweils korrekten Bereich zu.
- Navigation & Wege / Formulare & Controlle / Verhaltensmuster / IA & Struktur
- Inputs Hints / Breadcrumbs / Feature/Search/Browse / Deferred Choices
Navigation & Wege: Breadcrumbs
Formulare & Controlle: Inputs Hints
Verhaltensmuster: Deferred Choices
IA & Struktur: Feature/Search/Browse
Wwelche Fragen bei den Elementen im PACT-Framework auftre
People
Wer sind die Benutzer? & Was sind die relevanten Eigenschaften der Benutzer?
Welche Fragen bei den Elementen im PACT-Framework auftre
Activities
Was soll erreicht werden?
Welche Fragen bei den Elementen im PACT-Framework auftre
Context
Wo findet die Interaktion statt? & In welchem sozialen und organisatorischen Kontext?
Welche Fragen bei den Elementen im PACT-Framework auftreten:
Technologies
Welche Technologien werden dabei verwendet? z.B. Ein-/Ausgabegeräte
Erläuter den Unterschied zwischen Wireframe und Mockup.
- Wireframe hat Fokus auf Struktur. Keine Bilder, Grafiken oder Typografien.
- Mockup bauen auf Wireframe auf und ergänzen Bilder, Grafiken und Typografien
Beschriften in die Grafik die jeweiligen Teile von horizontaler und vertikaler Prototypen mit den Begriffen die zur Auswahl stehen.
- Szenario
- Features
- Funktionalität
- Technisches Risiko
- Lösung
- Restrisiko des Systems
Abgebildeten Interface wird Nutzer direkt beim Betreten der Webseite angezeigt. Nenne vier UI-Pattern, die direkt auf dem Ersten Blick zu sehen sind, bevor Nutzer etwas eintippt.
- Input Prompt
- Good Defaults
- Contrasting Fonts
- Prominent Done Button
Großes Photoshop Bild mit weißer Fläche in der Mitte, einzelnen Tab Fenstern und vielen Buttons. Welche 2 UI Pattern sind hier am dominantesten?
- Canvas Plus Palette
- Movable Panels
Welches der folgenden UI-Pattern eignet sich am wenigsten zum Layouten der Produkt-Übersicht
- Liquid Layout
- Titled Sections
- Module Tabs
- Grid of Equals
Module Tabs
Welches der folgenden UI-Pattern eignet sich am wenigsten zur Auflistung der Produkt-Übersicht:
- Pagination
- Thumbnail
- Grid Carousel
- Overview Plus Detail
Overview Plus Detail
Nennen Sie zwei Heuristiken/Goldene Regeln nach Ben Shneiderman, die im abgebildeten Interface nicht befolgt wurden. Erläutern Sie zudem kurz das jeweilige Problem im Interface.
Gegeben war ein Loginscreen für Smarthome. Unter E-Mail und Passwort stand “HomeConnect: Sie werden ebenfalls mit SmartHealth verbunden.”
Input Error, weil kein Passwort eingegeben war. Der “Login” Button war rot und der “Passwort vergessen” Button war grün.
Unter Log In stand: ”Nach dem Login stellen wir das Ambiente in Ihrem Wohnraum automatisch für Sie ein.”
- Fehler verhindern/Geringe Belastung des Arbeitsgedächnis: User wird durch grün bei Passwort vergessen und rot bei Login suggeriert auf Passwort vergessen zu drücken um sich einzuloggen.
- Abgeschlossene Operation/Benutzer bestimmt Kontrollfluss: Der User führt durch seinen Login auch eine Anmeldung bei HomeConnect und ändert das Ambiente. Dies hätte lieber in einer mehrstufigen Operationskette ausgeführt werden sollen, damit der User kontrolle behält.