The way people experience the web will see dramatic change in response to new tools, expectations and constraints in the coming years. This session will highlight some major forces shaping our medium and lead us in thinking about how we should expect to evolve what we deliver in light of changes in hardware, mobile, wearable, data, and software among others. We will look to parallels in architecture, aircraft and other technologies and suggest future trends that will evolve. Attendees will gain a better understanding of the changing nature of our environment and the impact of all of these forces. Attendees will leave ready to make their own decisions about how best to embrace these forces in their own work.

1. Web User Experience in 2020

2. Pantheon.io
Drew Gorton
My Perspectives:
● Developer
● CEO
● Product Owner
● Agency & Community Outreach
@dgorton

3. Pantheon.io
3 Minute Version
The world is getting more web-ish
The web is getting less web-ish
There’s a LOT of change coming
Open Source won this last time
Opportunity Abounds

4. Pantheon.io
What we’re covering
Forces changing our medium
● Hardware
● Open Web
● SAAS
● Search / Social
Awareness, Possible Outcomes

5. Pantheon.io
What we’re NOT covering
UI Design Techniques
UX process
UX techniques
Content strategy
...

6. Pantheon.io
For Each Force
What’s Happening
Analogy / Example
Prediction
How to Prepare

7. Fooling around with
alternating current (AC) is
just a waste of time.
Nobody will use it, ever.
— Thomas Edison, 1889

8. Nuclear powered vacuum
cleaners will probably be a
reality within 10 years.
— Alex Lewyt, 1955

9. There is no reason for any
individual to have a
computer in his home.
— Ken Olson, CEO DEC, 1977

10. I predict the Internet will
soon go spectacularly
supernova and in 1996
catastrophically collapse.
— Robert Metcalfe, Founder 3Com, 1995

11. There's no chance that the
iPhone is going to get any
significant market share.
— Steve Ballmer, CEO Microsoft, 2007

12. Something really dumb.
— Drew Gorton, 2016

13. Pantheon.io
On Analogies
Analogies, it is true, decide
nothing, but they can make
one feel more at home.
— Sigmund Freud

14. Hardware in 2020

15. Pantheon.io
Hardware Slows
Moore’s Law is Broken
● Physics
● Good Enough
https://flic.kr/p/jrrmeP

16. Pantheon.io
1930’s: DC-3
1940’s: Stratocruiser
1950’s: 707
1960’s: Moon!
—via Maciej Cegłowski
Analogy: Airplanes
Maciej Cegłowski, Webstock 2014, idlewords.com

17. Pantheon.io
● Ubiquity > Speed
● Efficiency
● Specialized chips for specialized problems
● Specialized devices
● Internet of Things accelerates
Prediction: Hardware

18. Pantheon.io
● World gets more web-ish
● We know this world
● Our web-ish kungfu is strong
● Optimism!
What to do: Hardware

19. Interfaces in 2020

20. Pantheon.io
● Audible
● Overlay (Glass / VR)
● APIs
● Screens
● ...
Interfaces Multiply
Dries Buytaert, 2016 DrupalCon NOLA Driesnote

21. Pantheon.io
● “View Mobile Site”
● m.example.com
● “Optimized Experience”
● #FAIL
Analogy: Mobile Sites
American Airlines ~2014 via wtfmobileweb.com

22. Pantheon.io
● Headless Drupal
● Integrations and APIs
● Get your content elsewhere
● Talk to other systems
● Started? Double down!
● Not yet? Get moving!
What to do: Interfaces

23. Open Web in 2020

24. Pantheon.io
Too big to lose:
● Google
● Apple
● Facebook
● Amazon
● ...
Open Web Wins
Dries Buytaert, 2016 SXSW

25. Pantheon.io
● 1998: Browser Wars
● Netscape vs IE
● IE pulls ahead
● Netscape jumps on
board
Analogy: Web Standards Project

26. Pantheon.io
● Don’t sweat proprietary
formats (AMP, FIA...)
● Help build an Open
Web movement
● Support it as it
emerges
What to do: Open Web
https://www.etsy.com/market/keep_portland_weird

27. Big Data in 2020

28. Pantheon.io
Edward Snowden
2013: US Government Leak
Big Data

29. Everyone has the right
to the protection of
personal data.
General Data Protection Regulation (GDPR) - EU

30. Pantheon.io
2013: Edward Snowden: US Gov’t
????: Facebook
????: Google
????: Amazon
…
Step Forth!

31. 31www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks

32. Pantheon.io
● Support data privacy standards
● Educate yourself on Security
● Protect Personally Identifiable Information (PII)
What to do: Big Data

33. Software in 2020

34. Pantheon.io
Software Grows
● SAAS Grows
● Services Commoditized
● Search and Social are
Regulated
https://flic.kr/p/jrrmeP

35. Pantheon.io
Search Example
https://www.google.com/webhp?#q=thai%20curry%20house
vs

36. Pantheon.io
● Commoditizable clients, content? Get out or go deep!
● Restaurant ‘deep’ example:
○ Forecast demand
○ Order supplies
○ Mobile ordering
○ …
● Specialize. Find a vertical. Understand it deeply.
What to do: SAAS

37. Web Design in 2020

38. Pantheon.io
● Widgetization
● Micro Formats
● Web Components
Web Design
https://www.google.com/design/spec/material-design/introduction.html

39. Pantheon.io
Classical
Romanesque
Gothic
Renaissance
Baroque
Neoclassical...
Analogy: Architecture
https://medium.com/@sall/the-future-of-web-design-is-hidden-in-the-history-of-
architecture-1cc93ea854d0#.mb1aw3uyh

40. Pantheon.io
● User Experience belongs to the future user
● This too shall pass
Web Design: What to do

41. Role of Open Source

42. Pantheon.io
We Know How To Do This
Deeply Understand the Interconnected World Model
Make Ideas Better
Assemble Around Causes (Data, Standards, …)
Push Technology Forward

43. In Conclusion

44. Pantheon.io
In Conclusion
The world is getting more web-ish
The web is getting less web-ish
There’s a LOT of change coming
Open Source won this last time
Opportunity Abounds

45. Rate this Session and Get the Slides
https://events.drupal.org/neworleans2016/sessions/web-ux-2020