<?xml version="1.0" encoding="utf-8"?>

Interactive feedback states

Interactive feedback states

Lists and tables must respond clearly to every user action. Each interaction, from a simple tap to more complex gestures, needs immediate visual feedback that helps users understand what's happening and what they can do next.

Design principles for interactions:

  • Touch feedback: Highlights rows or cells briefly when tapped, using system-default gray
  • Selection states: Changes background color and adds checkmarks for selected items
  • Swipe actions: Reveals contextual actions with smooth animations and clear hit areas
  • Scroll indicators: Shows and hides scrollbars automatically while scrolling
  • Loading states: Reduces row opacity and shows a spinner when refreshing content or loading more items
  • Error states: Presents clear visual cues when actions fail or content can't load

Pro Tip: Always test interactive states with VoiceOver enabled. Every state change should be clear both visually and through audio feedback.

Improve your UX & Product skills with interactive courses that actually work