Web User Experience in 2021
0 likes133 views
The document discusses the evolving landscape of web user experience in 2021, highlighting the increasing interconnectedness of the web and the need to adapt to rapid changes in technology, hardware, interfaces, software, and data. It emphasizes the importance of web standards, data privacy, and the opportunities available in a connected world. Predictions include a shift towards specialized solutions and the growth of services like SaaS, while encouraging proactive engagement in building an open web.
Web User Experience in 2021
- 1. W E B U S E R E X P E R I E N C E I N 2 0 2 1 H O R I Z O N S
- 2. D R E W G O R T O N Perspectives • Developer • CEO • Product Owner • Agency & Community Outreach Connect • drew@pantheon.io • @dgorton
- 3. 3 M I N U T E V E R S I O N • The world is getting more web-ish • The web is getting less web-ish • There’s a LOT of change coming • Connected world has won • We know the connected world • Opportunity abounds 3
- 4. W H AT W E ’ R E C O V E R I N G Forces changing our medium • Hardware • Interfaces • Software • Open Web • Big Data Awareness, Possible Outcomes, Changing Skills
- 5. N O T C O V E R I N G UI design techniques UX process UX techniques Content strategy ... https://flic.kr/p/cHf49S
- 6. F O R E A C H F O R C E What’s Happening Analogy / Example Implications / Predictions Get Ready Now
- 7. L E T ’ S L O O K AT S O M E E X A M P L E S P R E D I C T I N G T H E F U T U R E C A N B E T R I C K Y https://flic.kr/p/d42urN
- 8. — Thomas Edison, 1889 Fooling around with alternating current (AC) is just a waste of time. Nobody will use it, ever. https://flic.kr/p/9tPJVE
- 9. — Alex Lewyt, 1955 Nuclear powered vacuum cleaners will probably be a reality within 10 years. https://goo.gl/images/bCJmTR
- 10. — Ken Olson, CEO DEC, 1977 There is no reason for any individual to have a computer in his home. https://goo.gl/images/L7YGWA
- 11. — Robert Metcalfe, Founder 3Com, 1995 I predict the Internet will soon go spectacularly supernova and in 1996 catastrophically collapse. https://goo.gl/images/QJSNHj
- 12. — Steve Ballmer, CEO Microsoft, 2007 There's no chance that the iPhone is going to get any significant market share. https://flic.kr/p/6ACzJ5
- 13. — Drew Gorton, 2016 Something really dumb. https://pantheon.io/team/drew-gorton
- 14. — Sigmund Freud Analogies, it is true, decide nothing, but they can make one feel more at home.
- 15. H A R D WA R E I N 2 0 2 1
- 16. H A R D WA R E S L O W S Moore’s Law is broken • Physics • Good enough https://flic.kr/p/jrrmeP
- 17. A I R P L A N E S A N A L O G Y Maciej Cegłowski, Webstock 2014, idlewords.com
- 18. • 2x speed no longer the focus • CPUs, GPUs, (x)PUs, … • Efficiency, connectivity, power… • Specialized chips, specialized problems, specialized devices • Internet of Things (IOT) accelerates H A R D WA R E I M P L I C A T I O N S / P R E D I C T I O N S https://flic.kr/p/oD5tjD
- 19. • World gets more web-ish • We know this world • Our web-ish skills are strong • Optimism! H A R D WA R E G E T R E A D Y N O W https://flic.kr/p/eR4QRr
- 20. I N T E R FA C E S I N 2 0 2 1
- 21. • Audible • Visual Overlay (AR) • APIs • ... I N T E R FA C E S M U LT I P LY B E Y O N D S C R E E N S https://flic.kr/p/avq3AR
- 22. • Google Glass (and successors) • Mobile devices • Location + context aware • Task oriented A U G M E N T E D R E A L I T Y I N T E R FA C E E X A M P L E https://goo.gl/images/PkUA0F
- 23. 23 A U D I B L E I N T E R FA C E E X A M P L E
- 24. • “View Mobile Site” • m.example.com • “Optimized Experience” • #FAIL M O B I L E S I T E S A N A L O G Y American Airlines ~2014 via wtfmobileweb.com
- 25. • Central content hubs win • Multi-channel delivery is normal delivery • Web • Apps • Overlays • … I N T E R FA C E S I M P L I C A T I O N S / P R E D I C T I O N S https://flic.kr/p/cfX64
- 26. • Headless Drupal • Integrations and APIs • Web applications • Get your content elsewhere • Talk to other systems • Started? Double down! • Not yet? Get moving! I N T E R FA C E S G E T R E A D Y N O W
- 27. S O F T WA R E I N 2 0 2 1
- 28. S O F T WA R E G R O W S • Cloud is new normal • SAAS increases • Services commoditized
- 29. S E A R C H E X A M P L E https://www.google.com/webhp?#q=thai%20curry%20house VS
- 30. • Search and Social are regulated • Commoditizable clients + markets have cheap and easy solutions • Shallow projects have less value S O F T WA R E I M P L I C A T I O N S / P R E D I C T I O N S https://flic.kr/p/CXHM5e
- 31. • Commoditizable clients, content? Get out or go deep! • Restaurant ‘deep’ example: • Forecast demand • Order supplies • Mobile ordering • … • Specialize. Find a vertical. Understand it deeply. S O F T WA R E G E T R E A D Y N O W https://flic.kr/p/bqJ7Vk
- 32. O P E N W E B I N 2 0 2 1
- 33. O P E N W E B W I N S Too big to lose: • Google • Apple • Facebook • Amazon • ... Dries Buytaert, 2016 SXSW
- 34. • 1998: Browser Wars • Netscape vs IE • IE pulls ahead • Netscape jumps on board W E B S TA N D A R D S P R O J E C T A N A L O G Y
- 35. • ‘Losers’ gang up on Winner • Don’t sweat proprietary formats • AMP • FIA • … • Be cautious of single vendor solutions O P E N W E B I M P L I C A T I O N S / P R E D I C T I O N S https://www.etsy.com/market/keep_portland_weird
- 36. • Help build the Open Web movement • Support it as it emerges O P E N W E B G E T R E A D Y N O W https://flic.kr/p/96pLS
- 37. B I G D ATA I N 2 0 2 1
- 38. M O R E D ATA L E A K S 2013: Edward Snowden: US Gov’t ????: Facebook ????: Google ????: Amazon … Edward Snowden
- 39. — General Data Protection Regulation (GDPR) - EU, 2016 Everyone has the right to the protection of personal data. https://flic.kr/p/bsm26R
- 40. B I G D ATA I M P L I C A T I O N S / P R E D I C T I O N S Implications www.informationisbeautiful.net/visualizations/worlds-biggest-data-breaches-hacks
- 41. • Educate yourself on security • Protect Personally Identifiable Information (PII) • Support data privacy standards B I G D ATA G E T R E A D Y N O W https://flic.kr/p/7LcF2W
- 42. W E B I N 2 0 2 1
- 43. “ W E B ” I S L E S S S P E C I A L https://flic.kr/p/4bQcR6
- 44. We know how to do this • Deeply understand an interconnected world model • Assemble around causes (Data, Standards, …) • Push technology forward W E B I M P L I C A T I O N S https://flic.kr/p/6kQqd1
- 45. • Think beyond screens • Think beyond the ‘web’ • Our web-ish skills are strong • Opportunity! W E B G E T R E A D Y N O W https://flic.kr/p/nzSW
- 46. I N C O N C L U S I O N • The world is getting more web-ish • The web is getting less web-ish • There’s a LOT of change coming • Connected world has won • We know the connected world • Opportunity abounds 46
- 47. Q U E S T I O N S ?
- 48. • First Time Sprinter Workshop - 9:00-12:00 - Room Wicklow2A • Mentored Core Sprint - 9:00-18:00 - Wicklow Hall 2B • General Sprints - 9:00 - 18:00 - Wicklow Hall 2A C O N T R I B U T I O N S P R I N T S J O I N U S Drupal.org sprint Dev Days Szeged. Photo: TCPhoto.eu.
- 49. E VA L U AT E - P L E A S E ! • https://events.drupal.org/dublin2016/ sessions/web-user-experience-2021 • Help us all keep getting better https://flic.kr/p/fr73AU
- 50. F O D D E R B E C A U S E S O M E O F T H I S M I G H T B E U S E F U L