Since "NotSlider" is not a mainstream commercial product but rather a conceptual or specific anti-pattern name, this report treats it as a . Investigative Report: The "NotSlider" Pattern – A Case Study in Deliberate UI Constraint Date: April 14, 2026 Subject: Analysis of the "NotSlider" component/pattern Classification: Technical Design / Front-End Development 1. Executive Summary The term "NotSlider" refers to a deliberate anti-pattern or custom UI component that mimics the visual affordances of a horizontal slider (carousel) but disables the sliding interaction . It presents users with a seemingly scrollable row of content (images, cards, products) that does not actually drag, swipe, or scroll horizontally.
<div class="not-slider"> <div class="not-slider-track"> <div class="item">Item 1</div> <div class="item">Item 2</div> ... </div> </div> .not-slider overflow-x: auto; /* Scrollable, but not draggable like a slider */ scroll-snap-type: none; /* No forced snapping */ cursor: grab; /* Deceptive cursor */ notslider
For developers: If you name a component NotSlider , document why. For users: If you encounter one, report it as a usability bug. Analysis Unit Sources: Public developer forums (Stack Overflow, GitHub, Reddit r/webdev), heuristic UX evaluation, WCAG guidelines. Since "NotSlider" is not a mainstream commercial product
| User Action | Expectation | NotSlider Reality | Outcome | |-------------|--------------|--------------------|---------| | Drag image left | Slides to next item | Nothing happens | Frustration | | Swipe on mobile | Smooth carousel move | Page scrolls vertically | Abandonment | | Click arrow button | Slides content | Scrolls 200px horizontally | Confusion | | Tab to next item | Moves focus inside slider | Moves focus, no auto-scroll | Poor discoverability | It presents users with a seemingly scrollable row
| Feature | True Slider | NotSlider | |---------|-------------|------------| | Touch swipe | Yes (JS events) | No (browser scroll only) | | Drag to move | Yes | No | | Auto-play | Optional | No | | Infinite loop | Optional | No | | Scrollbar visible | Usually hidden | Usually visible | | overflow-x: auto | No | Yes |