I'm building a site that uses the jQuery iScroll plugin in the main navigation system. (http://lab.cubiq.org/iscroll/examples/simple/). Please note that the plugin is not exactly drag-n-drop.
Right now, I'm just using a different cursor to indicate the page is draggable.
A grab/drag hand similar to this:
How else should I warn the user about the draggable interface?
A DRAG ME message (as cursor) that appears for some seconds when the page loads?
Does anyone have any ideas/references?
EDIT: I could see in the answers some tips and references to other questions where some of the divs inside the page are draggable. But in my case the whole page navigation is draggable. How should I warn in that case?
Here are some examples:
- A small animation at the beginning. (I don't like this kind of option much)
- A circle appears when pressing the mouse
- Four-arrow cursor + Scroll Sign
- The hand/grab cursor I was proposing
- Hand/grab cursor
- Hand/grab cursor
- Not exactly draggable but I found interesting the way of warning the unusual navigation
- Same as the last one here.
So I think I can come up with various "small" solutions which are:
-Visual instructions like in example#3 and example#8
-Small animation at the beginning as in example#1
-Make a first complete plain screen that will force the user either to drag that page to enter or leave the page like in example#1
-Small tips like in example#2 or making the page auto-drag a little if the user hasn't drag it (proposed in one of the solutions below)
-Making kind of a zoom-out when the user tries to drag like in example#7
-Lack of any scrollbar or button to go next like in example#2. Two opinions with this, either the user realises he must drag or leaves the page. If I put buttons the user will use the buttons to go left/right and probably won't realise the page was draggable like in example#4
This all makes me think of when MAPS websites were not draggable. When they began to be draggable, how did they warn the user?
EDIT 2: I found this article that might be interesting for the subject: http://blog.maxrudberg.com/post/38958984259/if-you-see-a-ui-walkthrough-they-blew-it