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

▶
the untouchable web
SMART_READER_LITE
LIVE PREVIEW

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

slide-1
SLIDE 1

Rick Hanlon

The Untouchable Web

slide-2
SLIDE 2
slide-3
SLIDE 3
slide-4
SLIDE 4
slide-5
SLIDE 5
slide-6
SLIDE 6

Point Hover Click Type Resize Drag Load

slide-7
SLIDE 7

Point Hover Click Type Resize Drag Load

slide-8
SLIDE 8

Point Hover Click Type Resize Drag Load

slide-9
SLIDE 9

Point Hover Click Type Resize Drag Load

slide-10
SLIDE 10

Point Hover Click Type Resize Drag Load

slide-11
SLIDE 11

Point Hover Click Type Resize Drag Load

slide-12
SLIDE 12

Point Hover Click Type Resize Drag Load

slide-13
SLIDE 13
slide-14
SLIDE 14

Type Tab Submit Modify Cancel Move Control

slide-15
SLIDE 15

Type Tab Submit Modify Cancel Move Control

slide-16
SLIDE 16

Type Tab Submit Modify Cancel Move Control

slide-17
SLIDE 17

Type Tab Submit Modify Cancel Move Control

slide-18
SLIDE 18

Type Tab Submit Modify Cancel Move Control

slide-19
SLIDE 19

Type Tab Submit Modify Cancel Move Control

slide-20
SLIDE 20

Type Tab Submit Modify Cancel Move Control

slide-21
SLIDE 21
slide-22
SLIDE 22

Smartphones

slide-23
SLIDE 23
slide-24
SLIDE 24

Tap Scroll Swipe Pressure Pinch Multi Long press

slide-25
SLIDE 25

Tap Scroll Swipe Pressure Pinch Multi Long press

slide-26
SLIDE 26

Tap Scroll Swipe Pressure Pinch Multi Long press

slide-27
SLIDE 27

Tap Scroll Swipe Pressure Pinch Multi Long press

slide-28
SLIDE 28

Tap Scroll Swipe Pressure Pinch Multi Long press

slide-29
SLIDE 29

Tap Scroll Swipe Pressure Pinch Multi Long press

slide-30
SLIDE 30

Tap Scroll Swipe Pressure Pinch Multi Long press

slide-31
SLIDE 31

Touch interactions are the most important interactions to handle today

slide-32
SLIDE 32

Mobile Website Traffic

50% 60% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes 40% 30% 20% 10%

slide-33
SLIDE 33

Mobile Website Traffic

50% 60% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes 40% 30% 20% 10%

slide-34
SLIDE 34

Mobile Website Traffic

50% 60% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes 40% 30% 20% 10%

slide-35
SLIDE 35

Mobile Website Traffic

50% 60% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes 40% 30% 20% 10%

slide-36
SLIDE 36

Mobile Website Traffic

50% 60% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes 40% 30% 20% 10%

slide-37
SLIDE 37

Mobile Website Traffic

50% 60% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes 40% 30% 20% 10%

slide-38
SLIDE 38

Mobile Website Traffic

50% 60% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes 40% 30% 20% 10%

slide-39
SLIDE 39

Mobile Website Traffic

50% 60% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes 40% 30% 20% 10%

slide-40
SLIDE 40

Mobile Website Traffic

50% 60% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes 40% 30% 20% 10%

slide-41
SLIDE 41

Mobile Website Traffic

50% 60% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes 40% 30% 20% 10%

slide-42
SLIDE 42

Mobile Website Traffic

50% 60% 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 source: yes 40% 30% 20% 10%

slide-43
SLIDE 43

Touch Devices

Phones

slide-44
SLIDE 44

Touch Devices

Phones Tablets

slide-45
SLIDE 45

Touch Devices

Phones Tablets Laptops

slide-46
SLIDE 46

Touch Devices

Phones Tablets Monitors Laptops

slide-47
SLIDE 47

Touch Devices

Phones Tablets Monitors Laptops Televisions

slide-48
SLIDE 48

Your website is being used with touch

slide-49
SLIDE 49

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

slide-50
SLIDE 50

All of these interactions matter

slide-51
SLIDE 51
slide-52
SLIDE 52

Users notice

slide-53
SLIDE 53
slide-54
SLIDE 54

DEMO

slide-55
SLIDE 55

Abstractions are hard

slide-56
SLIDE 56

This abstraction is really hard

slide-57
SLIDE 57
slide-58
SLIDE 58
slide-59
SLIDE 59
slide-60
SLIDE 60
slide-61
SLIDE 61
slide-62
SLIDE 62
slide-63
SLIDE 63

It isn't perfect

slide-64
SLIDE 64
slide-65
SLIDE 65

This is an evolving space

slide-66
SLIDE 66

Consistent cross-device
 and cross-platform behavior

slide-67
SLIDE 67

It matters.

slide-68
SLIDE 68

Rick Hanlon

The Untouchable Web