Interaction Design Articles & Videos

  • Touch Targets on Touchscreens

    Interactive elements must be at least 1cm × 1cm (0.4in × 0.4in) to support adequate selection time and prevent fat-finger errors.

  • Modes in User Interfaces: When They Help and When They Hurt Users

    In a modal interface, the same user action can have different results depending on the state of the system. Poorly signaled modes can easily trigger user errors with disastrous consequences.

  • Top 10 Application-Design Mistakes

    Application usability is enhanced when the UI guides and supports users through the workflow.

  • How to Empathy Map

    A 5-step process for creating empathy maps that describe user characteristics at the start of a UX design process.

  • 10 Design Guidelines for Reporting Errors in Forms

    Help users recover from errors by clearly identifying the problems and allowing users to access and correct fields easily.

  • Tooltip Guidelines

    Tooltips are user-triggered messages that provide additional information about a page element or feature. Although tooltips aren’t new to the web, they are often incorrectly implemented.

  • Gamification in the User Experience

    Gamification is the usage of game mechanics in nongame contexts, such as mainstream UX design. The most successful implementations of gamification begin with a learner-centered mindset.

  • Fitts's Law

    Fitts's Law describes how long it takes a user to hit a target in a graphical user interface (GUI) or other design, as a function of size and distance. Understanding this law helps us design better buttons, forms, lists, and other interactive elements.

  • Why Microinteractions Are Important for UX

    Defining microinteractions and why getting these small UI details right matters for the quality of the user experience.

  • Design Guidelines for Input Steppers

    Reduce input effort for fields with values that vary little from the default by allowing users to increase or decrease the number in a single button press.

  • UX Guidelines for Recommended Content

    Encourage engagement with recommendations by presenting them prominently, segmenting suggestions into clear categories, and providing methods for users to give feedback.

  • Microinteractions in User Experience

    Microinteractions convey system status, support error prevention, and communicate brand. They are initiated by a trigger, are single-purpose, and can make the experience engaging.

  • Individualized Recommendations: Users’ Expectations & Assumptions

    Users appreciate personalized content suggestions and are willing to give up some of their privacy for quality recommendations, while accepting some inaccurate recommendations.

  • Design Systems and Their Benefits

    Go beyond a brand or UX style guides to create engaging, consistent user interfaces. At the same time, fit design activities within in short development cycles, spending the least possible development time and money.

  • Intelligent Assistants: Creepy, Childish, or a Tool? Users’ Attitudes Toward Alexa, Google Assistant, and Siri

    Users assume that assistants have a low level of competence for complex tasks and find them to be socially awkward to interact with.

  • Toggle-Switch Guidelines

    On/off switches are UI elements that prompt users to choose between 2 mutually exclusive options, always have a default value, and provide immediate results.

  • Checkboxes vs. Switches in Forms

    Navigating whether to use checkboxes or switches can help make your forms easier to use. This video covers guidelines of when to use each.

  • Design Patterns for Complex Apps and Workflows

    Two design principles for supporting complex and repetitive workflows.

  • Storyboards Help Visualize UX Ideas

    Storyboards are visual representations of UX stories, which capture attention, provide clarity, and inspire us to take action.

  • Why Interaction Cost Matters to UX

    Interaction cost is a direct measure of usability. It’s an indicator of how difficult the interface is going to be for the user.