Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 1

Software Sketching:Understanding and Supporting Whiteboard Design

André van der Hoekandre@ics.uci.edu

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 2

Research philosophy

• Practical…

• …with a theoretical basis…

• …and (ideally) educational benefits

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 3

Research areas

environment

collaboration design

education

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 4

Focus of this talk

environment

collaboration design

education

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 5

Design

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 6

Whiteboard design

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 7

Our work

• Understanding whiteboard design– analyzing videos of professional software designers at work– workshop on Studying Professional Software Design (2010)

• Supporting whiteboard design– software design sketching on touch-based devices

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 8

Understanding whiteboard design

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 9

Understanding whiteboard design

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 10

Understanding whiteboard design

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 11

Interleaving design behaviors

• Draw different kinds of diagrams• Draw what they need, and no

more– w.r.t. design at hand– w.r.t. notational conventions

• Refine and evolve sketches– increasing notational convention– appropriate sketches

• Use impromptu notations• Move from one perspective to

another• Move from one alternative to

another

• Move from one level of abstraction to another

• Perform mental simulations• Juxtapose sketches• Review progress• Retreat to previous ideas• Switch between synchronous and

asynchronous work• Explain their sketches to one

another• Bring their work together

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 12

Rotating subject pairs

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 13

Our work

• Understanding whiteboard design– analyzing videos of professional software designers at work– workshop on Studying Professional Software Design (2010)

• Supporting whiteboard design– software design sketching on touch-based devices

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 14

Supporting whiteboard design

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 15

Calico demo

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 16

Experiences thus far

• Day-to-day use

• Classroom

• Laboratory evaluations

• Design meetings by other groups

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 17

Our work – next

• Design documentaries– as a subject of study– as tool support

• Design room– code to sketch– design minders– disruptive technologies– high-resolution design wall

• Beyond software

Department of Informatics, UC IrvineSDCL Collaboration LaboratorySoftware Design and

sdcl.ics.uci.edu 18

Thank you