Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mobile-First Design: How and Why Mobile Design ...

Mobile-First Design: How and Why Mobile Design Comes First

A complementary look at my WordCamp Tampa 2015 “Mobile-First Development: Why and How” talk, we’ll look at the design aspects of what mobile-first is and what it entails. We’ll look at examples of great designs and some pitfalls to avoid, as well as my pet peeves as a mobile consumer of content.

How many of us use services like Pocket to get a nice view of the content because the site owner didn’t account for mobile or did a poor job of it? I Pocket over 1.5 million words last year avoiding poorly-designed mobile sites. I believe the key to advancing our site designs is to emulate the best apps we use on our devices.

Jesse Petersen

November 14, 2015
Tweet

More Decks by Jesse Petersen

Other Decks in Technology

Transcript

  1. #WCORL :: @jpetersen WordCamp Orlando 2015 #wcorlmobilefirst I believe the

    key to mobile-first progress lies in good apps
  2. #WCORL :: @jpetersen WordCamp Orlando 2015 #wcorlmobilefirst mobile-first design =

    designing with the smallest mobile experience in mind first
  3. #WCORL :: @jpetersen WordCamp Orlando 2015 #wcorlmobilefirst mobile-first development =

    coding in such a way that mobile assets are loaded first with bonuses to ignoring desktop assets on mobile devices
  4. #WCORL :: @jpetersen WordCamp Orlando 2015 #wcorlmobilefirst hamburger menu icon

    http://mor10.com/hamburger-bad http://exisweb.net/menu-eats-hamburger https://lmjabreu.com/post/why-and-how-to-avoid-hamburger-menus
  5. #WCORL :: @jpetersen WordCamp Orlando 2015 #wcorlmobilefirst AT LEAST SOMEONE

    DID… (Luke Wroblewski) http://www.lukew.com/ff/entry.asp?933
  6. #WCORL :: @jpetersen WordCamp Orlando 2015 #wcorlmobilefirst in 2009, he

    actually saw mobile as an enhanced experience, BACK THEN