buttons Articles & Videos

  • Alt Text: What to Write

    Images are decorative, functional, or informative. Skip alt text for decorative. Describe the action for functional. Convey the message for informative.

  • Alt Text: Not Always Needed

    Write alt text that communicates an image's purpose without repeating page content. Focus on meaning rather than visual description.

  • A/B Testing 101

    A/B tests incrementally improve the user experience of a product while effectively reaching business goals.

  • Fitts's Law and Its Applications in UX

    The movement time to a target depends on the size of the target and the distance to the target.

  • State-Switch Controls: The Infamous Case of the "Mute" Button

    On–off controls that switch between two different system states need to clearly communicate to users both the current state and the state the system will move to, should the user press that control.

  • Split Buttons: Definition

    A split button is a dual-function menu button that offers a default action as well as the possibility of choosing a different action by selecting from a set of alternatives.

  • UI Copy: UX Guidelines for Command Names and Keyboard Shortcuts

    Labels for commands should be brief, informative, rely on verbs and adjectives, and avoid branded terms. Command shortcuts must limit the number of modifiers and follow standard conventions.

  • Design for Kids Based on Their Stage of Physical Development

    As kids’ physical development throughout childhood changes, so do their physical abilities, constraints, and device preferences. Touch gestures such as swiping and tapping big targets are easy for all children, but fine mouse or trackpad gestures such as dragging are hard for young kids.

  • "Get Started" Stops Users

    A generic Get Started call-to-action attracts clicks, but also misleads users and acts as a roadblock for those looking to get information about the company.

  • Don’t Use Split Buttons for Navigation Menus

    Menu on hover, category landing page on click: we discuss challenges and solutions for replicating this pattern on touchscreens.