G-Prots

Question 1

Welcher Prototyp wird Schritt für Schritt weiter ausgebaut und für die Entwicklung des finalen Produkts verwendet?

Answer 1

Evolutionäre Prototyp

Question 2

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

Answer 2

Wizard-of-Oz

Question 3

Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung

• auch peripher möglich
• benutzt zumeist Fovea

Answer 3

Question 4

Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung

• unbewusst
• bewusstseinspflichtig

Answer 4

Question 4

Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung

• kann unterdrückt werden
• nicht zu unterdrücken

Answer 4

Question 5

Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung

• seriell
• parallel

Answer 5

Question 6

Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung

• automatisch
• kontrolliert

Answer 6

Question 7

Ordne zu: Präattentiver oder attentiver visueller Wahrnehmung

• oberflächlich
• detailliert

Answer 7

Question 8

Zu welchem Fehler kommt es, wenn eine Aktion im falschen Zustand durchgeführt wird?

• Mode Error
• Capture Error
• Description Error

Answer 8

Mode Error

Question 9

Welche Regel/Gestaltungsgesetz ist nicht Teil der Formgestaltung bei User Interfaces?
* 60:30:10 Regel
* Drittel-Regel
* Goldener Schnitt
* Goldene Spirale

Answer 9

Drittel-Regel

Question 10

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

Answer 10

Hover Tools

Question 11

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.

Answer 11

• Papierkorb auf dem Desktop
• Einkaufswagen auf Shopping Seiten
• Kindle Buch Imitat mit Blättern

Question 12

Was sind Interface Metaphern?

Answer 12

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

Question 13

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

Answer 13

Navigation & Wege: Breadcrumbs
Formulare & Controlle: Inputs Hints
Verhaltensmuster: Deferred Choices
IA & Struktur: Feature/Search/Browse

Question 14

Wwelche Fragen bei den Elementen im PACT-Framework auftre

People

Answer 14

Wer sind die Benutzer? & Was sind die relevanten Eigenschaften der Benutzer?

Question 15

Welche Fragen bei den Elementen im PACT-Framework auftre

Activities

Answer 15

Was soll erreicht werden?

Question 16

Welche Fragen bei den Elementen im PACT-Framework auftre

Context

Answer 16

Wo findet die Interaktion statt? & In welchem sozialen und organisatorischen Kontext?

Question 17

Welche Fragen bei den Elementen im PACT-Framework auftreten:

Technologies

Answer 17

Welche Technologien werden dabei verwendet? z.B. Ein-/Ausgabegeräte

Question 18

Erläuter den Unterschied zwischen Wireframe und Mockup.

Answer 18

• Wireframe hat Fokus auf Struktur. Keine Bilder, Grafiken oder Typografien.
• Mockup bauen auf Wireframe auf und ergänzen Bilder, Grafiken und Typografien

Question 19

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

Answer 19

Question 20

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.

Answer 20

• Input Prompt
• Good Defaults
• Contrasting Fonts
• Prominent Done Button

Question 21

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?

Answer 21

• Canvas Plus Palette
• Movable Panels

Question 22

Welches der folgenden UI-Pattern eignet sich am wenigsten zum Layouten der Produkt-Übersicht

• Liquid Layout
• Titled Sections
• Module Tabs
• Grid of Equals

Answer 22

Module Tabs

Question 23

Welches der folgenden UI-Pattern eignet sich am wenigsten zur Auflistung der Produkt-Übersicht:

• Pagination
• Thumbnail
• Grid Carousel
• Overview Plus Detail

Answer 23

Overview Plus Detail

Question 24

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.”

Answer 24

• 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.