Keywords

These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.

1 Tutorial Structure

Creating hand drawn paper-pencil sketches [1] can be a valuable tool for finding the right design; before later refining the work and getting the design right [2]. This hands-on tutorial will demonstrate how to integrate sketching into researchers’ and interaction designers’ everyday practice.

In this half-day tutorial we will guide participants through selected sketching techniques and strategies. These techniques are partially based on the Sketching User Experiences Workbook [3], but also include other techniques and examples not covered in the book. Live sketching demonstrations and step-by-step instructions will illustrate a basic toolset for getting started sketching when working on HCI research projects. In particular, the demonstrated techniques include, for example (also see techniques in [2, 3]):

  • Sketching vocabulary: learning to quickly draw objects, people, and activities

  • Rapid sketching of people, emotions, gestures, and objects: learning sketching shortcuts and strategies to rapidly sketch common elements of sketches in HCI

  • 10 plus 10 design funnel: developing 10 different ideas and refinements of selected ideas

  • Photo tracing: create collections of sketch outlines that form the basis of composed sketches

  • Hybrid sketches: combining sketches with photos

  • Storyboards for interaction sequences: creating visual illustrations of an interaction sequence and telling a story about use and context over time

  • Sketch boards: sharing and discussing sketches with others; running critiques

With a series of hands-on exercises during the tutorial and different provided templates, the participants of the tutorial can directly apply the learned techniques in practice (see activities in Fig. 1). We will demonstrate many best practices and sketching shortcuts, and involve all participants in joint sharing and discussion sessions of the sketches created during the different hands-on activities (see examples in Fig. 2). We will demonstrate how we used sketching techniques in our recent research projects when designing interactive systems, and highlight how to apply the learned sketching techniques during all stages of the design and research process. We end the tutorial with an overview of additional resources and books about sketching techniques, and also possible software and hardware for digital sketching.

Fig. 1.
figure 1

Activities from previous sketching tutorials and workshops (from top-left to bottom-right): live sketching demonstrations, learning photo tracing, participant’s sketch of interactive system, sharing and discussing participants sketches, an rapidly sketching wireframes.

Fig. 2.
figure 2

Sketching techniques covered in the course (from top left to bottom right): sketching vocabulary, photo tracing, templates sketches, hybrid sketches, sketching storyboards, and creating photo-based storyboards [3].

This tutorial is open for everyone and does not require any previous drawing expertise. We will provide sketching materials, but please feel free to bring your own sketches to share, sketchbooks, pens or paper.

The tutorial instructor Nicolai Marquardt is Lecturer in Physical Computing in the Department of Computer Science at the University College London. At the UCL Interaction Centre he is working in the research areas of ubiquitous computing, physical user interfaces, proxemic interactions, and interactive surfaces. He is co-author (with Saul Greenberg, Sheelagh Carpendale and Bill Buxton) of ‘Sketching User Experiences: The Workbook’ (Morgan Kaufmann 2011).