Designing Information: Making it Immersive
-
Upload
deuce-bradshaw -
Category
Career
-
view
32.838 -
download
3
Transcript of Designing Information: Making it Immersive
![Page 1: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/1.jpg)
DesigningInformation
By Peter “Deuce” Bradshaw
![Page 2: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/2.jpg)
Peter “Deuce” Brad
shaw
@Brads
hawL
aw
![Page 3: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/3.jpg)
I want to begin by sharing my train of thought...
![Page 4: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/4.jpg)
When I started taking photos, my grandpa always reminded me to...
Composition!Pay Attention to
![Page 5: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/5.jpg)
So I checked out a lesson by
Jason Manley of ConceptArt.org
(it was on sale at the time)
http://theartdepartment.org/downloads/jason-manley-composition
![Page 6: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/6.jpg)
I learned thatGreat pictures are Immersive
![Page 7: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/7.jpg)
It’s not only about the Content...Lego thriller?How did he join them?
Wonder if he’s knitting for granny
Restaging of “American Beauty”?How’d he get homeless?
Did Solo get trigger happy again?
Are troopers in a Flying ‘V’ more aerodynamic?
Is this Vader’s campaign picture?
![Page 8: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/8.jpg)
Variation
Repetition
Economy
Emphasis Balance
Unity
Rhythm
Movement & Continuity
...But also the Design.
![Page 9: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/9.jpg)
Where is your eye drawn and why is it pulled there?
![Page 10: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/10.jpg)
Variation
Repetition
Economy
Emphasis Balance
Unity
Rhythm
Movement & Continuity
Where is your eye drawn and why is it pulled there?
![Page 11: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/11.jpg)
While sitting through a Trusts &
Estates lecture, I started feeling annoyed.
Because I was being hit in the
face with information
SO.....
And then an analogy happened...
![Page 12: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/12.jpg)
I started thinking of the
presentation of information in
terms of Design and Water...
![Page 13: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/13.jpg)
Splashing One Stream, Pressure on One Element
![Page 14: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/14.jpg)
Multiple Streams,Pressure on Multiple Elements
Spraying
![Page 15: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/15.jpg)
Immersive
Pool of Info,
Enough Pressure
on Each Element
![Page 16: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/16.jpg)
“Great presentations are like great pictures. They’re Immersive because they’ve been designed well.”
![Page 17: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/17.jpg)
By using Design we can make
presentations more Immersive
![Page 18: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/18.jpg)
How Are You
Presenting?Think about delivery.
Think about Design.
SplashingSpraying
Immersing
![Page 19: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/19.jpg)
Let’s talk about Design in more detail...
Repetition
Economy
Rhythm
BalanceContinuity
Unity
Movement
Variation
![Page 20: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/20.jpg)
Repeat elements to emphasize their importance
RepetitionPeople search for patterns.
Make repetition of important points a pattern.
![Page 21: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/21.jpg)
Economy
Not this kind of Economy
![Page 22: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/22.jpg)
Economy
Leaving only the essentials, ensures the audience won’t be
overloaded with more than they can retain.
Remove unnecessary elements to create emphasis
![Page 23: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/23.jpg)
Variation
Variation
Repeated elements should have minor variation
Variation helps create a sense of Movement, even where there is repetition
![Page 24: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/24.jpg)
BalanceGive equal emphasis
to points of equal importance
Know what info is useful to your audience.
Audiences fixate on points that are over emphasized
![Page 25: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/25.jpg)
Continuity
Know what info
is useful to
your audience.Each element
leads to
the next
Elements lead to each other, rather than creating hard-to-
follow leaps
![Page 26: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/26.jpg)
Movement
Be mindful of
your speed and
progress
Movement can establish Emphasis & Balance. The more time spent
on an element, the more important it appears.
![Page 27: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/27.jpg)
Vary pacing,
timing, and
transitions
between elements
Rhythm ensures that your audience isn’t bored. A bored Audience can’t be immersed
in your informationRhythm
![Page 28: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/28.jpg)
All the elements working together to make the presentation effectiveUnity
![Page 29: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/29.jpg)
Was that information Immersive?
Let’s look at what I’ve done...
So those are the elements of Design...
(I’m going to assume you said “Yes”)
![Page 30: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/30.jpg)
![Page 31: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/31.jpg)
Repetition of the topic
in the bottom left corner
![Page 32: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/32.jpg)
Repetition in the bottom right
of information about the topic
![Page 33: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/33.jpg)
Economy of elements
& words on each slide
![Page 34: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/34.jpg)
Variation of the
number of elements
on each slide,
placement, and sizes
![Page 35: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/35.jpg)
Balance strong emphasis on
center image & weight of info on
the bottom for stability
![Page 36: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/36.jpg)
Continuity similar size,
shape and style of elements on each slide
![Page 37: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/37.jpg)
Movement from center image, to bottom-left title, to info stickies
![Page 38: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/38.jpg)
Rhythm of slides is based on the
amount of info placed on each slide
![Page 39: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/39.jpg)
Unity of all elements AND the elements of Design
![Page 40: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/40.jpg)
![Page 41: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/41.jpg)
But what about verbal or other
styles of teaching?
![Page 42: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/42.jpg)
These Design elements still apply!!
Repetition
Economy
Rhythm
BalanceContinuity
Unity
Movement
Variation
![Page 43: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/43.jpg)
These Design elements still apply!!
Repetition
Economy
Rhythm
BalanceContinuity
Unity
Movement
VariationRepeat important points and bring the presentation 360,
back to the beginning whenever possible
![Page 44: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/44.jpg)
These Design elements still apply!!
Repetition
Economy
Rhythm
BalanceContinuity
Unity
Movement
Variation Simplify not only the amount of information you’re telling people, but also the amount
and level of the WORDS you’re using.
![Page 45: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/45.jpg)
These Design elements still apply!!
Repetition
Economy
Rhythm
BalanceContinuity
Unity
Movement
Variation Vary not only the tone of your voice but your body language.
You don’t have to be a Muppet, but make big gestures
and speak loudly for major points.
![Page 46: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/46.jpg)
These Design elements still apply!!
Repetition
Economy
Rhythm
BalanceContinuity
Unity
Movement
Variation Make sure that you don’t pack in all the information in one
place. Think about where your major points balance them
against minor points and discussion.
![Page 47: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/47.jpg)
These Design elements still apply!!
Repetition
Economy
Rhythm
BalanceContinuity
Unity
Movement
Variation Points should flow from one speaking point to the next.
Jumping quickly from topic to topic creates a jerky feel that will give listeners whiplash.
GOOD TRANSITIONS!
![Page 48: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/48.jpg)
These Design elements still apply!!
Repetition
Economy
Rhythm
BalanceContinuity
Unity
Movement
Variation Don’t waste your listeners time. Pack in the information, but use economy, balance and continuity to keep listeners’
attention and don’t overwhelm them.
![Page 49: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/49.jpg)
These Design elements still apply!!
Repetition
Economy
Rhythm
BalanceContinuity
Unity
Movement
Variation Think about a piece of music. It needs to change tempos and
rhythms to express more emotion. You should do the
same while speaking.
![Page 50: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/50.jpg)
These Design elements still apply!!
Repetition
Economy
Rhythm
BalanceContinuity
Unity
Movement
Variation Finally, Unity will bring everything together. It’s not just about one point to the next, but rather about the
experience that you’re creating.
![Page 51: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/51.jpg)
...So....
![Page 52: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/52.jpg)
All of this...
![Page 53: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/53.jpg)
These Design elements still apply!!
Repetition
Economy
Rhythm
BalanceContinuity
Unity
Movement
Variation...and all of this...
![Page 54: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/54.jpg)
...comes together to...
![Page 55: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/55.jpg)
Make ItImmersive
![Page 56: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/56.jpg)
Photo Bibliography:Slide 1, 41: seanmcgrath, http://www.flickr.com/photos/mcgraths/3461327826/Slides 2, 4, 5, 11, 16: Peter “Deuce” Bradshaw, trumpete3, http://www.flickr.com/photos/trumpete3Slides 6 - 10: Mike Stimpson, Balakov, http://www.flickr.com/photos/balakovSlides 11, 13, 18: Cayusa, http://www.flickr.com/photos/cayusa/2415129624/Slides 11, 14, 18: _Wiedz, http://www.flickr.com/photos/awiederhoeft/2640405129/in/pool-70864224@N00Slide 15, 18: Sandor Weisz, santheo, http://www.flickr.com/photos/santheo/531632789/Slide 20, 30-40: greenchartreuse, http://www.flickr.com/photos/greenchartreuse/1160597231/Slide 22, 30-40: Andreas Levers, 96dpi, http://www.flickr.com/photos/96dpi/4032198061/Slide 23, 30-40: Edson Hong, http://www.flickr.com/photos/edsonhong1/5242124138/Slide 24, 30-40: garryknight, http://www.flickr.com/photos/garryknight/2477064586/Slide 25, 30-40: xeeliz, http://www.flickr.com/photos/xeeliz/153916908/Slide 26, 30-40: .Timbo., http://www.flickr.com/photos/tim_peters/4987181187/Slide 27, 30-40: BdwayDiva1, http://www.flickr.com/photos/bdwaydiva1/2306372642/Slide 28, 30-40: West Point Public Affairs, http://www.flickr.com/photos/west_point/5629842204/in/photostream/Stickies: http://www.fuzzimo.com/free-vector-post-it-notes-push-pins
![Page 57: Designing Information: Making it Immersive](https://reader036.fdocuments.in/reader036/viewer/2022062523/58f9a8b3760da3da068b66eb/html5/thumbnails/57.jpg)
Also...All photos for this project were found on Flickr.
I do not have, nor do I claim to have any rights to use these photos beyond
those given by their licenses.
Accordingly: