Make Some Space for the Next Few Billion Users

Make Some Space for the Next Few Billion Users

Making space

iconic

“different”

Think of the elephants…

Dumbo get down!

Professionals…

The Portsmouth Sinfonia

The Portsmouth Sinfonia

With a twist…

The Portsmouth Sinfonia

The right experts using the wrong instruments

The “mobile web”…

Awkward

Challenges in a mobile world

  • Unknown, smaller screen size
  • New ways of interaction - touch, voice
  • Flaky, slow connections
  • Limited data plans
  • Less patient end users

These are not new problems!

A man and his idea…

Tim Berners-Lee with a Geeksphone

Flexibility is the key…

elephant on trampoline

The Web is fundamentally designed to work for all people, whatever their hardware, software, language, culture, location, or physical or mental ability.

Accessibilty @ W3C

How do we work towards that goal?

Overload on Desktop

Hotel Catalonia Ramblas

Hotel Catalonia Ramblas

Disappointment on mobile

  • coming from email
  • redirected to landing
  • pointless menu

http://www.hoteles-catalonia.com/en/our_hotels/europa/spain/catalunya/barcelona/hotel_catalonia_ramblas/index.jsp

Shit interfaces

Toilet doors

Why do these things happen?

Reason #1: Distracted by the shiny

Viva la resolucion

Reason #2: Developers doing design

Bugzilla

CSS is hard!

Peter Griffin and jalousie

Let's use a table then!

vertical centering discussion

Reason #3: Designers doing development

There is a jQuery plugin for that, just look for it.

Answer to everything

Think of the elephants!

elephant playing with football

Don't be lazy – don't stop dreaming

Rhino aspiring

But I got no talent for *blank*!

Pouting dog

You don't need it!

A happy tree painting Bob Ross

Talent is a pursued interest. In other words, anything that you are willing to practice, you can do.

Bob Ross

Stop, collaborate and listen!

ice ice baby Andy Rogers, Depone

Be an expert, not a fraud!

  • Looking for technical solutions on Google is for underpaid helpdesk people
  • “Use this, it will solve all your problems” is nonsense used in advertising
  • Finding out the “how” doesn't give you anything if it doesn't answer the “why” at the same time.

That's how I roll…

the physics of rolling

Tap into the community…

  • Write a demo of your problem and post it on JSFiddle, JSBin, Dabblet, Codepen or whatever has collaborative coding.
  • Go on Twitter/Google+/Facebook and ask people
  • Let's use #cssissue or #jsissue as hashtags? That's what the cool kids use!
  • Get fixes and share your learnings with the community

Start talking, damn you!

What does the future bring?

Kittens in 3D

It is not a certain hardware

Never forget data carriers

It is not a certain browser

Only internet explorer

It is not an SDK/framework/library

Only internet explorer

It is not demonizing the web

this is for everyone

Who taught us to think limited?

I need a phone to build

An old, old idea…

Our enormously productive economy … demands that we make consumption our way of life, that we convert the buying and use of goods into rituals…

Victor Lebow, Journal of Retailing, 1955

Victor Lebow on Wikipedia - Detailed article and original paper

An old, old idea (continued)…

…that we seek our spiritual satisfaction, our ego satisfaction, in consumption … we need things consumed, burned up, replaced and discarded at an ever-accelerating rate.

Victor Lebow, Journal of Retailing, 1955

Enter the designer…

Clifford Brooks Stevens

Clifford Brooks Stevens on Wikipedia

Planned or built-in obsolescence

Instilling in the buyer the desire to own something a little newer, a little better, a little sooner than is necessary.

Clifford Brooks Stevens, 1954

Planned Obsolescence on Wikipedia

Perceived obsolescence

Planned style obsolescence occurs when marketers change the styling of products so customers will purchase products more frequently. The style changes are designed to make owners of the old model feel out of date.

Or in other words…

The systematic attempt of business to make us wasteful, debt-ridden, permanently discontented individuals".

Vance Packard: "The Waste Makers", 1960

How do we go back to our ideals?

this is for everyone

A new beginning…

Firefox OS

Upgrading the mobile world

Nokia couldn't take photos
  • Targeted at new, emerging markets
  • Very affordable hardware
  • No credit card needed - client billing
  • Web technologies through and through
  • Full hardware access
  • 19 mobile partners, 5 hardware partners

Find app by content

Defined by manifest

        {
          "name": "My App",
          "description": "My elevator pitch goes here",
          "launch_path": "/",
          "icons": { "128": "/img/icon-128.png" },
          "developer": {
            "name": "Your name or organization",
            "url": "http://your-homepage-here.org"
          }
        }
      

App manifest

Install apps from the web

        var installapp = navigator.mozApps.install(manifestURL);
        installapp.onsuccess = function(data) {
          // App is installed
        };
        installapp.onerror = function() {
         // App wasn't installed, info is in 
         // installapp.error.name
        };
        

Developer Hub

Developer Hub

Firefox OS Developer Hub

Re-use and level up!

Nokia couldn't take photos
  • A whole new audience
  • HTML5 without the lock-out
  • Your web site is your ad!
  • Minimal extra work, it works across platforms

You are the people we need…

pythagoras
  • Coders
  • Designers
  • Architects
  • Makers
  • Writers
  • Organisers
  • Managers
  • Bloggers
  • Beacons
  • Distributors

Help users become makers

Webmaker

https://webmaker.org/

Thanks!

that's all firefox