Linee guida per il feedback audio per le interfacce web. Da utilizzare quando si aggiunge audio alle interazioni, si progettano conferme o stati di errore, si creano notifiche o si rivede l'UX audio. Attiva attività che coinvolgono suoni di feedback degli utenti, API audio Web o modelli di progettazione multisensoriali.
Installa rapidamente la skill AI sounds-on-the-web nel tuo ambiente di sviluppo tramite riga di comando
Fonte: raphaelsalaja/userinterface-wiki.
Sound is the forgotten sense in web design. The auditory cortex processes sound in 25ms—nearly 10x faster than visual processing. A button that clicks feels faster than one that doesn't, even when visual feedback is identical.
| Speed | Sound reaches the brain faster than visuals (25ms vs 250ms) | | Presence | Audio crosses the boundary between device and environment | | Emotion | A single tone communicates success, error, tension, or playfulness | | Complement | Sound should enhance, never replace visual feedback |
| "Users will hate it" | Only if done poorly. Subtle, appropriate, optional sounds are not intrusive. | | "It's inaccessible" | Sound complements, never replaces. Every audio cue needs a visual equivalent. | | "It's technically complicated" | Basic audio playback is straightforward. Implementation burden is low. |
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill sounds-on-the-webLinee guida per il feedback audio per le interfacce web. Da utilizzare quando si aggiunge audio alle interazioni, si progettano conferme o stati di errore, si creano notifiche o si rivede l'UX audio. Attiva attività che coinvolgono suoni di feedback degli utenti, API audio Web o modelli di progettazione multisensoriali. Fonte: raphaelsalaja/userinterface-wiki.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill sounds-on-the-web Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/raphaelsalaja/userinterface-wiki