Handlungssituationen

Handlungssituationen - Modul 322 - Benutzerschnittstellen entwerfen und implementieren

Band A - 1: Analysiert Benutzereigenschaften und Nutzungsumfeld bezüglich der mit dem System zu lösender Aufgabe und dokumentiert sie

Es existiert eine Idee für eine Applikation (z.B. eine Web-App für ein Zoobesuch) und zumindest hat ein erstes eingehendes Gespräch mit dem Benutzer(-vertreter) stattgefunden, bei welchem eine Anforderungsliste erstellt wurde.

Zur Aufarbeitung dieser, erfasst und analysiert Andrea Muster mittels einem geeigneten Vorgehensmodell (z.B. User Centered Design) die Eigenschaften, Bedürfnisse und Aufgaben von Benutzer:innen sowie deren Nutzungsumfeld (Arbeitskontext). Dabei berücksichtigt Andrea Muster die technologischen Rahmenbedingungen und priorisiert die erhobenen Anforderungen. Diese Arbeit bildet die Basis zur Erstellung einer ersten Version eines Wireframes/Mockups.

Band B - 2: Entwirft Varianten einer Benutzerschnittstelle (Maske und Abfolge) anhand vorgegebener Standards und Ergonomieanforderungen

Basierend auf etablierten Grundsätzen der Dialoggestaltung (z.B. ISO 9241-110) kann Andrea Muster eine Benutzerschnittstelle/Prototyp beurteilen und Verbesserungsvorschläge machen. Andrea Muster kann eine Software-Idee mit einem interaktiven (klickbaren) Prototypen entwerfen und einer sinnvollen Abfolge darstellen. Für die Interaktion mit dem Protoyp wählt Andrea Muster die passenden Elemente und Design Patterns.

Band C - 3: Implementiert eine Benutzerschnittstelle gemäss Entwurf und überprüft problematische Teile auf Machbarkeit

Ein Wireframe oder ein Mockup ist vorhanden und jetzt erstellt Andrea Muster ein Prototyp einen Prototyp (z.B. in Papierform) von den entworfenen Dialogen mit Ein- und Ausgabeelementen, mit Listen, Steuerelementen, Bildern und Grafiken. Andrea Muster erstellt (implementiert) einen klickbaren Prototyp mit einfachen, aber auch schwierige Dialogfolgen der (Geschäfts-)Prozesse damit mit dem Kunden darüber diskutiert werden kann.

Band D - 4: Überprüft eine Benutzerschnittstelle auf Ergonomie

Es liegt nach der Designphase (dem Entwurf) nun eine Interaktionsfolge der Benutzerschnittstelle vor und Andrea Muster hat nun die Aufgabe, die Ergonomie zu prüfen und Verbesserungen vorzuschlagen.

Band E - 5: Implementiert eine Benutzerschnittstelle barrierefrei und überprüft sie

Andrea Muster erhält vom Projekt(-Team) den Auftrag, die entworfene Benutzerschnittstelle (z.B. eine bestimmte Webseite/Web-App) auf die technischen Möglichkeiten und auf die Barrierefreiheit zu überprüfen. Dabei protokolliert Andrea Muster die Erkenntnisse und listet Verbesserungsvorschläge auf und erstellt eine Checkliste für eine zukünftige Überprüfung. (Die “Implementation” ist hier nicht zwingend eine fertige Applikation sondern immer noch ein Mockup oder ein klickbarer Prototyp.)

Ev. um Story gemäss Umsetzungsvorschlag ergänzen

Änderung vorschlagen GitHub