Skip to main content
User Experience

Return to Question

added 244 characters in body
Source Link
TV's Frank
TV's Frank
  • 243
  • 1
  • 6

This question touches on "clickability", but rather is about what should happen after the user touch-clicks a surface on a mobile device. Here's a jsfiddle with a clickable surface:

https://jsfiddle.net/cfL7jkxo/2/

On an iPad, when you tap on "I am Clickabul", the surface will flash momentarily. When I do this on my Nexus 6 Android phone, the surface doesn't react (you can see the click function happen though - writing "click").

I just got a report from a tester about how such a surface doesn't react on a non-iOS device, on the Web site that we work with. Does the tester have a point? If a surface looks clickable enough, does it matter what happens after the user taps it? Can after-effects like on iOS help indicating clickability?

Note: I'm asking about which is the better user experience, and possibly if there are other effects one can use when reacting to a click to not give the user the impression that the site is broken - not about how this should be implemented.

This question touches on "clickability", but rather is about what should happen after the user touch-clicks a surface on a mobile device. Here's a jsfiddle with a clickable surface:

https://jsfiddle.net/cfL7jkxo/2/

On an iPad, when you tap on "I am Clickabul", the surface will flash momentarily. When I do this on my Nexus 6 Android phone, the surface doesn't react (you can see the click function happen though - writing "click").

I just got a report from a tester about how such a surface doesn't react on a non-iOS device, on the Web site that we work with. Does the tester have a point? If a surface looks clickable enough, does it matter what happens after the user taps it? Can after-effects like on iOS help indicating clickability?

This question touches on "clickability", but rather is about what should happen after the user touch-clicks a surface on a mobile device. Here's a jsfiddle with a clickable surface:

https://jsfiddle.net/cfL7jkxo/2/

On an iPad, when you tap on "I am Clickabul", the surface will flash momentarily. When I do this on my Nexus 6 Android phone, the surface doesn't react (you can see the click function happen though - writing "click").

I just got a report from a tester about how such a surface doesn't react on a non-iOS device, on the Web site that we work with. Does the tester have a point? If a surface looks clickable enough, does it matter what happens after the user taps it? Can after-effects like on iOS help indicating clickability?

Note: I'm asking about which is the better user experience, and possibly if there are other effects one can use when reacting to a click to not give the user the impression that the site is broken - not about how this should be implemented.

Source Link
TV's Frank
TV's Frank
  • 243
  • 1
  • 6

Html "click" effect on mobile browsers

This question touches on "clickability", but rather is about what should happen after the user touch-clicks a surface on a mobile device. Here's a jsfiddle with a clickable surface:

https://jsfiddle.net/cfL7jkxo/2/

On an iPad, when you tap on "I am Clickabul", the surface will flash momentarily. When I do this on my Nexus 6 Android phone, the surface doesn't react (you can see the click function happen though - writing "click").

I just got a report from a tester about how such a surface doesn't react on a non-iOS device, on the Web site that we work with. Does the tester have a point? If a surface looks clickable enough, does it matter what happens after the user taps it? Can after-effects like on iOS help indicating clickability?