A STUDY IN PIXELS
Design, the World, and the Other Side of the Screen
BD CONF • ORLANDO •
@JASONVANLUE
Slide 2
Slide 2 text
JASON VANLUE
@jasonvanlue
@JASONVANLUE
A STUDY IN PIXELS
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
@JASONVANLUE
A STUDY IN PIXELS
Design
the World
and the
Other Side of the Screen
Slide 5
Slide 5 text
7 BILLION
@JASONVANLUE
A STUDY IN PIXELS
Slide 6
Slide 6 text
7 BILLION
@JASONVANLUE
A STUDY IN PIXELS
3 BILLION
LESS THAN $2.50 / DAY
Slide 7
Slide 7 text
@JASONVANLUE
A STUDY IN PIXELS
$912.50
PER YEAR
Slide 8
Slide 8 text
MILLENNIUM
DEVELOPMENT
GOALS
2000 United Nations
@JASONVANLUE
A STUDY IN PIXELS
Slide 9
Slide 9 text
WHAT
IS POOR?
@JASONVANLUE
A STUDY IN PIXELS
→ Per Capita Income
→ Gross Domestic Product
Slide 10
Slide 10 text
2012
LOW INCOME
@JASONVANLUE
A STUDY IN PIXELS
→ D.R. Congo ($400)
→ Somalia ($600)
→ Ethiopia ($1,200)
→ Haiti ($1,300)
→ Uganda ($1,400)
SOURCE: Purchasing Power Parity from CIA World Factbook, March 7, 2013
Slide 11
Slide 11 text
2012
HIGH INCOME
@JASONVANLUE
A STUDY IN PIXELS
→ Canada ($41,500)
→ Sweden ($41,700)
→ Switzerland ($45,300)
→ USA ($49,800)
→ Norway ($55,300)
SOURCE: Purchasing Power Parity from CIA World Factbook, March 7, 2013
Slide 12
Slide 12 text
DECREASE
POVERTY?
@JASONVANLUE
A STUDY IN PIXELS
Produce more goods and services
each year.
Slide 13
Slide 13 text
INCREASE
GDP
@JASONVANLUE
A STUDY IN PIXELS
→ Honduras ($36billion / 8million people)
→ USA ($19trillion / 350million people)
SOURCE: Purchasing Power Parity from CIA World Factbook, March 7, 2013
Slide 14
Slide 14 text
@JASONVANLUE
A STUDY IN PIXELS
EDUCATION
Slide 15
Slide 15 text
@JASONVANLUE
A STUDY IN PIXELS
60% vs 95%
Slide 16
Slide 16 text
WHAT
ABOUT EDUCATION?
@JASONVANLUE
A STUDY IN PIXELS
→ Illiteracy
→ Lack of Resources
→ Class Size
Slide 17
Slide 17 text
WAIT, AM I
IN THE RIGHT
PLACE?
@JASONVANLUE
A STUDY IN PIXELS
Slide 18
Slide 18 text
@JASONVANLUE
A STUDY IN PIXELS
2000
INTERNET USERS IN THE YEAR
30%
NORTH AMERICA
29%
EUROPE
19%
JAPAN / KOREA
13%
REST OF ASIA
5%
L. AMR
1%
MIDDLE
EAST
1%
AFRICA
2%
AUS
SOURCE: Internet World Stats — IMF definition of “developed” in 2000
Slide 19
Slide 19 text
@JASONVANLUE
A STUDY IN PIXELS
ALEXA
TOP 10
IN 2000
SOURCE: The Emerging Global Web presentation by Stephanie Rieger
Slide 20
Slide 20 text
@JASONVANLUE
A STUDY IN PIXELS
ALEXA
TOP 20
IN 2014
SOURCE: The Emerging Global Web presentation by Stephanie Rieger
Slide 21
Slide 21 text
@JASONVANLUE
A STUDY IN PIXELS
3 BILLION+
SOURCE: https:/
/www.flickr.com/photos/abuja/172527337
Slide 22
Slide 22 text
@JASONVANLUE
A STUDY IN PIXELS SOURCE: https:/
/www.flickr.com/photos/abuja/172527337
Slide 23
Slide 23 text
@JASONVANLUE
A STUDY IN PIXELS SOURCE: https:/
/www.flickr.com/photos/abuja/172527337
Slide 24
Slide 24 text
@JASONVANLUE
A STUDY IN PIXELS SOURCE: https:/
/www.flickr.com/photos/abuja/172527337
Slide 25
Slide 25 text
@JASONVANLUE
A STUDY IN PIXELS SOURCE: https:/
/www.flickr.com/photos/abuja/172527337
Slide 26
Slide 26 text
@JASONVANLUE
A STUDY IN PIXELS SOURCE: https:/
/www.flickr.com/photos/abuja/172527337
Slide 27
Slide 27 text
AFRICA BY THE
NUMBERS
@JASONVANLUE
A STUDY IN PIXELS
→ Mobile Internet Usage Will Quadruple Annually
→ By 2019, 950million Mobile Subscribers
→ Africa quickly becoming the “Mobile Continent”
Slide 28
Slide 28 text
@JASONVANLUE
A STUDY IN PIXELS
“It’s hard to overstate how much mobile
phones have changed the shape and form of
life in Africa. Every stratum, every fiber of
the fabric of life here has changed because of
mobile phones.”
ERIK HERSMAN
Slide 29
Slide 29 text
OKAY
SO WHAT?
@JASONVANLUE
A STUDY IN PIXELS
Slide 30
Slide 30 text
WE MAKE
THE INTERNET
@JASONVANLUE
A STUDY IN PIXELS
Slide 31
Slide 31 text
EVERYTHING
ON THESE SCREENS
IS DESIGNED
@JASONVANLUE
A STUDY IN PIXELS
Slide 32
Slide 32 text
@JASONVANLUE
A STUDY IN PIXELS
Slide 33
Slide 33 text
1/4 of
AFRICAN ADULTS
@JASONVANLUE
A STUDY IN PIXELS
have accounts at formal financial institutions
SOURCE: The Emerging Global Web presentation by Stephanie Rieger
Slide 34
Slide 34 text
>15% of
INDONESIANS
@JASONVANLUE
A STUDY IN PIXELS
have a credit card
SOURCE: The Emerging Global Web presentation by Stephanie Rieger
Slide 35
Slide 35 text
No content
Slide 36
Slide 36 text
SOURCE: The Emerging Global Web presentation by Stephanie Rieger
Slide 37
Slide 37 text
@JASONVANLUE
A STUDY IN PIXELS
“To Westerners, “mobile banking” is a new
way of doing something old. To many
Africans, it is the obvious way of doing
something new. ”
THE ECONOMIST
SOURCE: The Next Frontier — The Economist, 02/16/2013
Slide 38
Slide 38 text
@JASONVANLUE
A STUDY IN PIXELS
Slide 39
Slide 39 text
@JASONVANLUE
A STUDY IN PIXELS
THAT’S ME
Slide 40
Slide 40 text
@JASONVANLUE
A STUDY IN PIXELS
Slide 41
Slide 41 text
DESIGN
SOLVES PROBLEMS
@JASONVANLUE
A STUDY IN PIXELS
Slide 42
Slide 42 text
@JASONVANLUE
A STUDY IN PIXELS
“Africa has plenty of problems. [The
internet] can help Africans solve them.”
BITANGE NDEMO
SOURCE: The Next Frontier — The Economist, 02/16/2013
Slide 43
Slide 43 text
@JASONVANLUE
A STUDY IN PIXELS
Slide 44
Slide 44 text
@JASONVANLUE
A STUDY IN PIXELS
Slide 45
Slide 45 text
INTERNET
PENETRATION
@JASONVANLUE
A STUDY IN PIXELS
→ $2.2trillion in additional GDP
→ 72% increase in GDP growth rate
→ 140million new jobs
SOURCE: Deloitte February, 2014 Report on Connectivity
Slide 46
Slide 46 text
ECONOMIC
DEVELOPMENT
@JASONVANLUE
A STUDY IN PIXELS
→ Kerala, India — app to track weather patterns and
compare wholesale prices increased profits 10%
→ Small Businesses in Mexico, Malaysia, and Vietnam
experienced avg 15% gain due to web technologies
SOURCE: Deloitte February, 2014 Report on Connectivity
Slide 47
Slide 47 text
@JASONVANLUE
A STUDY IN PIXELS SOURCE: Deloitte February, 2014 Report on Connectivity
Slide 48
Slide 48 text
EDUCATIONAL
DEVELOPMENT
@JASONVANLUE
A STUDY IN PIXELS
→ 3-Fold increase in number of children educated
→ Cheaper books and learning resources
→ Creates the positive cycle
SOURCE: Deloitte February, 2014 Report on Connectivity
Slide 49
Slide 49 text
@JASONVANLUE
A STUDY IN PIXELS SOURCE: Deloitte February, 2014 Report on Connectivity
Slide 50
Slide 50 text
@JASONVANLUE
A STUDY IN PIXELS SOURCE: Deloitte February, 2014 Report on Connectivity
Slide 51
Slide 51 text
@JASONVANLUE
A STUDY IN PIXELS SOURCE: Deloitte February, 2014 Report on Connectivity
Slide 52
Slide 52 text
@JASONVANLUE
A STUDY IN PIXELS SOURCE: Deloitte February, 2014 Report on Connectivity
Slide 53
Slide 53 text
@JASONVANLUE
A STUDY IN PIXELS SOURCE: Deloitte February, 2014 Report on Connectivity
Slide 54
Slide 54 text
HOW DOES THIS
APPLY TO ME?
@JASONVANLUE
A STUDY IN PIXELS
→ WHAT we make actually matters
→ HOW we make it matters also
Slide 55
Slide 55 text
AVERAGE WEB PAGE
SIZE IS 1.8MB
@JASONVANLUE
A STUDY IN PIXELS
Slide 56
Slide 56 text
OBLIGATION TO
RESPONSIBLE
DESIGN
@JASONVANLUE
A STUDY IN PIXELS
Slide 57
Slide 57 text
HOW DOES THIS
APPLY TO ME?
@JASONVANLUE
A STUDY IN PIXELS
→ The reach of the web is global
→ We must embrace empathy
Slide 58
Slide 58 text
@JASONVANLUE
A STUDY IN PIXELS
Slide 59
Slide 59 text
@JASONVANLUE
A STUDY IN PIXELS
“We prosper when we tap into a power that
we all have — the ability to reach outside of
ourselves and connect with other people.”
DEV PATNAIK
Slide 60
Slide 60 text
@JASONVANLUE
A STUDY IN PIXELS
Slide 61
Slide 61 text
@JASONVANLUE
A STUDY IN PIXELS
Slide 62
Slide 62 text
@JASONVANLUE
A STUDY IN PIXELS
WHO ARE YOUR
JOE & JOSEPHINE?
Slide 63
Slide 63 text
@JASONVANLUE
A STUDY IN PIXELS
“Decision makers often find themselves
working with data that lacks any context.
They deal with information in the abstract
instead of experiencing it for themselves.”
DEV PATNAIK
Slide 64
Slide 64 text
@JASONVANLUE
A STUDY IN PIXELS
EMPATHY
IS THE ANTIDOTE
TO ABSTRACTION
Slide 65
Slide 65 text
@JASONVANLUE
A STUDY IN PIXELS
EMPATHY
IS THE BACKBONE
OF GOOD DESIGN
Slide 66
Slide 66 text
@JASONVANLUE
A STUDY IN PIXELS
DESIGN FOR
THE OTHER SIDE
OF THE SCREEN
Slide 67
Slide 67 text
@JASONVANLUE
A STUDY IN PIXELS
“Everyone wants a job that matters. When
faced with the impact that they can create,
people realize that their rules for what
makes a job good…are actually far less
important than discovering who the people
are that need them to do great work.”
DEV PATNAIK
Slide 68
Slide 68 text
@JASONVANLUE
A STUDY IN PIXELS
WHO NEEDS YOU
TO DO
GREAT WORK?
Slide 69
Slide 69 text
@JASONVANLUE
A STUDY IN PIXELS
Slide 70
Slide 70 text
QUESTIONS TO
ASK YOURSELF:
@JASONVANLUE
A STUDY IN PIXELS
→ How will designing for the other side of the screen
impact my work today?
→ How can I be more responsible in my design?
→ How can I be a part of this emerging global web?
→ What problems can I solve?
Slide 71
Slide 71 text
@JASONVANLUE
A STUDY IN PIXELS
MAKE THE
CONNECTION
Slide 72
Slide 72 text
@JASONVANLUE
A STUDY IN PIXELS
IT’S NOT ABOUT
PIXELS.
IT’S ABOUT
PEOPLE.
Slide 73
Slide 73 text
@JASONVANLUE
A STUDY IN PIXELS
“You know what we get to do when we leave
here? We get to go make things. Things that
nudge the world a little bit in what we hope
is the right direction. We get to put a dent in
the universe. This is a great job.”
WILSON MINER
Slide 74
Slide 74 text
@JASONVANLUE
A STUDY IN PIXELS
WHAT WILL YOUR
DENT BE?
Slide 75
Slide 75 text
A STUDY IN PIXELS
Design, the World, and the Other Side of the Screen BD CONF • ORLANDO •
@JASONVANLUE
THANK YOU!