the untouchable web
play

The Untouchable Web Rick Hanlon Point Hover Click Type Resize - PowerPoint PPT Presentation

Jan 19, 2023 •193 likes •876 views

The Untouchable Web Rick Hanlon Point Hover Click Type Resize Drag Load Point Hover Click Type Resize Drag Load Point Hover Click Type Resize Drag Load Point Hover Click Type Resize Drag Load Point Hover Click Type

  1. The Untouchable Web Rick Hanlon

  6. Point Hover Click Type Resize Drag Load

  7. Point Hover Click Type Resize Drag Load

  8. Point Hover Click Type Resize Drag Load

  9. Point Hover Click Type Resize Drag Load

  10. Point Hover Click Type Resize Drag Load

  11. Point Hover Click Type Resize Drag Load

  12. Point Hover Click Type Resize Drag Load

  14. Type Tab Submit Modify Cancel Move Control

  15. Type Tab Submit Modify Cancel Move Control

  16. Type Tab Submit Modify Cancel Move Control

  17. Type Tab Submit Modify Cancel Move Control

  18. Type Tab Submit Modify Cancel Move Control

  19. Type Tab Submit Modify Cancel Move Control

  20. Type Tab Submit Modify Cancel Move Control

  22. Smartphones

  24. Tap Scroll Swipe Pressure Pinch Multi Long press

  25. Tap Scroll Swipe Pressure Pinch Multi Long press

  26. Tap Scroll Swipe Pressure Pinch Multi Long press

  27. Tap Scroll Swipe Pressure Pinch Multi Long press

  28. Tap Scroll Swipe Pressure Pinch Multi Long press

  29. Tap Scroll Swipe Pressure Pinch Multi Long press

  30. Tap Scroll Swipe Pressure Pinch Multi Long press

  31. Touch interactions are the most important interactions to handle today

  32. Mobile Website Tra ffi c 60% 50% 40% 30% 20% 10% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes

  33. Mobile Website Tra ffi c 60% 50% 40% 30% 20% 10% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes

  34. Mobile Website Tra ffi c 60% 50% 40% 30% 20% 10% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes

  35. Mobile Website Tra ffi c 60% 50% 40% 30% 20% 10% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes

  36. Mobile Website Tra ffi c 60% 50% 40% 30% 20% 10% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes

  37. Mobile Website Tra ffi c 60% 50% 40% 30% 20% 10% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes

  38. Mobile Website Tra ffi c 60% 50% 40% 30% 20% 10% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes

  39. Mobile Website Tra ffi c 60% 50% 40% 30% 20% 10% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes

  40. Mobile Website Tra ffi c 60% 50% 40% 30% 20% 10% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes

  41. Mobile Website Tra ffi c 60% 50% 40% 30% 20% 10% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes

  42. Mobile Website Tra ffi c 60% 50% 40% 30% 20% 10% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes

  43. Touch Devices Phones

  44. Touch Devices Tablets Phones

  45. Touch Devices Tablets Phones Laptops

  46. Touch Devices Monitors Tablets Phones Laptops

  47. Touch Devices Monitors Tablets Phones Laptops Televisions

  48. Your website is being used with touch

  49. Your website is being used with touch, keyboards, mice, styluses, and more

  50. All of these interactions matter

  52. Users notice

  54. DEMO

  55. Abstractions are hard

  56. This abstraction is really hard

  63. It isn't perfect

  65. This is an evolving space

  66. Consistent cross-device 
 and cross-platform behavior

  67. It matters.

  68. The Untouchable Web Rick Hanlon

Recommend

More recommend