Forum Moderators: not2easy

Message Too Old, No Replies

Hover better completely avoiding for mobile?

         

deeper

11:38 pm on Sep 12, 2014 (gmt 0)

10+ Year Member Top Contributors Of The Month



Hi,

hover for links makes sense, is userfriendly and wellknown. Obviously there are still several mobile devices which are not able to deal with them properly and some furthermore cause unexpected problems.

Is it better to completely drop hover for mobile purposes or would you estimate their usage as "not so bad and soon be solved in a good way for users"?

Thanks for experiences, as I'm not a wedesigner and don't use mobile for own surfing.

not2easy

12:15 am on Sep 13, 2014 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



Mobile devices don't use a mouse, so there can be no "hover" state to links. Navigation is via a fingertip or sometimes a little "cursor pen" so instead of a click, there is a 'tap'. It is not an issue that will be solved in the future, it is the way mobile devices are made. Not to say that someday all mobile devices may not have some other feature similar to hover, but the nearest there is now is is "tap and hold" on some devices that shows the link destination or other information.

The thing to keep in mind for links to be mobile friendly is that they need more space around the tap target to prevent accidental clicks.

deeper

4:10 pm on Sep 13, 2014 (gmt 0)

10+ Year Member Top Contributors Of The Month



Sorry, was not precise enough. Sure, there is no mouse hover, but the tap instead ect.:

Are these "compensations" (soon) good enough to keep hover for mobile and risking some additional technical and usage probs they seem to create sometimes?

Or may it be better to drop hover for mobile completely
--> no taps ect., obviously not a big loss
--> no additional occasional unexpected problems ?

Let's say you create a site with responsive. Would you use :hover for your mobile navlinks and textlinks, hoping it may do some good?

not2easy

6:03 pm on Sep 13, 2014 (gmt 0)

WebmasterWorld Administrator 10+ Year Member Top Contributors Of The Month



The responsive design sites that I have done show the same page to desktop or mobile, same everything. I'm lazy that way. There are other ways to do it, creating separate content but I don't see a need to do that. The mobile device gets a smaller scaled page that is the same page they would see on a desktop. The links have hover settings in the css but no, I don't expect mobile devices to experience any hover effects. I have viewed the finished pages on iPad, iPhone and Android devices and it looks the same, but smaller on a smaller screen. I did not see any issue caused by having hover settings. The hover state is triggered only if a mouse or cursor is present so it would not be triggered for a mobile touch screen.

IF I were going to make a separate site for mobile I might see a reason to leave it off. Hopefully a member who has done a separate site can give you their experiences about that. Have you had any issues with hover state on a mobile device? Not saying it can't happen, I just haven't read or heard about anything - unless it might be javascript with mouseover not being activated. That is a different issue that hover states won't help.