Developing the Welsh Economy by learning the lessons from ...
Strata - Small is the New Big: Lessons in Visual Economy
-
Upload
kim-rees -
Category
Technology
-
view
1.568 -
download
2
description
Transcript of Strata - Small is the New Big: Lessons in Visual Economy
![Page 1: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/1.jpg)
Kim Rees, Periscopic
[email protected]@krees, @periscopic
Small is the New Big: Lessons in Visual Economy
![Page 2: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/2.jpg)
INCONVENIENT
![Page 3: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/3.jpg)
EXPEDIENT
![Page 4: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/4.jpg)
Work with
Constraints
![Page 5: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/5.jpg)
Sample Mobile Screen Resolutions• Android (Motorola
Droid)• Android (MyTouch)
• Android (Nexus One)
• Apple iPhone• Apple iPad• Palm Pre
480x854320x480480x800320x480 1024x768320x480
![Page 6: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/6.jpg)
•Use input as output when possible.•Allow the space constraints to define
the interface.
Periscopic
![Page 7: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/7.jpg)
•Compress, compress, compress.•Use degrees of contrast to focus
attention.
Heer, Panopticon
Periscopic
![Page 8: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/8.jpg)
•Size and resize the data to fit the space.•Make use of controls that help shape
the space.
IMF
![Page 9: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/9.jpg)
•Expand inward, not outward. This works like zooming out.
modelab
![Page 10: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/10.jpg)
•Using input as output.•Hint at the invisible – what’s out of view.
Periscopic
![Page 11: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/11.jpg)
TellSmallerStories
![Page 12: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/12.jpg)
Bryan Christie Design
•Use context, but only minimally.
![Page 13: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/13.jpg)
•Use interaction to reveal relationships individually.•Let the visitor create the story.
Ramage and Chuang, Stanford
![Page 14: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/14.jpg)
•Fill in the details later.
Ikea
![Page 15: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/15.jpg)
Get Specific
![Page 16: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/16.jpg)
![Page 17: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/17.jpg)
•Group as much related data together as possible.
Periscopic
![Page 18: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/18.jpg)
•Encode multiple points together.•Marry qualitative and quantitative values.
Few
Freakalytics
![Page 19: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/19.jpg)
•Show only as much data as is needed.
Making Virtual Solid
![Page 20: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/20.jpg)
•Don’t overcomplicate. It’s okay to use a dot plot.
New York Times
![Page 21: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/21.jpg)
Keep the Goal in Mind
![Page 22: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/22.jpg)
•Show, don’t tell.•Remove or hide irrelevant data.
Hipmunk
![Page 23: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/23.jpg)
•Highlight anomalies.•Don’t leave everything up to the viewer.
Periscopic
![Page 24: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/24.jpg)
•Use high contrast colors or other means to focus attention•Show secondary information subtly.
Copley, Praxis; Wagner, DSCI
Utopia Compression
![Page 25: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/25.jpg)
•Use context minimally.•Reduce colors and labeling to only the
essential.
![Page 26: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/26.jpg)
Small Multiples
![Page 27: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/27.jpg)
•Minimize and multiply.•Use interaction to expand on the data.
![Page 28: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/28.jpg)
•Minimize and multiply.•Use interaction to expand on the data.
JULY 10-14 AVERAGESTucson 102Phoenix 109Flagstaff 98Sedona 99
![Page 29: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/29.jpg)
•Use illustrations if necessary.
![Page 30: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/30.jpg)
•Keep your set to a manageable number.
![Page 31: Strata - Small is the New Big: Lessons in Visual Economy](https://reader038.fdocuments.net/reader038/viewer/2022103115/55789396d8b42aaf518b47e4/html5/thumbnails/31.jpg)
•Use animation to show subtle changes.
Ignatius Rigor