UX and Mouse Cursor

Posted on November 2nd, 2009, by Cristian in Usability & SEO

Mouse Cursor Affordance « Usability Post

One important interaction indicator on the web is the mouse cursor. The default cursor arrow changes into a pointing hand when you hover over links for example, which indicates they are indeed links and can be clicked on. It also changes into other things to differentiate context, for example it can change into a text input cursor when hovering over text fields to indicate you can type there.

When styling your website with CSS, in some cases you may lose the correct cursor type for certain elements. It’s important to retain this indicator as it will inform the user about how the item they’re hovering over can be used (see affordances). The solution is easy: if the cursor type is wrong, specify it using the CSS “cursor” property.

Continue reading more comments and examples on the the original post on from Usability Post

Leave a comment

Advertise / Sponsors

Comments RSS Feed

Recent Comments

  • Alex: try this: #style { -webkit-width:900px; } worked for me
  • Cristian: I am not modifying the core files. What I post as example is part from a module that observer an event and...
  • Magnus_A: Great idea. I am searching for a payment option that will allow me to add a handling fee to the order. In...
  • Cristian: Yes, is tru the plugin doesn’t support that. But also I think that you are able to control level 2...
  • donny: Hi Christian, thanks but what i miss a sub menu unter a submenu. I have a horizontal structure with 5 op...