Interface Lab

Experiments

Each experiment tests one principle through controlled variants that differ in a single variable, with its own measurement instrument.

  1. 001

    Interruptible motion

    Open a side panel and reverse it mid-motion: keyframes, input-locked transitions, and ordinary CSS transitions.

    Tests: Interruptible motion

    MotionSupported

  2. 002

    Feedback at the trigger

    A copy button with a corner toast, a resizing inline label, and a width-reserved inline label.

    Tests: Feedback at the point of action

    MicrointeractionsSupported

  3. 003

    Links that add context

    Notes about the lab's own research method opened as single pages, stacked panels, or stacked panels with focus management.

    Tests: Links that preserve and add context

    Knowledge navigationConditionally supported

  4. 004

    Interaction frequency and motion

    A command-list highlight with 0, 150, or 300 ms transitions, tested while holding arrow keys.

    Tests: Interaction frequency determines motion

    MotionSupported

  5. 005

    First impressions: novel yet recognizable

    Four homepages with identical content are rated after 50 ms and 500 ms exposures.

    Tests: First impressions form within 50 ms, Novel, yet recognizable

    Project presentationInsufficient evidenceInsufficient evidence

  6. 006

    Motion as opt-in

    The same five components are implemented using opt-out and opt-in patterns; animations that remain under reduced motion are counted.

    Tests: Motion should be opt-in

    MotionConditionally supported

  7. 007

    Reflow at 320 px

    Three miniature pages with identical content in a 320 px stage: reflow, fixed width, and reflow with experimental effects.

    Tests: Reflow without two-dimensional scrolling

    LayoutSupported