This work is licensed under a Creative Commons Attribution 2.0 Germany License http://creativecommons.org/licenses/by/2.0/de/

User Interface Engineering / PubMan

Rupert Kiefl, 30.10.2007

30. OktoberRupert Kiefl 2

Das Team

Denise Unfried, Web Designer (seit 09/2007)

NN Web Developer

Head of User Interface Engineering (seit 04/2007)

30. OktoberRupert Kiefl 3

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?

30. OktoberRupert Kiefl 4

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

30. OktoberRupert Kiefl 5

Fast Prototyping (Axure)

Beispiel

30. OktoberRupert Kiefl 6

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?

30. OktoberRupert Kiefl 7

Evaluationsmethoden eingeführt und vorbereitet (ClickHeat)

Ein erstes, einfaches Auswertungstool als Open Source

Die Usability Interviews … dazu später mehr …

30. OktoberRupert Kiefl 8

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

30. OktoberRupert Kiefl 9

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

30. OktoberRupert Kiefl 10

… was noch kommt …

30. OktoberRupert Kiefl 11

… was noch kommt …