1 / 83

Crafting Rich Experiences with Progressive Enhancement [Beyond Tellerrand 2011]

If you’ve been working on the web for any amount of time, you’ve likely heard (or even used) the term “progressive enhancement” before. As you probably know, it is the gold standard of how to approach web design. But what is progressive enhancement really? What does it mean? How does it work? And how does it fit into our workflow in a time of rapidly evolving languages and browsers? In this session, Aaron Gustafson will answer all of these questions and provide concrete takeaways that will help you improve your web design skills.

AaronGustafson
Download Presentation

Crafting Rich Experiences with Progressive Enhancement [Beyond Tellerrand 2011]

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CRAFTING RICH EXPERIENCES with progressive enhancement Aaron Gustafson @aarongustafson slideshare.net/AaronGustafson

  2. progressive enhancement ?

  3. I like an escalator because an escalator can never break, it can only become stairs. — Mitch Hedberg

  4. an electric toothbrush can never break, it can only become a toothbrush.

  5. a dynamic web page can never break, it can only become a web page.

  6. DIES IST UMSTÄNDLICH

  7. TECHNOLOGICAL RESTRICTIONS

  8. MCMLXXVII

  9. MCMLXXVII (that’s 1977)

  10. HTML CSS

  11. fault tolerance n. a system’s ability to continue to operate when it encounters an unexpected error.

  12. BROWSERS IGNORE WHAT THEY DON’T UNDERSTAND

  13. GRACEFUL DEGRADATION

  14. MODERN BROWSERS OLDER BROWSERS

  15. MODERN BROWSERS OLDER BROWSERS

  16. PROGRESSIVE ENHANCEMENT

  17. CONTENT

  18. ACCESSIBILITY

  19. “SPECIAL NEEDS”

  20. “SPECIAL NEEDS” CAN BE CONTEXTUAL

  21. PROGRESSIVE ENHANCEMENT GRACEFUL DEGRADATION

  22. OOOH SHINY! ,

  23. PROGRESSIVE ENHANCEMENT ISN’T ABOUT BROWSERS

  24. BROWSERS AND TECHNOLOGIES COME AND GO

  25. DON’T LOSE SIGHT OF YOUR USERS

  26. User Experience NEWER OLDER Browser Age Graceful Degradation

  27. User Experience BASIC ADVANCED Browser & Device Capabilities Progressive Enhancement

  28. User Experience BASIC ADVANCED Browser & Device Capabilities Content

  29. User Experience Browser & Device Capabilities Semantics BASIC ADVANCED Content

  30. User Experience Design Browser & Device Capabilities Semantics BASIC ADVANCED Content

  31. User Experience Interactivity Design Browser & Device Capabilities Semantics BASIC ADVANCED Content

  32. User Experience Accessibility Interactivity Design Browser & Device Capabilities Semantics BASIC ADVANCED Content

More Related