tool-support for interdisciplinary and collaborative user interface specification iadis 2008...

25
Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Upload: irea-harrington

Post on 26-Mar-2015

212 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Tool-Support for Interdisciplinary and Collaborative User Interface Specification

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 2: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Contents

Interface Specification PracticeRequirements for Tool-SupportRelated WorkApproach

Interdisciplinary Modeling FrameworkInteractive Specification

EvaluationConclusion

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 3: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Interface Specification Cycle

ClientSupplier

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 4: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Interface Specification Cycle

ClientSupplier

Frequent work style transitionsMultiple iterationsDocument-based artifactsAwkward traceabilityLack of common language

Call for Action:Bridge transitionsSupport iterationsVisual artifactsInterconnect artifactsEstablish common language

Page 5: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

State of the Art

Commercial specification and prototyping tools User interface simulation Look & feel specification Neglect requirements and conceptual modeling

iRiseAxure

Page 6: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Related Research

CanonSketch & TaskSketch (Campos & Nunes, 2004) Abstract modeling combined with canonical prototyping Tracing between models & interface elements

P. F. Campos & N. J. Nunes (2004). `CanonSketch: A User-Centered Tool for Canonical Abstract Prototyping'. In EHCI/DS-VIS, pp. 146-163.

Page 7: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Related Research

Denim & Damask (Lin & Landay, 2002) Informal prototyping with whiteboard sketching Zoom-based storyboard modeling

J. Lin, et al. (2000). `DENIM: finding a tighter fit between tools and practice for Web site design'.In CHI '00: Proceedings of the SIGCHI conference on Human factors in computing systems, pp. 510-517, New York, NY, USA. ACM Press.

Page 8: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Shortcomings

Transitions between work styles prevailAbstractions are not smoothly visualized Iterations in design are not supportedNot all artifacts are traceable between stepsVarious modeling languages and styles prevent

active stakeholder participationLack of reviewing and collaboration functionality

Page 9: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Requirements For Tool-Support

Purpose Requirement

Bridge tool transitions Integrated solution and smooth visual transitions

Visualize abstractions Support for very early informal sketching over medium-fidelity to more formal expressions

Manage iterations Smooth switching between iterations to allow exploring the design progress

Traceability Interconnect artifacts to allow tracing and linking

Stakeholder participation Provide common language for specification

Collaboration Enable reviewing and decision-making

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 10: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Approach

Identify adequate models for common language Interdisciplinary modeling framework Hierarchical structure of process abstractions

Provide interactive process visualization Visualize abstractions between process steps Bridge transitions with interactive exploration Interconnections between artifacts

Support for iterative and creative work style Early informal sketching techniques Rapid multi-fidelity iterative prototyping Collaborative decision-making

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 11: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Common Language

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 12: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Structure of Abstractions

Figure is based on Garrett, Jesse J. (2002). The Elements of User Experience: User-Centered Design for the Web. New Riders Press.

Page 13: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Visualization of Abstractions

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 14: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Tool Design

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 15: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Scenario Map

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 16: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Storyboard Level

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 17: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Modeling Level

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 18: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Prototyping Level

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 19: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Linking & Tracing

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 20: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Video Presentation

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 21: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Questionnaire TopicParticipants = 6

Avg. Result5-point Likert scale

Text-based and graphical requirements modeling (aggregated) 3.8

Overall UI prototyping capabilities (aggregated) 3.2

Overall rating of the interaction with INSPECTOR (aggregated) 3.3

The overall contribution of INSPECTOR to existingUI specification practice

3.8

The improvement of work style through a combination of different models with multi-fidelity UI design

4.8

Evaluation Questionnaires (Daimler AG)

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 22: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Diary Study

Long term evaluation of INSPECTOR in a lecture project 3 groups of students Period of 3 weeks Asynchronous modeling and design tasks Discussion and review in team sessions

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 23: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Diary Study

Diary questions on Types of models used Additional needed tools Usability issues User experience General opinion

Average results on all questions (based on a 5 point Likert scale) 1st week: 1.75pts (std. 0.46) 2nd week: 3pts (std. 0.00) 3rd week 4.25pts (std. 0.46)

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 24: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Conclusion

Model-based tool for UI specificationNovel approach towards a common language

for UI-related modeling Idea of interactive UI specificationsFirst empirical studies prove:

The idea to interconnect a thoughtful selection of models with different levels of UI design contributes to UI specification processes in client organizations.

Future work Interface components for creativity support Distributed data model for asynchronous specification

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer

Page 25: Tool-Support for Interdisciplinary and Collaborative User Interface Specification IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas

Thank You!

IADIS 2008 Amsterdam – Workgroup HCI University of Konstanz – Thomas Memmel, Florian Geyer, Johannes Rinn and Harald Reiterer