Utilizza l'app su dispositivi mobili e schermi di piccole dimensioni
L’app si adatta agli schermi di piccole dimensioni spostando la navigazione e le azioni secondarie in aree compatte come la navigazione in basso, i cassetti e altri menu. L’obiettivo è mantenere utilizzabile l’area di lavoro principale pur mantenendo le azioni disponibili.
Prima di iniziare
- Devi trovarti in uno spazio in cui la funzionalità è disponibile.
- Alcune azioni potrebbero comunque dipendere dalle autorizzazioni o dalle impostazioni dello spazio.
Come funziona la navigazione dell’app
- Le destinazioni principali rimangono disponibili tramite la navigazione mobile.
- Le azioni della pagina secondaria possono essere spostate in un menu della barra degli strumenti.
- Le finestre di dialogo possono diventare fogli o cassetti a schermo intero.
- Le demo guidate dovrebbero concentrarsi su un’azione alla volta in modo che UI evidenziato rimanga visibile.
Risultato previsto: puoi completare gli stessi processi principali sui dispositivi mobili, anche quando i controlli sono disposti diversamente.
Trova la navigazione principale
- Cerca la navigazione in basso o il menu Altre azioni.
- Seleziona l’area del prodotto di cui hai bisogno, ad esempio Raccolte, Chat, CRM, Impostazioni o Ricerca.
- Utilizza il controllo indietro, il breadcrumb o l’azione di chiusura per tornare all’area precedente.
Trova azioni sulla pagina
- Guarda vicino al titolo della pagina o alla barra degli strumenti per individuare le azioni principali.
- Se un’azione non è visibile, apri il menu Altro della pagina.
- In Elenchi, controlla la barra degli strumenti compatta per filtrare, ordinare, raggruppare, visualizzare e altre azioni.
- Nelle finestre di dialogo, controlla l’intestazione e il piè di pagina della finestra di dialogo per salvare, chiudere e altre azioni.
Utilizza le guide su dispositivi mobili
- Avvia la guida da un articolo della guida o da un indicatore della guida.
- Leggi il testo del passaggio.
- Segui il bersaglio evidenziato.
- Se la destinazione è nascosta dietro un cassetto o una finestra di dialogo, chiudi i pannelli non correlati e riavvia la guida.
Risoluzione dei problemi
Un pulsante mostrato nei documenti non è visibile sui dispositivi mobili
- Sintomo: l’articolo nomina un’azione, ma non puoi vederla.
- Causa: l’azione potrebbe trovarsi all’interno di una barra degli strumenti compatta, di un cassetto o di più menu su dispositivi mobili.
- Risoluzione:
- Controlla la barra degli strumenti della pagina.
- Apri il menu Altro.
- Controlla la navigazione in basso.
- Ruota il dispositivo o utilizza una finestra del browser più ampia se l’azione non è ancora visibile.
Una guida copre una parte eccessiva dello schermo
- Sintomo: la scheda guida nasconde lo UI che devi utilizzare.
- Causa: gli schermi dei dispositivi mobili hanno meno spazio sia per l’app UI che per il testo guida.
- Risoluzione:
- Scorri la pagina se possibile.
- Chiudi le finestre di dialogo non correlate.
- Utilizza la guida un passo alla volta.
- Segnalare alla guida se il bersaglio evidenziato rimane bloccato.
Una finestra di dialogo appare diversa sui dispositivi mobili
- Sintomo: una finestra di dialogo sul desktop viene visualizzata come un pannello o un cassetto a schermo intero sui dispositivi mobili.
- Causa: l’app utilizza finestre di dialogo reattive in modo che moduli ed elenchi rimangano utilizzabili su schermi di piccole dimensioni.
- Risoluzione:
- Utilizza l’azione di chiusura o indietro dell’intestazione.
- Controlla l’area inferiore o piè di pagina per i pulsanti di azione principali.
- Cerca nella Guida la funzione se non riesci a trovare l’azione.
FAQ
Tutte le azioni desktop sono disponibili sui dispositivi mobili?
Le azioni principali dovrebbero rimanere disponibili, ma la loro posizione potrebbe cambiare. Le autorizzazioni e le impostazioni dello spazio possono comunque nascondere le azioni su qualsiasi dispositivo.