1 / 32

Kim Rees, Periscopic kim@periscopic.com @ krees , @ periscopic

Small is the New Big: Lessons in Visual Economy. Kim Rees, Periscopic kim@periscopic.com @ krees , @ periscopic. INCONVENIENT. EXPEDIENT. Work with Constraints. Sample Mobile Screen Resolutions. Android (Motorola Droid) Android ( MyTouch ) Android (Nexus One ) Apple iPhone

Ava
Download Presentation

Kim Rees, Periscopic kim@periscopic.com @ krees , @ periscopic

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Small is the New Big: Lessons in Visual Economy Kim Rees, Periscopic kim@periscopic.com @krees, @periscopic

  2. INCONVENIENT

  3. EXPEDIENT

  4. Work with Constraints

  5. Sample Mobile Screen Resolutions • Android (Motorola Droid) • Android (MyTouch) • Android (Nexus One) • Apple iPhone • Apple iPad • Palm Pre • 480x854 • 320x480 • 480x800 • 320x480 • 1024x768 • 320x480

  6. Periscopic • Use input as output when possible. • Allow the space constraints to define the interface.

  7. Periscopic Heer, Panopticon • Compress, compress, compress. • Use degrees of contrast to focus attention.

  8. IMF • Size and resize the data to fit the space. • Make use of controls that help shape the space.

  9. modelab • Expand inward, not outward. This works like zooming out.

  10. Periscopic • Using input as output. • Hint at the invisible – what’s out of view.

  11. Tell Smaller Stories

  12. Bryan Christie Design • Use context, but only minimally.

  13. Ramage and Chuang, Stanford • Use interaction to reveal relationships individually. • Let the visitor create the story.

  14. Ikea • Fill in the details later.

  15. Get Specific

  16. Periscopic • Group as much related data together as possible.

  17. Few Freakalytics • Encode multiple points together. • Marry qualitative and quantitative values.

  18. Making Virtual Solid • Show only as much data as is needed.

  19. New York Times • Don’t overcomplicate. It’s okay to use a dot plot.

  20. Keep the Goal in Mind

  21. Hipmunk • Show, don’t tell. • Remove or hide irrelevant data.

  22. Periscopic • Highlight anomalies. • Don’t leave everything up to the viewer.

  23. Copley, Praxis; Wagner, DSCI Utopia Compression • Use high contrast colors or other means to focus attention • Show secondary information subtly.

  24. Use context minimally. • Reduce colors and labeling to only the essential.

  25. Small Multiples

  26. Minimize and multiply. • Use interaction to expand on the data.

  27. JULY 10-14 AVERAGES Tucson 102 Phoenix 109 Flagstaff 98 Sedona 99 • Minimize and multiply. • Use interaction to expand on the data.

  28. Use illustrations if necessary.

  29. Keep your set to a manageable number.

  30. Ignatius Rigor • Use animation to show subtle changes.

  31. Kim Rees, Periscopic kim@periscopic.com @krees, @periscopic We’re hiring! See now.periscopic.com

More Related