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 [email protected]

Source1

Source2

Shifting

SourceSource3

Shifting

SourceSource4

Shifting

SourceSource5

Shifting

6

Shifting

7

ShiftingWriter’s Workshop Designer’s Studio

composition production

8



logo-centric media-centric

9




process mindsets

10




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


• Map

• Graphic

• Structure

• Mechanism

Source31


• Map

• Graphic

• Structure

• Mechanism

32

1. Visual Model (of chapter)

Source33

2. One Eye Span (of chapter)

• View entire text

in one look

34


in one look


Source35


Source36


Source37


Source38



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


• Small images of the text’s pages

… permitting easy comparisons

42


43


Source44

5. Transmediation (of chapter)

• transforming or redesigning a text

… into a different medium

Source45


SourceSource46


Source47

Source

In sum …

48

Design Resources

49

Thank you!

50

Q & A

51