Gli smartwatch hanno schermi di dimensioni inferiori rispetto ai dispositivi portatili, per cui è fondamentale disporre e visualizzare gli elementi in modo da facilitarne l'accesso e utilizzare in modo efficiente lo spazio disponibile sullo schermo. Per adattare i tuoi elementi allo schermo, utilizza la giusta quantità di spaziatura interna e di margini come specificato nelle linee guida sui materiali.
Anche se il design si adatta allo schermo, gli elementi dell'interfaccia potrebbero essere troncati o troncati quando l'utente esegue una delle seguenti operazioni:
- Consente di cambiare la lingua di visualizzazione.
- Modifica la dimensione del testo.
- Consente di attivare l'impostazione di sistema Testo in grassetto.
È fondamentale testare i progetti tenendo presenti queste considerazioni per assicurarti che si adattino perfettamente ai diversi ambienti utente.
Mantieni gli elementi interattivi completamente visibili
Se l'interfaccia include elementi interattivi, verifica che gli utenti possano scorrerli fino in fondo per visualizzarli, soprattutto se sono posizionati sui bordi di una pagina. Se la tua app usa la libreria Horologist, usa la fabbrica di layout responsive(). In caso contrario, utilizza i distanziali e aggiungi margini nella parte superiore e inferiore di un oggetto ScalingLazyColumn per evitare che il primo e l'ultimo elemento dell'elenco vengano sempre troncati.
Utilizza i chip invece delle schede per layout ad alta densità
Se hai bisogno di un layout più denso, utilizza CompactChip anziché le schede. La superficie più ampia delle schede rende molto più difficile evitare il troncamento del testo e il ritaglio dei contenuti.