User Interface Entwicklung mit interaktiven Spezifikationen
-
Thomas Memmel
and Harald Reiterer
Zusammenfassung
User Interface (UI) Spezifikationsprozesse involvieren unterschiedliche Akteure mit jeweils eigenen Ausdrucksmitteln. Dadurch ergeben sich Herausforderungen bei der Umsetzung von Anforderungen in gutes UI Design. Durch einen Mangel an interdisziplinären und kollaborativen Methoden und Werkzeugen dominieren dabei vor allem textbasierte Spezifikationsdokumente. Diese reichen jedoch mangels Interaktivität nicht aus, um innovative und kreative Prozesse zu unterstützen. In diesem Beitrag stellen wir eine Spezifikationstechnik vor, mit der Benutzer-, Aufgaben- und Interaktionsmodelle mit unterschiedlich detailliertem UI Design verbunden werden. Dadurch entsteht eine erlebbare UI Simulation, die im Vergleich zu interaktiven UI Prototypen zusätzlich den visuellen Drill-Down zu Artefakten der Anforderungsermittlung erlaubt. Das Resultat bezeichnen wir als interaktive UI Spezifikation, mit der eine höhere Transparenz und Nachvollziehbarkeit im Spezifikationsprozess möglich ist.
Zusammenfassung
User Interface (UI) Spezifikationsprozesse involvieren unterschiedliche Akteure mit jeweils eigenen Ausdrucksmitteln. Dadurch ergeben sich Herausforderungen bei der Umsetzung von Anforderungen in gutes UI Design. Durch einen Mangel an interdisziplinären und kollaborativen Methoden und Werkzeugen dominieren dabei vor allem textbasierte Spezifikationsdokumente. Diese reichen jedoch mangels Interaktivität nicht aus, um innovative und kreative Prozesse zu unterstützen. In diesem Beitrag stellen wir eine Spezifikationstechnik vor, mit der Benutzer-, Aufgaben- und Interaktionsmodelle mit unterschiedlich detailliertem UI Design verbunden werden. Dadurch entsteht eine erlebbare UI Simulation, die im Vergleich zu interaktiven UI Prototypen zusätzlich den visuellen Drill-Down zu Artefakten der Anforderungsermittlung erlaubt. Das Resultat bezeichnen wir als interaktive UI Spezifikation, mit der eine höhere Transparenz und Nachvollziehbarkeit im Spezifikationsprozess möglich ist.
Chapters in this book
- Front Matter I
- The computer literacy scale (CLS) for older adults — development and validation 7
- Zugang zu elektronischen Fahrplananzeigen 17
- Ein Web-Service zur schnellen Erfassung graphisch repräsentierter Informationen durch visuell Beeinträchtigte 27
- Interaktion mit Informations- und Kommunikationstechnologie: Eine Klassifikation von Benutzertypen 37
- Client-seitige Adaption webbasierter Anwendungen mit Ajax 47
- Disclosure Templates: Vorlagen für die selektive Freigabe persönlicher Informationen 57
- Combining Web 2.0 and Collaboration Support Systems 67
- „Medium and Mechanism”: Zur Rolle von Koordinatoren in der Praxis 77
- ONTOVERSE: Kollaborative Ontologieentwicklung mit interaktiver visueller Unterstützung 87
- Kooperative Medienumgebungen für das Reisebüro der Zukunft 97
- Multiple Visualisierungsformen für Beiträge in Chat-Systemen 107
- HyperScatter – Modellierungs- und Zoomtechniken für Punktdiagramme 117
- Zoombasiertes Interaktionskonzept für die Suche in großen, heterogenen Bilddatenbanken 127
- Interaktive visuelle Analyse für die Zusammenführung von Ontologien 137
- The impact of gain change on perceiving one's own actions 147
- Altersdifferenzierte Untersuchung und Bewertung hybrider Interfaces 157
- p(ersonal)Remote – ein individuell gestaltbares Fernbedienungskonzept 167
- Iterativer Entwurf einer multimodalen 3D-Installation mittels frühzeitiger Evaluierung 177
- Mein Avatar und ich: Zur kameravermittelten Interaktion mit anthropomorphen 3D-Repräsentanten 187
- Interactive high definition 3D face rendering on common mobile devices 197
- Paper-Centric Interaction Concepts for Collaborative Learning 207
- MirrorBoard – An Interactive Billboard 217
- „Der Schwarm” – Körpererfahrung und Algorithmik 227
- Eingabegeräte und Interaktionstechniken für die virtuelle Endoskopie 237
- Interaction Techniques for Case Selection in Medical Computer Based Training Systems 247
- Usability-Evaluation von Mobile User Interfaces am Beispiel JeNah-Guide 257
- Moles: Mobile Learning Exploration System für erlebnisorientiertes Handeln und Lernen im Kontext 267
- Evaluation and Design of Auditory Feedback for a Mobile Outdoor Training Assistant 277
- Informelles Wissensmanagement durch kollaboratives audio-basiertes Storytelling 287
- Untersuchung und Design Patterns zur Darstellung sozialer Netzwerke in CMC-Systemen 297
- Between “Instructions” and “Diy”: Tagging in Learning Communities 307
- ripcord: Prototyping und Usability-Testing im nativen Benutzungskontext 317
- Nutzerzentrierte Realisierung eines Systems zur visuellen Unterstützung von Operateuren in Hafenleitständen 327
- Kooperative Softwareentwicklung einer Sekretariatsplattform als Bildungsprozess 337
- Identifying User Interface Patterns from Pertinent Multimodal Interaction Use Cases 347
- User Interface Entwicklung mit interaktiven Spezifikationen 357
- Interaction Patterns für Produktkonfiguratoren 367
- Modellierung statt Interviews? Eine „neue” qualitative Erhebungsmethode 377
- Systemdemonstrationen 387
- Poster 423
- Back Matter 445
Chapters in this book
- Front Matter I
- The computer literacy scale (CLS) for older adults — development and validation 7
- Zugang zu elektronischen Fahrplananzeigen 17
- Ein Web-Service zur schnellen Erfassung graphisch repräsentierter Informationen durch visuell Beeinträchtigte 27
- Interaktion mit Informations- und Kommunikationstechnologie: Eine Klassifikation von Benutzertypen 37
- Client-seitige Adaption webbasierter Anwendungen mit Ajax 47
- Disclosure Templates: Vorlagen für die selektive Freigabe persönlicher Informationen 57
- Combining Web 2.0 and Collaboration Support Systems 67
- „Medium and Mechanism”: Zur Rolle von Koordinatoren in der Praxis 77
- ONTOVERSE: Kollaborative Ontologieentwicklung mit interaktiver visueller Unterstützung 87
- Kooperative Medienumgebungen für das Reisebüro der Zukunft 97
- Multiple Visualisierungsformen für Beiträge in Chat-Systemen 107
- HyperScatter – Modellierungs- und Zoomtechniken für Punktdiagramme 117
- Zoombasiertes Interaktionskonzept für die Suche in großen, heterogenen Bilddatenbanken 127
- Interaktive visuelle Analyse für die Zusammenführung von Ontologien 137
- The impact of gain change on perceiving one's own actions 147
- Altersdifferenzierte Untersuchung und Bewertung hybrider Interfaces 157
- p(ersonal)Remote – ein individuell gestaltbares Fernbedienungskonzept 167
- Iterativer Entwurf einer multimodalen 3D-Installation mittels frühzeitiger Evaluierung 177
- Mein Avatar und ich: Zur kameravermittelten Interaktion mit anthropomorphen 3D-Repräsentanten 187
- Interactive high definition 3D face rendering on common mobile devices 197
- Paper-Centric Interaction Concepts for Collaborative Learning 207
- MirrorBoard – An Interactive Billboard 217
- „Der Schwarm” – Körpererfahrung und Algorithmik 227
- Eingabegeräte und Interaktionstechniken für die virtuelle Endoskopie 237
- Interaction Techniques for Case Selection in Medical Computer Based Training Systems 247
- Usability-Evaluation von Mobile User Interfaces am Beispiel JeNah-Guide 257
- Moles: Mobile Learning Exploration System für erlebnisorientiertes Handeln und Lernen im Kontext 267
- Evaluation and Design of Auditory Feedback for a Mobile Outdoor Training Assistant 277
- Informelles Wissensmanagement durch kollaboratives audio-basiertes Storytelling 287
- Untersuchung und Design Patterns zur Darstellung sozialer Netzwerke in CMC-Systemen 297
- Between “Instructions” and “Diy”: Tagging in Learning Communities 307
- ripcord: Prototyping und Usability-Testing im nativen Benutzungskontext 317
- Nutzerzentrierte Realisierung eines Systems zur visuellen Unterstützung von Operateuren in Hafenleitständen 327
- Kooperative Softwareentwicklung einer Sekretariatsplattform als Bildungsprozess 337
- Identifying User Interface Patterns from Pertinent Multimodal Interaction Use Cases 347
- User Interface Entwicklung mit interaktiven Spezifikationen 357
- Interaction Patterns für Produktkonfiguratoren 367
- Modellierung statt Interviews? Eine „neue” qualitative Erhebungsmethode 377
- Systemdemonstrationen 387
- Poster 423
- Back Matter 445