This work is licensed under a Creative Commons Attribution 2.0 Germany License User Interface Engineering / PubMan Rupert Kiefl,

Rupert Kiefl30. Oktober1 Das Team Denise Unfried, Web Designer (seit 09/2007) NN Web Developer Head of User Interface Engineering (seit 04/2007)

Rupert Kiefl30. Oktober2 Was ist bereits geschehen? 1.Detaillierte Spezifikationen für die Entwicklung von Interfaces 2.Fast Prototyping (Axure) 3.Evaluationsmethoden eingeführt und vorbereitet (ClickHeat) 4.Im Aufbau: Direkter Zugriff auf die Benutzeroberfläche von PubMan via CSS 1.Evaluation: Usability Interviews (Teilnehmer gesucht!) 2.GUI Workshop (Prototyping mit 4-5 Teilnehmern, erster Testlauf folgt …) 3.Ausgestaltung des endgültigen Applikationslayouts und eines konsistenten Verhaltens der Anwendung 4.Ausgestaltung von Listen und Edit Item Was folgt?

Rupert Kiefl30. Oktober3 Detaillierte User Interface Spezifikationen für die Entwicklung Release 1 Release 2 Ein klares Bild der Umsetzung Für alle Beteiligten verfügbar Für Kommentare und Diskussionen geeignet Unterstützt die GUI Programmierung

Rupert Kiefl30. Oktober4 Fast Prototyping (Axure) Beispiel

Rupert Kiefl30. Oktober5 Entwicklung, Service Management, UIE und auch externe Beteiligte bekommen ein einheitliches Bild wie die Anwendung aussehen wird und wie sie arbeitet. Offene Fragen bezüglich des GUIs können früher beantwortet werden Prototyping geht sehr schnell GUI Entwickler müssen nicht etwas Entwickeln, was später noch diskutiert wird Warum prototyping?

Rupert Kiefl30. Oktober6 Evaluationsmethoden eingeführt und vorbereitet (ClickHeat) Ein erstes, einfaches Auswertungstool als Open Source Die Usability Interviews … dazu später mehr …

Rupert Kiefl30. Oktober7 Direkte Arbeit an der PubMan- Benutzeroberfläche via CSS (noch im Aufbau) Vorher Kein direkter Einfluß auf die Benutzeroberfläche Styles wurden automatisch generiert Nachher Direkter Einfluß auf das Stylesheet Umsetzung eines ersten, neuen Layouts Reines CSS-Layout, ohne Tabellen Neue Prozesse in der Erstellung des GUIs Beispiel

Rupert Kiefl30. Oktober8 Evaluation Ablauf Interviews Der Teilnehmer versucht typische, alltägliche Aufgaben mit PubMan zu lösen Ein UIE Kollege beobachtet den Ablauf und hält Problemstellungen fest 1 Person, ca. 1Std Ablauf Workshop 3-5 Personen arbeiten und diskutieren an einem Teil der PubMan Benutzeroberfläche Beispiel: Bearbeitung des Bereichs List Items/Short Item View GUI workshop

Rupert Kiefl30. Oktober9 … was noch kommt …

Rupert Kiefl30. Oktober10 … was noch kommt …