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
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