Principi di progettazione
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Progetta esperienze multimediali su Wear OS applicando i principi fondamentali che danno la priorità
al controllo e all'efficienza degli utenti.
Coerenza e prevedibilità
Verifica che gli utenti non debbano riapprendere le basi dell'interazione da un'interfaccia utente multimediale all'altra, in modo che possano controllare i contenuti multimediali in diversi contesti.
Allinea i pattern dell'interfaccia utente ed evita di creare nuove UI per le interazioni comuni.
A colpo d'occhio e critiche
Aiuta gli utenti a completare rapidamente le attività mettendo in evidenza i controlli critici e mostrando lo stato corretto.
Mostra i controlli e i contenuti critici in una gerarchia di informazioni chiara in modo che
gli utenti possano controllare la navigazione e la riproduzione dei contenuti multimediali sul proprio smartwatch.
Riflettere lo stato dinamico, ad esempio il volume attuale del dispositivo o il dispositivo di output
connesso.
Rapido e coerente
Verifica che gli utenti possano controllare rapidamente i contenuti multimediali sul polso.
Evita gesti o pattern di interazione nascosti che richiedono l'onboarding e
la capacità di memorizzazione spaziale. Fornisci affordance visive in linea che guidino chiaramente
gli utenti verso funzionalità aggiuntive.
Verifica che i percorsi utente che coinvolgono l'interfaccia utente di sistema e app si integrino perfettamente per
evitare schermate duplicate per gli utenti che navigano tra le piattaforme in diversi
contesti.
Pattern di progettazione comuni
Le sezioni seguenti descrivono i pattern di progettazione comuni per le esperienze multimediali su
Wear OS.
Utilizza il pulsante del menu extra per fornire una navigazione coerente e altre
funzionalità.
Cosa non fare
Affidarsi a gesti nascosti che richiedono agli utenti di memorizzare la navigazione.
Cosa fare
Fornisci un pulsante del menu extra visibile per guidare gli utenti ad accedere a funzionalità aggiuntive.
Accesso coerente alle opzioni multimediali
Fornire un accesso coerente alle funzionalità su tutte le piattaforme e i contesti multimediali.
Cosa non fare
Pattern incoerenti per i controlli multimediali su superfici e contesti multimediali
causano confusione e carico cognitivo per gli utenti.
Cosa fare
Fornisci pattern coerenti su tutte le piattaforme e i contesti multimediali.
Controllo del volume
Utilizza l'interazione di controllo del volume dei tasti, ad esempio il suggerimento di tocco, la barra del volume e
i controlli hardware per assicurarti che le attività di volume critiche possano essere eseguite.
Cosa non fare
È frustrante per gli utenti non riuscire a controllare il volume con l'hardware.
Cosa fare
Consenti agli utenti di controllare il volume con la corona hardware.
Dispositivo di output
Utilizza un'icona che mostri chiaramente agli utenti il dispositivo che utilizzano per ascoltare
la riproduzione dei contenuti multimediali.
Cosa non fare
L'icona non riflette da dove verrà emesso il suono e dove controllare il volume
Cosa fare
Riflettere lo stato del dispositivo di output con l'indicazione dei controlli del volume
Estendere su più dispositivi
Prendi in considerazione la coerenza cross-device e utilizza pattern esistenti per un'esperienza utente più prevedibile
e coerente.
I campioni di contenuti e codice in questa pagina sono soggetti alle licenze descritte nella Licenza per i contenuti. Java e OpenJDK sono marchi o marchi registrati di Oracle e/o delle sue società consociate.
Ultimo aggiornamento 2025-07-27 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2025-07-27 UTC."],[],[],null,["# Design principles\n\nDesign media experiences on Wear OS by applying core principles that prioritize\nuser control and efficiency.\n\nConsistent and predictable\n--------------------------\n\nVerify that users don't need to relearn interaction basics from one media UI to another so that users can control media across different contexts.\n\n\u003cbr /\u003e\n\nAlign UI patterns and avoid creating new UIs for common interactions.\n\n\u003cbr /\u003e\n\nGlanceable and critical\n-----------------------\n\nHelp users complete tasks quickly by elevating critical controls and showing correct status.\n\n\u003cbr /\u003e\n\nDisplay critical controls and content in a clear information hierarchy so that\nusers can control media browsing and playback on their watch.\n\nReflect the dynamic status, such as the current device volume or the connected\noutput device.\n\n\u003cbr /\u003e\n\n### Quick and consistent\n\nVerify that users can quickly control media on the wrist.\n\n\u003cbr /\u003e\n\nAvoid hidden gestures or interaction patterns that require onboarding and\nspatial memory capacity. Provide visual affordances inline that clearly guide\nusers to additional functionality.\n\nVerify user journeys that involve system and app UI integrate seamlessly to\navoid duplicative screens for users to navigate between surfaces across\ncontexts.\n\n\u003cbr /\u003e\n\nCommon design patterns\n----------------------\n\nThe following sections describe common design patterns for media experiences on\nWear OS.\n\n### Overflow button\n\nUse the overflow button to provide consistent navigation and more\nfunctionalities. \n\n\u003cbr /\u003e\n\n**Don't**\n\nRely on hidden gestures that require users to memorize the navigation.\n\n\u003cbr /\u003e\n\n**Do**\n\nProvide visible overflow button to guide users to access additional\nfunctionality.\n\n\u003cbr /\u003e\n\n### Consistent access to media options\n\nProvide consistent access to functionality across media surfaces and contexts. \n\n\u003cbr /\u003e\n\n**Don't**\n\nInconsistent patterns for media controls across media surfaces and contexts\ncause user confusion and cognitive load.\n\n\u003cbr /\u003e\n\n**Do**\n\nProvide consistent patterns across media surfaces and contexts.\n\n\u003cbr /\u003e\n\n### Volume control\n\nUse the key volume control interaction such as tap affordance, volume bar, and\nhardware controls to make sure critical volume tasks can be done. \n\n\u003cbr /\u003e\n\n**Don't**\n\nIt's confusing when users can't control volume with the hardware.\n\n\u003cbr /\u003e\n\n**Do**\n\nLet users control the volume with the hardware crown.\n\n\u003cbr /\u003e\n\n### Output device\n\nUse an icon that clearly shows users which device they're using to listen to\nmedia playback. \n\n\u003cbr /\u003e\n\n**Don't**\n\nIcon doesn't reflect where will the sound come from and where to control volume\n\n\u003cbr /\u003e\n\n**Do**\n\nReflect the output device status with the indication of volume controls\n\n\u003cbr /\u003e\n\nExtend across devices\n---------------------\n\nConsider cross-device consistency and use existing patterns for more predictable\nand consistent user experience."]]
