Informazioni sulle app ottimizzate per i dispositivi mobili

Completato

Durante la progettazione e la creazione di un'app canvas ottimizzata per dispositivi mobili in Power Apps, si dovranno prendere in considerazione diversi elementi di progettazione.

Un'app canvas ottimizzata per dispositivi mobili dovrebbe avere le seguenti caratteristiche progettuali:

  • Scopo ben definito

  • Progettazione dinamica [Bring your own device (BYOD)]

  • Interfaccia utente semplice

  • Navigazione intuitiva

  • Indipendenza da periferiche esterne

  • Funzionalità offline

  • Avvisi di connettività

  • Configurazione perfetta

  • Ottimizzazione per le prestazioni

Scopo chiaramente definito

Un'applicazione ottimizzata per dispositivi mobili dovrebbe avere uno scopo chiaramente definito. Quando le persone usano le app in modalità mobile, un minor numero di azioni necessarie per eseguire l'attività è correlato direttamente a una migliore esperienza utente.

Determinare se si desidera un'unica app con molte azioni diverse, ad esempio un'applicazione di magazzino per dispositivi mobili che esegue tutte le azioni per la gestione dell'inventario. Oppure si potrebbe desiderare una singola applicazione per uno scopo specifico, come la creazione di clienti. Quindi, porsi le seguenti domande chiarificatrici:

  • È più facile tornare alla home page per completare diverse azioni o è più semplice uscire dall'app per completare un'altra azione?

  • Per i dipendenti di un'organizzazione navigare tra più app è un'esperienza migliore?

  • Se esiste una sola applicazione, questa tenta di eseguire troppe azioni, con l'effetto di complicare lo scopo?

Quando si progettano i moduli dell'app, assicurarsi che ogni modulo abbia uno scopo che è possibile definire con un'unica semplice frase. Non cedere alla tentazione di un singolo modulo con troppi scopi, come la creazione di clienti e i contatti con i clienti. Valutare invece se sia opportuno creare vari moduli, ciascuno con uno scopo specifico.

Progettazione dinamica

Qualsiasi applicazione per dispositivi mobili o sito Web che riteniamo ottimizzata/o per dispositivi mobili dovrebbe adattarsi all'applicazione in cui viene visualizzata.

Ad esempio, l'accesso a un sito Web come Microsoft.com può avvenire nella visualizzazione desktop o mobile. L'applicazione o il sito Web modifica il proprio layout in base al tipo di visualizzazione. L'esempio seguente mostra Microsoft.com nella visualizzazione desktop e quindi una visualizzazione ottimizzata per dispositivi mobili.

Screenshot di una progettazione reattiva che mostra uno schermo ottimizzato per browser desktop e mobili.

Interfaccia utente semplice

Resistere alla tentazione di includere troppi campi e controlli di input in un modulo.

Potrebbe sembrare una buona idea includere tutti i campi che le persone potrebbero voler usare per un'attività, come la creazione di un cliente, in modo che l'app canvas sia completa. Tuttavia, fornire diversi controlli aggiuntivi che le persone utilizzano raramente crea un'interfaccia disordinata e rende necessario scorrere più a lungo la pagina e andare alla ricerca affannosa dei campi usati più spesso. Prendere invece in considerazione la creazione di un modulo compatto e di un altro modulo in cui inserire i campi delle opzioni avanzate che le persone usano solo in poche occasioni.

Se gli utenti sono costretti a scorrere varie schermate, la loro esperienza potrebbero essere negativa.

Quando è necessario un pulsante, come Invia, valutare dove posizionare il pulsante chiedendosi in quale punto sia più facile per gli utenti selezionarlo.

Progettazione semplice:

  • Se in una schermata sono presenti troppi pulsanti e campi, gli utenti potrebbero selezionare un pulsante o un campo per errore.

  • Prendere in considerazione l'aggiunta di spazio "tampone" attorno ai campi e ai pulsanti Invia in previsione di un certo margine di errore dell'utente.

Navigazione intuitiva

Un'app ottimizzata per dispositivi mobili non dovrebbe essere corredata da un manuale utente complesso. Organizzare le attività e le azioni aziendali in modo da guidare l'utente nelle sue attività quotidiane.

Nota

Non esiste un modo unico e corretto di creare l'interfaccia utente.

Determinare il modo più logico per organizzare le attività per un utente in base allo scopo precedentemente definito. Considerare i due scenari seguenti:

  • Un team usa l'app per dispositivi mobili per creare ordini di vendita il 90% delle volte e creare nuovi clienti il 20% delle volte. Di conseguenza, il primo pulsante di navigazione dovrebbe essere il modulo di creazione dell'ordine di vendita e il secondo pulsante di navigazione dovrebbe essere il modulo di creazione del cliente.

  • Un team usa l'app per dispositivi mobili per trovare nuovi clienti creando il primo ordine, anziché cercare prima il cliente e quindi usare la compilazione automatica nel modulo d'ordine. Di conseguenza, il primo pulsante di navigazione dovrebbe permettere di trovare il modulo del cliente mentre il secondo dovrebbe facilitare la ricerca del modulo di creazione dell'ordine di vendita.

Gli utenti vogliono un modo quanto più semplice possibile per tornare al punto di partenza, ossia alla schermata principale. Pertanto, tenere presenti le seguenti considerazioni durante la creazione della navigazione per tornare alla home page:

  • Ciascun modulo dovrebbe includere un modo semplice per tornare alla schermata principale per eseguire un'altra azione.

  • Chiedere a un cliente di tornare a un punto centrale attraverso più azioni si traduce in un'esperienza utente mediocre.

  • Se un utente completa un'attività specifica e non ha nuove attività da compiere, l'app deve riportarlo automaticamente alla posizione iniziale, dove potrà eseguire le azioni successive.

Esclusione delle periferiche esterne

Probabilmente, gli utenti che usano un telefono o un tablet non avranno mouse e tastiera.

Quando si progetta l'interfaccia utente dell'applicazione, si dovrebbe provare a immaginare di tenere in una mano un dispositivo specifico e interagire con l'applicazione per poter determinare se l'esperienza utente è soddisfacente o meno. Ad esempio, quando un utente immette le informazioni in un campo, è probabile che sullo schermo venga visualizzata una tastiera, quindi è necessario determinare se tale fattore influirà sull'esperienza utente.

Inclusione di funzionalità offline

Le persone che usano app per dispositivi mobili a volte si ritrovano senza servizio cellulare e Wi-Fi. Porsi le seguenti domande per determinare quando le app potrebbero aver bisogno di funzionalità offline:

  • Gli utenti hanno bisogno dell'app in un luogo in cui potrebbero dover eseguire un'azione senza disporre di una connessione a Internet?

  • Includere funzionalità offline in un'app canvas può essere complesso. Vale la pena impegnarsi per consentire di eseguire le azioni offline?

  • Le azioni che devono essere eseguite offline sono non disponibili sul dispositivo, ad esempio la lettura/scrittura di dati disponibili solo in un luogo specifico?

Avvisi di connettività

In una soluzione cloud-first, la connettività al cloud è fondamentale. La maggior parte degli utenti immagina di disporre di una connessione a Internet quando accede all'app canvas.

Diagramma di un dispositivo mobile che esegue un download dal cloud.

I vari moduli e azioni che richiedono la connettività Internet dovrebbero includere una verifica del modulo. Prima che l'utente tenti di inserire i dati, questa verifica del modulo può avvisare l'utente che l'applicazione mobile è in modalità offline e che l'azione non è disponibile. Ad esempio, se l'azione di creazione di un cliente richiede la connettività, l'applicazione non dovrebbe consentire a un utente di accedere al modulo di creazione del cliente e di inserire i dati quando l'applicazione mobile è offline.

Avvertire l'utente in modo tempestivo consente di limitare potenziali reimmissioni dei dati. Si dovrebbe considerare di includere un indicatore di avviso, come un banner nella parte superiore dello schermo che indica che l'applicazione mobile è disconnessa.

Configurazione perfetta

Una configurazione perfetta è fondamentale per gli utenti che decidono di usare l'app. La distribuzione di Power Apps da parte di Microsoft elimina i problemi della distribuzione, ma un certo grado di configurazione potrebbe essere necessario negli scenari di connessione di tali app alle origini dati necessarie o di accesso degli utenti.

Quando si richiede all'utente di inserire i dati necessari, ad esempio l'URL di un'applicazione o un'API, è consigliabile includere suggerimenti per consentire agli utenti di trovare tali dati. Supponiamo che l'utente usi l'app per la prima volta e abbia bisogno di essere guidato.

Inoltre, si dovrebbe considerare di includere una descrizione completa e diretta dell'applicazione mobile che indichi agli utenti quale app viene usata.

Ottimizzazione per le prestazioni

Le prestazioni sono più importanti per le applicazioni mobili che per le applicazioni desktop. I limiti del multitasking quando si compiono varie attività su un telefono cellulare rendono le prestazioni un fattore importante. Gli utenti desktop possono passare senza sforzo a un'altra applicazione mentre l'app canvas esegue attività specifiche.

Diagramma che mostra considerazioni sull'ottimizzazione di un'app.

Quando si ottimizza l'app per le prestazioni, si dovrebbe:

  • Considerare le origini dati e la complessità dei dati che vengono recuperati.

  • Valutare i connettori di dati usati per l'applicazione.

  • Cercare di eliminare le origini dati complesse o non necessarie.

  • Provare a recuperare solo il numero specifico di record necessari per una determinata azione.

In sintesi, quando si prevede di creare un'applicazione per dispositivi mobili, è consigliabile riflettere attentamente sulla progettazione prima di procedere alla creazione. È più semplice chiarire il percorso prima di iniziare anziché correggere un'app già creata.