Design for the developing world - mySociety · Design for the developing world — @zarino —...
Transcript of Design for the developing world - mySociety · Design for the developing world — @zarino —...
![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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/1.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/2.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/3.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/4.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/5.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/6.jpg)
“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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/7.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/8.jpg)
“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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/9.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/10.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/11.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/12.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/13.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/14.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/15.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/16.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/17.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/18.jpg)
“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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/19.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/20.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/21.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/22.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/23.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/24.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/25.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/26.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/27.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/28.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/29.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/30.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/31.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/32.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/33.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/34.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/35.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/36.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/37.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/38.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/39.jpg)
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](https://reader033.fdocuments.in/reader033/viewer/2022060301/5f0846927e708231d4213490/html5/thumbnails/40.jpg)
What are you going to improve first?
Design for the developing world — @zarino — @mysociety — #dotyork 2017