From Writer's Workshop to Designer's Studio

From Writer’s Workshop

to Designer’s Studio

Douglas K. Hartman College of Education

Michigan State University dhartman@msu.edu

Source1

Source2

Shifting

SourceSource3

Shifting

SourceSource4

Shifting

SourceSource5

Shifting

6

Shifting

7

ShiftingWriter’s Workshop Designer’s Studio

composition production

8

ShiftingWriter’s Workshop Designer’s Studio

composition production

logo-centric media-centric

9

ShiftingWriter’s Workshop Designer’s Studio

composition production

logo-centric media-centric

process mindsets

10

ShiftingWriter’s Workshop Designer’s Studio

composition production

logo-centric media-centric

uni-modal multi-modal

process mindsets

11

Shifting

SourceSource12

Writing Process

SourceSource13

Writing Process

SourceSource14

Source15

Design Process

Source16

Source17

Source18

Iterating

Source19

Prototyping

Source20

Source21

Source22

Source

Wicked Problem• A problem that is difficult or impossible to solve …

… because of incomplete, contradictory, irreconcilable, or changing factors …

… that are often difficult to recognize …

… that have complex interdependencies …

… where solving one aspect reveals or creates another problem.

• Wicked denotes resistance to resolution …

… not something that’s evil.

23

Wicked Problem

• Social studies chapter (informational text)

• Not as useable as it could be (unfriendly text)

• Redesigning it comes with tradeoffs (opportunity-cost text)

24

Design Challenge

Do a textual makeover!

25

Design Challenge

26

Design Parameters

27

Design Parameters

• Time

• Material

• Cost

(General)

28

Design Parameters

1. Visual Model

2. One Eye Span

3. Zoomable

4. Small Multiples

5. Transmediation

(Specific)

29

1. Visual Model (of chapter)• Summary

• Sketch

• Map

• Graphic

• Structure

• Mechanism

Source30

1. Visual Model (of chapter)• Summary

• Map

• Graphic

• Structure

• Mechanism

Source31

1. Visual Model (of chapter)• Summary

• Map

• Graphic

• Structure

• Mechanism

32

1. Visual Model (of chapter)

Source33

2. One Eye Span (of chapter)

• View entire text

in one look

34

• View entire text

in one look

2. One Eye Span (of chapter)

Source35

2. One Eye Span (of chapter)

Source36

2. One Eye Span (of chapter)

Source37

2. One Eye Span (of chapter)

Source38

2. One Eye Span (of chapter)

• View entire text

in one look

39

3. Zoomable (chapter)

• Change the scale

of the eye-span area

• Adjust resolution

• See more or less detail

40

4. Small Multiples (of chapter)

• Small images of the text’s pages

41

4. Small Multiples (of chapter)

• Small images of the text’s pages

… permitting easy comparisons

42

4. Small Multiples (of chapter)

43

4. Small Multiples (of chapter)

Source44

5. Transmediation (of chapter)

• transforming or redesigning a text

… into a different medium

Source45

5. Transmediation (of chapter)

SourceSource46

5. Transmediation (of chapter)

Source47

Source

In sum …

48

Design Resources

49

Thank you!

50

Q & A

51