Clairvoyant Interaction
Tuesday, August 12th, 2008This page is where I keep track of interaction design patterns. It will be particularly useful to implement these behaviors in JavaFX/Flex base-classes for nodes so that UX designer don’t have to nitpick over details like these:
- Yorai discusses the effect of mouse clicks and shift click, control click on focus, selection, activating in-place editing, dragging
- Raymond Chen discusses how a sequence of two single clicks is converted into a double-click event, and how the designer should assume that single click has occurred even if the user has double-clicked because the user double-clicks on everything (I have watched my wife do that). This is known as debouncing
- Just for completeness, Raymond Chen discusses triple-clicks.
- When waiting for a potential double click, onDragBegin() should not fire unless the mouse has moved a certain minimum distance (this is known as drag tolerance).
- Draggable, Droppable, Sortable
- Once a mouse is captured during drag-and-drop, when the mouse hovers over other objects, it should fire onDragOver instead of onMouseEnter.
- Robert Biggs of Vertigo discusses the minutae of drag and drop parameters
- A pretty complete framework for mouse-dragging … we can probably implement this for JavaFX
- Dragging should also trigger scrolling in containers
