Upload
erdmut-zaiser
View
103
Download
0
Embed Size (px)
Citation preview
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 …