Daniel K. Schneider: Text replacement - "$" to " {{edutechwiki}}"

2021-04-10T00:19:18Z

Text replacement - "$" to " {{edutechwiki}}"

← Older revision		Revision as of 02:19, 10 April 2021
Line 38:		Line 38:
	* Marquardt, N. and Greenberg, S. (2012) Sketchnotes for Visual Thinking in HCI. In Proc. ACM Conference on Human Factors in Computing Systems: CHI Workshop on Visual Thinking and Digital Imagery. (Workshop held at the ACM CHI Conference), 5 Pages, May. [http://grouplab.cpsc.ucalgary.ca/grouplab/uploads/Publications/Publications/2012-Sketchnotes.CHIWorkshop.pdf PDF]		* Marquardt, N. and Greenberg, S. (2012) Sketchnotes for Visual Thinking in HCI. In Proc. ACM Conference on Human Factors in Computing Systems: CHI Workshop on Visual Thinking and Digital Imagery. (Workshop held at the ACM CHI Conference), 5 Pages, May. [http://grouplab.cpsc.ucalgary.ca/grouplab/uploads/Publications/Publications/2012-Sketchnotes.CHIWorkshop.pdf PDF]
	* Rohde, M. The sketchnote handbook: the illustrated guide to visual note taking. Peachpit Press, San Francisco, CA, USA, 2013.		* Rohde, M. The sketchnote handbook: the illustrated guide to visual note taking. Peachpit Press, San Francisco, CA, USA, 2013.
			{{edutechwiki}}

Daniel K. Schneider: 1 revision imported

2021-04-09T22:19:32Z

1 revision imported

← Older revision	Revision as of 00:19, 10 April 2021
(No difference)

Daniel K. Schneider: Text replacement - "" to ""

2016-08-22T17:26:32Z

Text replacement - "<pageby nominor="false" comments="false"/>" to ""

New page

{{interaction-design|Overview article}}
{{stub}}

== Introduction ==

According to [http://www.nicolaimarquardt.com/sketching-its.html Nicolai Marquardt], (1/2014) {{quotation|When designing user experiences with interactive surfaces, hand drawn paper-pencil sketches are a valuable tool for finding the right design; long before refining the work and getting the design right (Baskinger, 2008; Buxton, 2007). Sketches are lightweight and easy to create, and by varying the fidelity of sketches they can be an integral part during all stages of interaction design}}

Sketching / sketches can have various purposes, e.g. Marquardt and Greenberg 2012) cite:
# Sense making: {{quotation|synthesizing the core concepts of an idea into a visual composition is a challenging task, but can support the sense making process about what is being presented or talked about.}}
# Reflection: Quickly see, recall essential project ideas and critically reflect upon them.
# Application: Sketchnotes can include additional notes and related ideas [we wonder why this was labelled "application"]
# Practice: {{quotation|Drawing sketchnotes helps improving one’s rapid sketching skills over time.}}
# Sharing: visual notes are ideal for sharing in various forms and are nice to trigger discussion.

In user experience, sketches can:
* outline a design as in [[web wireframe|wireframing]]
* represent [[scenario of user] and [[storyboarding|story boards]]
* .... and whatever can be drawn.

== Links ==

; Tutorials
* [http://saul.cpsc.ucalgary.ca/pmwiki.php/Teaching/CPSC581 CPSC 581: Human Computer Interaction II], by Saul Greenberg, University of Calgary. (Class materials)

; Tutorial videos
* [http://www.youtube.com/watch?v=Jo2SG4JhohQ Conceptual Design in 2 Minutes] (Nokia)

; Good examples
* http://www.sketchnotearmy.com is a collective blog managed by Mike Rohde, Mauro Toselli and Akah Binaebi. It is dedicated to finding and showcasing sketchnotes and sketchnoters from around the world.

== Bibliography ==

* Baskinger, M. Pencils before pixels: a primer in hand-generated sketching. interactions 15, 2 (2008), 28–36.
* Buxton, B. Sketching User Experiences: Getting the Design Right and the Right Design. Morgan Kaufmann, 2007.
* Cheng, K. See what I mean: how to use comics to communicate ideas. Rosenfeld Media, Brooklyn, N.Y., 2012.
* Greenberg, S., Carpendale, S., Marquardt, N., and Buxton, B. Sketching User Experiences: The Workbook. Morgan Kaufmann, 2012. (about $20).
* Marquardt, N. (2013), Tutorial: Sketching user experiences tutorial: stories, strategies, surfaces. In Proceedings of the 2013 ACM international conference on Interactive tabletops and surfaces (ITS '13). ACM, New York, NY, USA, 495-496. [http://www.nicolaimarquardt.com/research-documents/SketchingTutorial-ITS2013.pdf PDF]
* Marquardt, N. and Greenberg, S. (2012) Sketchnotes for Visual Thinking in HCI. In Proc. ACM Conference on Human Factors in Computing Systems: CHI Workshop on Visual Thinking and Digital Imagery. (Workshop held at the ACM CHI Conference), 5 Pages, May. [http://grouplab.cpsc.ucalgary.ca/grouplab/uploads/Publications/Publications/2012-Sketchnotes.CHIWorkshop.pdf PDF]
* Rohde, M. The sketchnote handbook: the illustrated guide to visual note taking. Peachpit Press, San Francisco, CA, USA, 2013.

Sketching user experience - Revision history

Daniel K. Schneider: Text replacement - "$" to " {{edutechwiki}}"

Daniel K. Schneider: 1 revision imported

Daniel K. Schneider: Text replacement - "" to ""