buttons Articles & Videos

  • Why Disabled Buttons Hurt UX (and How to Fix Them)

    Disabled buttons often confuse users by appearing clickable but providing no response or feedback. Designers should use them sparingly, ensure they’re accessible, and clearly explain why the button is disabled.

  • Buttons vs. Links: What’s the Difference and Why Does it Matter?

    Buttons trigger actions, while links navigate between pages, and using them correctly is key for clarity and accessibility.

  • Alt Text: Avoid Redundancy to Improve Usability

    Use alt text strategically to enhance both accessibility and usability by being cautious of redundancy.

  • 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.

  • Using Fitts's Law to Make Links and Buttons Easier to Click

    Fitts's Law describes how long time it takes to click a target, based on the distance to the target and its size. Use this information to make buttons and links faster to click.

  • 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.

  • Designing Effective Carousels for Websites and Mobile Apps

    Sliding hero images that rotate through a set of promotions, news, or the like on the top of web pages are often annoying to users and are definitely error prone, unless they are designed according to usability guidelines.

  • 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.