16. Firstname Lastname
Firstname Lastname
Firstname Lastname
Firstname Lastname
Firstname Lastname
Firstname Lastname
Real Data has a min and max.
Design with outliers in mind
Andrei Herasimchuk
Dirk Knemeyer
Kriengsak Niratpattanasai
Tiff Biset
Katrina Penruddocked-Longoria
Juhan Sonin
Thursday, May 15, 14
17. Jennifer Patel
Ben Salinas
Dirk Knemeyer
Eric Benoit
Emily Twaddell
Juhan Sonin
Jonathan Follett
Adam Pere
Sarah Kaiser
Sein Woo
Xingjie “Roger” Zhu
Michael Bester
Firstname Lastname
Firstname Lastname
Firstname Lastname
Firstname Lastname
Firstname Lastname
Firstname Lastname
Real Data has an average and a distribution
0%
5.00%
10.00%
15.00%
20.00%
25.00%
30.00%
0 2 4 6 8 10 12 14
Distribution of US Surnames
Letters in Surname
Thursday, May 15, 14
38. Indigo Studio is great! Check out this
interactive prototype. It has graphs!
http://indigo.infragistics.com/prototype/worldstats#f=iPad%2FHome&
Thursday, May 15, 14
39. Except... it isn’t really interactive. Or
real.
www.bit.ly/1ncfECO
Thursday, May 15, 14
40. All of these tools focus on
moving images around.
Transitions influence the
understanding of a design...
But the content matters more.
Thursday, May 15, 14
43. Crazy Foam
3 days ago6 Concepts
Locking in 12 days
Name
Number of
Concepts
Deadline Last Updated
Image
Thursday, May 15, 14
44. Num Project Concept @Image Updated Status IsNew
3 Concepts Animal Wine AnimalWine_01.png 3 days ago Locking in 15 days l
6 Concepts Crazy Foam CrazyFoam_01.png Aug 18, 2012 Locking in 12 days l
1 Concept Dentyne Fire Gum Dentyne_01.jpg Oct 12, 2012 Locking in 2 months l
1 Concept Five Gum Five_01.jpg Oct 12, 2012 Fielding l
4 Concepts Luchador Wine Luchador_01.png Oct 12, 2012 Results ready l
1 Concept Nestea Raspberry Nestea_01.png Oct 12, 2012 Results ready l
1 Concept R Wine RWine_01.png Oct 12, 2012 Locking in 1 month l
1 Concept Stride Stride_01.jpg Oct 12, 2012 Fielding l
7 Concepts Trident Splash Refresh TridentSplash_01.jpg Oct 12, 2012 Results ready l
1 Concept Trident Watermelon TridentWatermelon_01.jpg Oct 12, 2012 Fielding
3 Concepts Trident White TridentWhite_01.jpg Oct 12, 2012 Locking in 5 days
1 Concept Twist Gum Twist_01.jpg Oct 12, 2012 Locking in 2 days
1 Concept Wrigleys Wrigleys_01.jpg Oct 12, 2012 Locking in 1 month
4 Concepts Yellow Blue Wine YellowBlue_01.png Oct 12, 2012 Fielding
Crafting Data
Thursday, May 15, 14
45. Crafting Data
• Name + Image need to align
• Deadline - a few will have upcoming
deadlines. A few will have ended. There
probably won’t be any with far away
deadlines
• Last Updated - Correlation between
deadline and last updated
• Number of Concepts - Most projects will
have 3-5 concepts.
Thursday, May 15, 14
46. Same Data - Different Design
Thursday, May 15, 14
47. InDesign DataMerge
1. Export as .indd or .png to include in a
comp
2. Export individual elements as .png to
include as content in prototypes
Use Layers to create hover states or
alternate views of the same content (i.e.
deleted view)
Thursday, May 15, 14
48. Let’s adapt a technique from
Forecast.io to work across many cities
Thursday, May 15, 14
49. Gather weather forecasts for many cities
Process and cleanse the data
Make a visualization for each city
Thursday, May 15, 14
52. ScreenScraper Chrome Extension:
Grab structured data from a website
Kimono:
Turn a website into an API and do basic crawling
InDesign/Illustrator DataMerge:
Drive a design via tabular data
SublimeText:
Text Editor with “multi-edit capability”
Chartwell Font:
Create charts just by typing numbers
Thursday, May 15, 14
53. Why Design with Real Data?
Data is the User Experience
Fake data = fake design
results in fake feedback
Your design is going to live and
breath real data... eventually
Thursday, May 15, 14
54. Make It Real
Designing With Data
Ben Salinas
ben@goinvo.com
@bensalinas
#MakeItReal
A Special Thanks to my colleagues at
Thursday, May 15, 14