1 Beispiel für einen 2-zeiligen Titel Vorname Name, Abteilung Veranstaltung, Ort, etc. Datum 2006
2 GUI für einen Fahrkartenautomaten Analyse und Entwurf
3 Grafische Benutzungsoberfläche für einen Fahrkartenautomaten Labor1 Grafische Oberflächen Philipp Burgk, Johannes Förstner, Tobias Holl, Ruth Schattmann
4 Aufgabenbeschreibung Abläufe – Fahrkarten kaufen – E-Ticket aufladen – Fahrplanauskunft abrufen Eingaben/Ausgaben – Klicks, Geld (Münzen), Kreditkarte, E-Ticket – Anzeigen, Ticket, Münzen, Kreditkarte, E-Ticket
5 Beschreibung der Benutzer Rentner –Langsame Eingaben –Eingeschränkte Sicht –Tippt oft daneben Tourist –Keine Ortskenntnis/orientierungslos –Erstmalige Automatenbenutzung –Falsche Eingaben Geschäftsmann –In Eile –Weiß genau, wohin/was er will
6 Aufgabenbeschreibung Leistungen (Erlernbarkeit, Geschwindigkeit) VorgangKriteriumHilfeBenutzer Ticket kaufen 5 min ohne Vorkenntnisse 1 min sonst Kann lesen/schreiben Besitzt Bargeld/Kreditkarte E-Ticket aufladen5 min ohne Vorkenntnisse 1 min sonst Kann lesen/schreiben Besitzt Bargeld/Kreditkarte Fahrplanauskunft Abrufen 5 min ohne Vorkenntnisse 1 min sonst Kann lesen/schreiben
7 Fallstudie – Ticket kaufen Ticketkauf auswählen Abfahrtsort festlegen/bestätigen Zielort festlegen/bestätigen Rabatt bzw. Anzahl der Tickets festlegen Evtl. Rückfahrt hinzufügen Geld einwerfen Kauf bestätigen Ticket drucken Rückgeld entnehmen
8 Fallstudie – E-Ticket aufladen E-Ticket einstecken Zahlungsmitteln eingeben (Geld/Kreditkarte) Betrag bestätigen Neuen Wert des E-Tickets anzeigen E-Ticket ausgeben Rückgeld ausgeben
9 Fallstudie – Fahrplan abrufen Fahrplanauskunft auswählen Abfahrtsort auswählen/bestätigen Ziel auswählen/bestätigen Uhrzeit/(Datum) auswählen/bestätigen Fahrplan anzeigen
10 Styleguide Font: Calibri Farben: Blautöne Metaphern: Hollsche Icons
11 Blindtext für Bildseiten
12 Lorem ipsum dolor sit amet, con sectetur adipisicing elit, sed do eiusmod tempor. GUI eines Fahrkartenautomaten