design for the developing world - mysociety · design for the developing world — @zarino —...

40
Design for the developing world With @zarino from @mysociety

Upload: others

Post on 18-Jun-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing worldWith @zarino from @mysociety

Page 2: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 3: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Argentina Australia Belgium Bosnia and Herzegovina Cameroon Canada Chile Colombia Costa Rica Croatia Czech Republic Dominican Republic France Ghana Greece Hong Kong Hungary Iran Ireland Israel Italy Jamaica Kenya Kosovo Liberia Macedonia Malaysia Morocco Nepal New Zealand Nicaragua Nigeria Norway Portugal Romania Rwanda South Africa Spain Sweden Switzerland Taiwan Turkey Uganda Ukraine UK USA Uruguay Zimbabwe

mySociety code is running right now in…

Page 4: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 5: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

4 ways we approachinternational design

at mySociety

Page 6: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

“developing world”

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 7: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Understand local culture

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 8: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

“Don’t use green in Costa Rica”

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 9: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 10: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 11: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 12: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 13: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Understandlocal culture

Page 14: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Understandlocal culture

Follow the users

Page 15: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Literally

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 16: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 17: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Figuratively

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 18: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

“Facebook is the internet. Get over it.”

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 19: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Photo: Craig Mod

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 20: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 21: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 22: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Speaking of how people access

your sites…

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 23: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Understandlocal culture

Follow the users

Design formultiple devices

Page 24: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Almost 50% of hits toour Kenyan & Nigerian sites

come via Opera Mini

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 25: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 26: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 27: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

All of this is for nothing if you don’t actually make a start

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 28: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Understandlocal culture

Follow the users

Design formultiple devices

Make a changeright now

Page 29: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Try a front-end performance sprint!

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 30: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

It’s fun!

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 31: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 32: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

In 1 day, we reduced page weight* by 40%

Design for the developing world — @zarino — @mysociety — #dotyork 2017

*page weight isn’t everything, but it’s a start!

Page 33: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

A few days from you canmake a huge difference to

your users, again and again

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 34: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Understandlocal culture

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 35: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Understandlocal culture

Follow the users

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 36: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Understandlocal culture

Design formultiple devices

Follow the users

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 37: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Understandlocal culture

Design formultiple devices

Follow the users

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Make a changeright now

Page 38: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for thedeveloping world

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 39: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

Design for the*whole* world

Design for the developing world — @zarino — @mysociety — #dotyork 2017

Page 40: Design for the developing world - mySociety · Design for the developing world — @zarino — @mysociety — #dotyork 2017 4 ways we approach ... Design for multiple devices Make

What are you going to improve first?

Design for the developing world — @zarino — @mysociety — #dotyork 2017