$30 off During Our Annual Pro Sale. View Details »

This Is For Everyone

This Is For Everyone

Seren Davies and Bruce Lawson, DeltaV Conference, May 2018

bruce lawson

May 10, 2018

More Decks by bruce lawson

Other Decks in Technology


  1. Photo by Nick Webb https://www.flickr.com/photos/nickwebb/7662611544/ Seren Davies, Bruce Lawson

  2. Seren

  3. None
  4. Permanent Temporary Situational Accessibility #DYZ

  5. Cognitive
 Sight ⚙

  6. Cognitive https://www.flickr.com/photos/carlos_gq/14693441185/

  7. Animation https://www.flickr.com/photos/pluspunkt/7217738496/ #DYZ

  8. #DYZ

  9. Good example of animations
 example - smashing

  10. Tipsy/drunk

  11. https://shkspr.mobi/blog/2014/01/ui-for-drunks/

  12. https://twitter.com/joecainey/status/734212894271799297

  13. https://www.flickr.com/photos/roadsidepictures/6643603567/ Touch or movement #DYZ

  14. Small areas for links #DYZ

  15. Provide large areas for links

  16. Sight https://www.flickr.com/photos/rolfo87/2856584911/

  17. None
  18. better
 he photo and

  19. https://www.flickr.com/photos/soitiki/5089584379/ Deaf or hard of hearing

  20. None
  21. None
  22. None
  23. None
  24. Wix • over 110 million users • in 190 countries.

  25. ICT access by population Total 
 global population ~7.4 billion

 internet 1.1 billion Total 
 internet users 3.2 billion Mobile phones 5.2 billion Within mobile coverage 7 billion
  26. The world’s offline population Total 
 internet users 3.2 billion

 internet 1.1 billion India 1.063 billion Countries outside of the top 20 China 755 million Indonesia 213 million Pakistan 165 million Bangladesh 148 million Nigeria 111 million Brazil 98 million Ethiopia 95 million Mexico 70 million Congo, Dem. Rep. 68 million Philippines 63 million Russian Federation 55 million Iran, Islamic Rep. 54 million Myanmar 53 million Vietnam 52 million United States 51 million Tanzania 49 million Thailand 48 million Egypt, Arab Rep. 42 million Turkey 41 million
  27. None
  28. None
  29. None
  30. Credit: Wellcome Collection

  31. None
  32. Paul R. Ehrlich, 1968 “The battle to feed all of

    humanity is over. In the 1970s hundreds of millions of people will starve to death in spite of any crash programs embarked upon now. At this late date nothing can prevent a substantial increase in the world death rate ...” - The Population Bomb
  33. Norman Borlaug Nobel Prize Winner 1970, “credited with saving over

    a billion people worldwide from starvation”
  34. None
  35. Rise of The Smartphones

  36. None
  37. Smartphones ▪ overwhelmingly Android ▪ low cost, low spec ▪

    very little RAM, very limited storage ▪ dual SIM
  38. None
  39. In India, only 96k of the 736k cell towers are

    3G enabled, but more critically, only 35k of those towers have a fiber optic connection to the backbone, which results in inconsistent connection. “ Flaky connection - India's mobile Internet: The revolution has begun Avdendus (2013)
  40. None
  41. Bruce’s law of Smartness™

  42. people side-load apps and other content from third parties who

    have these apps downloaded to a PC and for a small fee will install apps from their computers to users’ phones. “ Nigeria - Constance Okoghenun, konga.com
  43. Downloading a typical app with 20 MB APK can take

    more than 30 minutes on a 2G network, and the download is likely to fail before completion, due to the flaky nature of the network. “ - How we built Facebook Lite for every Android phone and network
 With space this limited, the user is comparing

    their personal photo collection with the adoption of a new app on their phone. “ - Mobile App Developers Are Suffering
  45. Progressive Web Apps ▪ live on the server so no

    update distribution lag
 ▪ require no app store or gatekeeper
 ▪ are a normal website on browsers such as Opera Mini, Safari, Windows phones
 ▪ searchable, indexable, linkable
 ▪ can work offline
  46. Early progressive web apps in Asia & Africa

  47. Flipkart Lite ▪ 40% returning visitors week over week

    +63% conversions from Home screen visits
 ▪ 3x time spent on FlipKart Lite
  48. We want Flipkart Lite available on every phone over every

    flaky network in India “ Engagement + Reach - Amar Nagaram (Flipkart engineering)
  49. “With PWAs […], without the download overhead of native apps

    […] developers in Nigeria can now give a great and up-to-date experience to their users.”
  50. None
  51. None
  52. <picture>

  53. Responsive images saved - Mike Babb 70%

  54. 500MB data: hours worked

  55. Make your sites small - doh! ▪ Compress images ▪

    HTTP2 ▪ SSR ▪ PWA? ▪ don’t autoplay media!
  56. In Nigeria, the data needed to watch just 2 minutes

    of online video a day can cost more than sending a child to school for a month. “ Nigeria - How To Make Internet Affordable
  57. Making the internet universally accessible and affordable should be a

    global priority. “ World Bank
  58. None
  59. None
  60. None
  61. Developing countries are home to 94% of the global offline

    population. “ - State of Connectivity 2014, internet.org
  62. Courtesy of Hesperian

  63. None
  64. None
  65. If you want to liberate a country, give them the

    internet. “ - Wael Ghonim, Egyptian internet activist
  66. None
  67. an increase in Internet maturity similar to the one experienced

    in mature countries over the past 5 years creates an increase in real GDP per capita of $500 on average during this period. “ Internet matters - The Net’s sweeping impact on growth, jobs, and prosperity (McKinsey Global Institute)
  68. It took the Industrial Revolution of the 19th century 50

    years to produce the same result. “ Internet matters - The Net’s sweeping impact on growth, jobs, and prosperity (McKinsey Global Institute)
  69. The web is…

  70. None
  71. None
  72. None
  73. @brucel • [image of a crowd of people - terrible

    stock photo?]
  74. @brucel

  75. @brucel

  76. @brucel

  77. @brucel

  78. @brucel

  79. @brucel

  80. @brucel

  81. None
  82. Thank you @ninjanails @brucel