Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Un'app è una delle piattaforme principali su Wear OS. Le app sono diverse da complicazioni o riquadri, che sono rappresentazioni rapide dei contenuti delle app.
Le app mostrano più informazioni e supportano un'interattività più completa. L'utente spesso accede a un'app da un'altra piattaforma, ad esempio una notifica, una complicazione, un riquadro o un'azione vocale.
dell'AI
Tieni presente i seguenti principi durante la progettazione delle app:
Concentrata:concentrati sulle attività critiche per aiutare le persone a svolgere le attività in pochi secondi.
Superficiali e lineari:evita di creare gerarchie con più di due livelli.
Cerca di visualizzare i contenuti e la navigazione in linea, se possibile.
Scorrimento: le app possono scorrere. Si tratta di un gesto naturale per gli utenti per vedere più contenuti sullo smartwatch.
Linee guida
Segui queste linee guida quando progetti le app.
Ottimizzazione per i layout verticali
Semplifica il design della tua app utilizzando layout verticali, che consentono agli utenti di scorrimento in una sola direzione per spostarsi tra i contenuti.
check_circle
Cosa fare
L'obiettivo di questa app è portare l'utente dal punto A al punto B.
cancel
Cosa non fare
Non utilizzare lo scorrimento sia verticale che orizzontale, in quanto può
creare confusione nell'esperienza con l'app. Fanno eccezione alcuni casi d'uso specifici, tra cui la riproduzione di contenuti multimediali, che possono supportare lo scorrimento sia verticale sia orizzontale.
Mostrare l'ora
Gli utenti tendono a trascorrere più tempo nelle app, quindi è importante fornire accesso rapido all'ora.
check_circle
Cosa fare
Mostra l'ora nella parte superiore dell'app, in quanto offre un punto di riferimento costante per l'utente.
cancel
Cosa non fare
Mostra l'ora in una finestra di dialogo, una schermata di conferma o un selettore, poiché gli utenti trascorrono probabilmente solo pochi secondi in queste schermate.
Per ulteriori informazioni su design e utilizzo, consulta
Testo orario.
Punti di contatto in linea accessibili
Assicurati che tutte le azioni vengano visualizzate in linea, utilizzando icone ed etichette chiare per l'accessibilità. Sono inclusi i punti di accesso alle impostazioni e alle preferenze.
check_circle
Cosa fare
Se possibile, utilizza sia le icone sia le etichette.
cancel
Cosa non fare
Non fare affidamento solo sulle icone per chiedere all'utente di intervenire.
Eseguire l'elevazione delle azioni principali
Aiuta gli utenti a intraprendere azioni nella tua app posizionando le azioni principali nella parte superiore dell'app. Metti in evidenza le azioni principali non ambigue nella parte superiore dell'app.
Utilizzare le etichette per orientare gli utenti
Per le app più lunghe, aiuta l'utente a orientarsi con le etichette mentre scorre i contenuti.
check_circle
Cosa fare
Utilizza interruzioni di sezione, etichette e altri indicatori per organizzare i contenuti e aiutare gli utenti a orientarsi mentre scorrono visualizzazioni più lunghe con contenuti misti.
cancel
Cosa non fare
Aggiungi un'etichetta per le app che contengono un singolo tipo di contenuti.
Mostra la barra di scorrimento
Mostra la barra di scorrimento se l'intera visualizzazione scorre, come mostrato nell'immagine seguente.
Per ulteriori informazioni, consulta Indicatore di posizione.
Contenitori di contenuti
Consulta i seguenti esempi di contenitori di contenuti.
Figura 1. Contenitore di altezza fissa.
Figura 2. Contenitore di altezza variabile.
Figura 3. Contenitore di altezza e larghezza maggiori dell'area visibile.
Figura 4. Un contenitore paginato.
Figura 5a. Pagine di contenuti che occupano l'intera dimensione dello schermo e sono suddivise in pagine verticalmente.
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,["# App design principles\n\nAn app is one of the primary surfaces on Wear OS. Apps are different from\ncomplications or tiles, which are glanceable representations of app content.\nApps display more information and support richer interactivity. The user often\nenters an app from another surface, such as a notification, complication, Tile,\nor voice action.\n\nPrinciples\n----------\n\nKeep the following principles in mind when designing apps:\n\n- **Focused:** Focus on critical tasks to help people get things done within\n seconds.\n\n- **Shallow and linear:** Avoid creating hierarchies deeper than two levels.\n Aim to display content and navigation inline when possible.\n\n- **Scrolling:** Apps can scroll. This is a natural gesture for users to see\n more content on the watch.\n\nGuidelines\n----------\n\nFollow these guidelines when designing apps.\n\n### Optimize for vertical layouts\n\nSimplify your app's design by using vertical layouts, which allow users to\nscroll in a single direction to move through content. \ncheck_circle\n\n### Do\n\nThis app's goal is to take the user from point A to point B. \ncancel\n\n### Don't\n\nDon't use both vertical and horizontal scrolling, as this can make your app experience confusing. The exception is some specific use cases, including media playback, which can support both vertical and horizontal scrolling.\n\n### Show the time\n\nUsers tend to spend more time in apps, so it's important to provide\nquick access to the time. \ncheck_circle\n\n### Do\n\nDisplay the time at the top of the app, as this provides a consistent place for the user to view the time. \ncancel\n\n### Don't\n\nDisplay the time in a dialog, confirmation screen, or picker, as users are likely to spend only a few seconds on those screens.\n\nFor more information about design and usage, see\n[Time text](/training/wearables/compose/time-text).\n\n### Accessible inline entry points\n\nEnsure all actions are displayed inline, using clear iconography and labels for\naccessibility. This includes entry points to settings and preferences. \ncheck_circle\n\n### Do\n\nUse both icons and labels when possible. \ncancel\n\n### Don't\n\nRely solely on icons to prompt the user to take action.\n\n### Elevate primary actions\n\nHelp users take action in your app by pulling primary actions to the top of the\napp. Elevate non-ambiguous primary actions to the top of the app.\n\n### Use labels to orient users\n\nFor longer apps, help orient the user with labels as they scroll through the\ncontent. \ncheck_circle\n\n### Do\n\nUse section breaks, labels, and other cues to organize content and help orient users as they scroll through longer views with mixed content. \ncancel\n\n### Don't\n\nAdd a label for apps that contain a single content type.\n\n### Show the scrollbar\n\nShow the scrollbar if the entire view scrolls, as shown in the following image.\nFor more information, see [Position indicator](/training/wearables/compose/position-indicators).\n\nContent containers\n------------------\n\nSee the following examples of content containers.\n\n\n**Figure 1.** Container of fixed height. \n\n**Figure 2.** Container of variable height.\n\n\u003cbr /\u003e\n\n\n**Figure 3.** Container of height and width greater than the viewport. \n\n**Figure 4.** A paginated container.\n\n\u003cbr /\u003e\n\n\n**Figure 5a.** Content pages that take the full dimension of the screen and are\npaginated vertically. \n\n\u003cbr /\u003e\n\n| **Note:** Users find vertical layouts much easier to navigate than paginated UI's. Paginated UI's are best for situations when the user needs to navigate content using gross gestures, such as when working out or on the go. Because of this, they are generally used in workout and media app UIs."]]
