1 Beispiel für einen 2-zeiligen Titel Vorname Name, Abteilung Veranstaltung, Ort, etc. Datum 2006.

Präsentation zum Thema: "1 Beispiel für einen 2-zeiligen Titel Vorname Name, Abteilung Veranstaltung, Ort, etc. Datum 2006."—  Präsentation transkript:

1 1 Beispiel für einen 2-zeiligen Titel Vorname Name, Abteilung Veranstaltung, Ort, etc. Datum 2006

2 2 GUI für einen Fahrkartenautomaten Analyse und Entwurf

3 3 Grafische Benutzungsoberfläche für einen Fahrkartenautomaten Labor1 Grafische Oberflächen Philipp Burgk, Johannes Förstner, Tobias Holl, Ruth Schattmann

4 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 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 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 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 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 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 10 Styleguide Font: Calibri Farben: Blautöne Metaphern: Hollsche Icons

11 11 Blindtext für Bildseiten

12 12 Lorem ipsum dolor sit amet, con sectetur adipisicing elit, sed do eiusmod tempor. GUI eines Fahrkartenautomaten