Hot answers tagged

94

To add to DA01's great answer, here's the history of cursor arrow. The link also links to a well known document from Xerox with further explanation, from which I took the image below. However, this document doesn't explain the reason behind the tail. This being said, the reasons for tilting explain why tilting was needed. Now I'll take the same image ...


53

It's an arrow: pictograms of arrows have mostly always had at least the arrow head and the shaft: Whoever drew the cursor as we know it was drawing an arrow. It became the default standard. You are right, it probably would work without the shaft (or tail) just as well. It's just that it's not what the UI designer chose when it was created and we've ...


18

I think you've answered your own question. The special cursors demonstrated on that web site are rarely needed, whether in a browser or outside of one. Of the 31 cursors, 14 of them are for resizing elements, which isn't really a common task.


15

I see Progress and Help used fairly regularly. Other than that, the rest of them are mostly situational... there's no need to use them out of specific tasks and environments. Using cursors where not absolutely necessary violates the rule of don't confuse your users, ever. If you can use a normal cursor, do.


11

"Default", "Pointer" and "Text" are defaults in browsers. Others we forget to specify for developer — because we paint static images. But if we work with interaction our-self, we will remember to use "Not available" cursor for disabled elements for example.


6

look at how your finger points it could also be a wrist. people also see based on shapes and the cursor as is has more breaks and easily stands out on top of pages than a triangle. Also a right handed person pointing explains the direction of the cursor. Read more about it from the question why the cursor is tilted and not straight


2

The I-beam is just a descriptive term, as it resembles a construction I-beam, the correct term would be 'a caret'. - https://en.wikipedia.org/wiki/I-beam Apparantly it has several uses, first of all, the idea is that it doesn't resemble an existing character. This means that it's first real uses where on graphical displays and not so much on character based ...


2

it depends on what kind of interactivity. as each will be best represented with a different cursor icon when hovering over it. So it depends what kind of interactivity does your chart have. looking at the collection of icons i can see a few interactions relevant to some of them. -editable text field. -adjustable column, row width, height. -scalable object/...


2

If you are only looking for resources to review and compare against, I would suggest looking at most popular devices in the market today. Below is the list I was able to find: Windows Touch Gestures Overview New gestures you have to master to tame Windows 10 Use Multi-Touch gestures on your Mac Google Design Patterns - Touch


2

If you are in doubt show a hand cursor on everything that is clickable. For the web application I’m working on I have done a lot of observations and came to the conclusion above. We have almost no direct links so there are a lot of buttons. When we moved to a flat design I got curious if the default arrow cursor would still suffice. The design hints that it’...


2

On a device, e.g. traditional PC, where user input is indirect via a mouse or trackpad in another plane, the cursor is a proxy for the user's focus. Consider that on devices with touchscreens you rarely even see one because the user interacts directly with elements on screen. The classic arrow cursor indicates to the user where they are on the screen. One ...


1

Inroduction First of all, great answers from everyone here, and a great question! I'm happy that people are genuinely concerned with such things! (My friends think I'm strange, I once got strange reactions at a camp fire for what I'm about to say) While I could rewrite many of what has been said already, I will instead add my 2 cents and hope it helps as ...


1

Where did you read that pointer cursor shouldn't be used on controls? The pointer acts as a proxy for the hand, allowing users to interact with screen objects much like they would with physical objects. We humans have an innate understanding of how the human hand works, so if something looks like it can be pushed, we try to push it; if it looks ...


1

In most cases the cursor primarily is to SELECT, POINT or CLICK. Extra actions such as GRAB, CROSSHAIRS are handy for other more specific type applications like picture uploads, crop and resizing.


1

This is a design choice by Google and you should ask them about it to be sure. Good chance they thought the hover elements on the chart are enough to make clear that interaction is possible. If you have doubts and think it isn’t clear enough, do some tests with people around you. Here's my advice: For a web application I would recommend to stick with the ...


1

If the color of the text is white, the cursor must be so.. It is kind of a weird behavior i can't reproduce. Anyway, one easy thing you can do is to work on the css style: define :focus and :hover statuses where background color turns white in the dark input, or you can also set a white border to indicate where the focus is. Make sure you provide enough ...


1

The animations always makes for a good UI/UX design. Animations are more smooth on the eyes. But animations will be slower than non-animated actions as animations will take some time to finish. The animated cursors in office 2013 makes up for a good experience. But for some people who need to move the cursor very frequently will find it annoying as they ...



Only top voted, non community-wiki answers of a minimum length are eligible