Please enable JavaScript.
Coggle requires JavaScript to display documents.
Mobile UI guidelines pt2 - Coggle Diagram
Mobile UI guidelines pt2
Ergonomia e Navigazione
Finger-Friendly Design
Elementi facilmente cliccabili
Touch target adeguati
Pattern Familiari
Navigation Bar
Componenti standard
Coerenza dell'interfaccia
👉 L'utente deve orientarsi senza difficoltà .
Feedback
Feedback Immediato
Confermare ogni azione
Comunicare lo stato del sistema
Caricamento
Skeleton Screen
Indicatori di avanzamento
Feedback Visivo
Cambio colore
Animazioni
Evidenziazione dei pulsanti
👉 Ogni azione deve ricevere una risposta.
Ridurre la Digitazione
Form Semplificati
Richiedere solo dati essenziali
Ridurre lo sforzo dell'utente
Pre-compilazione
Riutilizzare dati salvati
Suggerire valori automatici
👉 Meno digitazione = esperienza migliore.
Bottoni
CTA (Call To Action)
Azione principale
Obiettivo dell'app
👉 Ogni pulsante deve avere una chiara priorità .
Design dei Bottoni
Stili
Filled (principale)
Outlined/Ghost (secondario)
Gerarchia visiva
Spaziatura
Distanza adeguata
Evitare tocchi accidentali
Forma
Arrotondati → moderni e amichevoli
Spigolosi → professionali e istituzionali
Errori da Evitare (Don'ts)
Non copiare il design del web
Evitare linguaggio tecnico
Richiedere permessi solo quando necessari
Mantenere l'utente nell'app (In-App Browser)