Identity, responsiveness and the future of the web

Devices like the Chromebook Pixel (which are hi-DPI, touch-sensitive but aren't phones or tablets) show us that the future of the web is too complex for a simplistic approach to responsiveness. It's not enough to think that media queries and a few screen width breakpoints suffice to make your site future-friendly.

In this talk I'm going to propose that responsiveness requires us to take into account the entire context of the user. That means everything from device orientation to bandwidth to identity.

Transcript

1. IDENTITY, RESPONSIVENESS &THE FUTURE OF THE WEB Ade Oshineye
2. www.oshineye.com/+
3. WHY DID RESPONSIVE WEB DESIGN START?
4. BEFORE Desk Big screen Ethernet Mouse
5. AFTER NEW DEVICES SMALLER SCREENS
6. AFTER INCREASED LATENCY EXPENSIVE REDIRECTS M.EXAMPLE.COM IS BAD
7. AFTER
8. RESPONSIVE WEB DESIGN = MEDIA QUERIES
9. ?
14. DIMENSIONS OF RESPONSIVENESS
15. DIMENSIONS WIDTH ORIENTATION BANDWIDTH LATENCY
16. DIMENSIONS RESOLUTION/DPI LINE LENGTH IMAGE SIZE NUMBER OF COLUMNS
17. DIMENSIONS TOUCH STYLUS MOUSE KEYBOARD
18. BROWSERS WEBKIT? CHROME? CHROME ON MOBILE?
19. ?
20. PLURALITY OF DEVICES
21. PLURALITY OF WEIRD DEVICES
22. TOUCH = MOBILE Pixel
23. MOBILE = IPHONE Android
24. MOBILE = SMARTPHONE iPad
25. TABLET = IPAD Nexus7 or iPad Mini
26. PLURALITY OF CONTEXTS
27. MOBILE: 1 EYEBALL &1 THUMB CONTEXTS
28. TABLET: 2 HANDS & SOFA CONTEXTS
29. NATIVE VERSUS WEB CONTEXTS
30. SPOONS VERSUS KNIVES CONTEXTS
31. NEW CONTEXTS: WEBVIEW
32. NEW CONTEXTS: WEBVIEW
33. NEW CONTEXTS: A2W2A App to Web to App
34. NEW CONTEXTS: DEEPLINKING Normal deep links Paul Kinlan’s web to Android intent hack
35. NEW CONTEXTS: IDENTITY Webviews without authentication
36. NEW CONTEXTS: MAIL
37. NEW CONTEXTS: MAIL
38. IDENTITY AS A CONTEXT
41. IDENTITY PROPAGATION
43. THE MOBILE-ONLY USER MOBILEONLY.TUMBLR.COM
44. APPLE 4 - SAMSUNG 27 From 2.8inch to 10.1 inch devices.
45. MULTIPLE DEVICES & CONTEXTS
46. FUTURE OF RESPONSIVE WEB DESIGN
47. HTTP://FUTUREFRIEND.LY/
48. HTTP://FUTUREFRIEND.LY/
49. GOOD GUESSES GOLDEN AGE OF TYPOGRAPHY SITES > APPS NATIVE + WEB DEEP LINKS IDENTITY IN DEVICES AND BROWSERS RESPOND TO CONTEXT NOT FEATURES
50. THANK YOU