Condividi tramite


Raccomandazioni per dare priorità alla facilità d'utilizzo

Si applica a questa raccomandazione dell'elenco di controllo di ottimizzazione dell'esperienza di Power Platform Well-Architected:

XO:04 Dai priorità alla facilità di utilizzo durante il processo di progettazione. Riduci al minimo lo sforzo dell'utente e massimizza l'efficienza delle attività. Semplifica i processi complessi. Allinea le decisioni di progettazione alle esigenze degli utenti.

Questa guida descrive le raccomandazioni per migliorare l'usabilità nella progettazione dell'interfaccia utente. L'usabilità si riferisce alla facilità di utilizzo e all'efficacia di un prodotto per gli utenti a cui è destinato. L'usabilità influisce direttamente sulla soddisfazione dell'utente, sugli errori e sulle interazioni complessive con l'interfaccia digitale, incidendo in ultima analisi sul successo complessivo di un'applicazione.

Strategie di progettazione chiave

L'usabilità è un attributo di qualità che valuta la facilità d'uso delle interfacce utente. La parola "usabilità" si riferisce anche a metodi per migliorare la facilità di utilizzo durante il processo di progettazione.

L'usabilità è definita da cinque componenti di qualità:

Componente Descrzione
Apprendibilità Con quanta facilità è possibile eseguire attività la prima volta e quanto velocemente gli utenti imparano dalle loro esperienze precedenti?
Efficienza Dopo che gli utenti hanno appreso la progettazione, con quale rapidità possono eseguire le attività?
Memorabilità Quando gli utenti tornano alla progettazione dopo un periodo di non utilizzo, con quanta facilità possono ristabilire la preparazione?
Errori Quanti errori commettono gli utenti, qual è la loro gravità e con quanta facilità possono essere ripristinati?
Soddisfazione Quanto è piacevole usare la progettazione?

Visibilità dello stato del sistema

Il sistema deve sempre tenere gli utenti informati su ciò che sta accadendo, attraverso un feedback adeguato entro un tempo ragionevole.

Visualizza dettagli importanti sullo stato attuale del sistema in ubicazioni chiare e intuitive. Ad esempio, se gli elementi vengono selezionati da un elenco, deve essere visualizzato il numero di elementi selezionati.

Screenshot che mostra il numero di elementi selezionati.

Utilizza indicatori di avanzamento o animazioni di caricamento per rassicurare gli utenti che la loro richiesta è in fase di elaborazione. Questi indicatori visivi prevengono la frustrazione derivante dall’incertezza e aiutano a gestire le aspettative. Senza di essi, gli utenti potrebbero percepire il sistema come lento o che non risponde e abbandonare l'attività.

Gli aggiornamenti in tempo reale mantengono gli utenti coinvolti e informati sull'esito delle loro azioni. Utilizza messaggi di stato o notifiche per comunicare chiaramente azioni riuscite o errori. È prassi comune inviare notifiche al completamento dei processi asincroni e gli utenti devono sapere quando devono cercare una notifica.

Incorpora indicatori codificati a colori in diversi stati per un rapido riconoscimento e comprensione dello stato del sistema. Il colore viene elaborato più velocemente del testo, facilitando la comprensione rapida delle informazioni da parte dell'utente.

Riflettere il mondo reale

Il sistema deve parlare la lingua degli utenti, utilizzando parole, frasi e concetti che comprendono, piuttosto che termini orientati al sistema. Segui le convenzioni del mondo reale e presenta le informazioni in un ordine naturale e logico.

Utilizza terminologia e concetti familiari agli utenti ed evita il gergo che potrebbe alienarli. Le persone tendono a cogliere rapidamente lo scopo e la funzionalità di un sistema quando parla la loro lingua.

Strutturare le informazioni di sistema in modo da rispecchiare gli scenari e le convenzioni comprensibili agli utenti. Presentare le informazioni in una sequenza naturale e logica che risuona con processi familiari o del mondo reale per facilitare l'adozione della tecnologia nella vita dell'utente.

Screenshot di un campo del modulo dell'indirizzo e-mail obbligatorio, con un'e-mail digitata in modo errato, che visualizza un errore indicante un formato dell'indirizzo e-mail errato.

Controllo e libertà dell'utente

Gli utenti potrebbero selezionare inavvertitamente funzioni del sistema e avranno bisogno di un'"uscita di emergenza" chiaramente contrassegnata per uscire dallo stato indesiderato senza dover passare attraverso una finestra di dialogo estesa. Supporta i comandi Annulla e Ripeti.

Screenshot di un pulsante neutro che riporta la scritta

Quando ragionevole, supporta vari metodi di input per soddisfare gli utenti con preferenze ed esigenze di accessibilità diverse. Le scelte rapide da tastiera, i tocchi, i comandi vocali o i clic del mouse garantiscono che gli utenti possano interagire con l'interfaccia utilizzando il metodo che preferiscono.

Il controllo granulare sui dati e sulle impostazioni della privacy è fondamentale per rispettare l’autonomia degli utenti e creare fiducia. La modifica delle impostazioni sulla privacy, l'eliminazione o l'esportazione dei dati e il controllo delle autorizzazioni di accesso per le applicazioni di terze parti garantiscono agli utenti il controllo sulle proprie informazioni. Offrire spiegazioni chiare e informative trasparenti su pratiche di raccolta dei dati, misure di sicurezza e diritti degli utenti consente un processo decisionale informato e promuove la trasparenza e la responsabilità.

Coerenza e standard

Mantenere la coerenza nella progettazione per garantire che gli utenti possano riconoscere e comprendere facilmente gli indicatori di stato, riducendo il carico cognitivo e migliorando l'usabilità. Gli utenti non devono chiedersi se parole, situazioni o azioni diverse significano la stessa cosa.

Se i modelli di esperienza ripetibili appaiono diversi, gli utenti avranno difficoltà a interpretare il significato della variazione introdotta, portando a inefficienze nella comprensione e nel completamento delle attività. L'utilizzo di una serie di controlli coordinati aiuta a garantire che gli elementi visivi siano coerenti su tutte le schermate e le esperienze.

Screenshot di due differenti modelli di interfaccia utente, uno per aprire la schermata successiva con un controllo pulsante e un altro modello per aprire la schermata con un controllo collegamento.

Prevenzione degli errori

Una soluzione ancora migliore di messaggi di errore appropriati è una progettazione attenta che impedisca in primo luogo il verificarsi di un problema. Elimina le condizioni soggette a errori oppure verificale e presenta agli utenti un'opzione di conferma prima che eseguano l'azione. Affronta in modo proattivo potenziali problemi nell'interfaccia per mantenere la continuità del flusso di lavoro.

Screenshot di un esempio di controllo di convalida del modulo prima dell'invio.

Riconoscimento piuttosto che richiamo

Riduci al minimo il carico di memoria dell'utente rendendo visibili oggetti, azioni e opzioni. L'utente non dovrebbe dover ricordare informazioni da una parte all'altra dell'app. Le istruzioni devono essere visibili o facilmente recuperabili quando appropriato.

Quando si progettano i moduli, valutare se fornire agli utenti opzioni predefinite tra cui scegliere o consentire l'immissione di testo libero. Questa scelta potrebbe essere determinata dal tipo di dati, ma dovrebbe essere ponderata anche a livello di layer. Opta per opzioni predefinite quando la velocità e la comodità sono fondamentali e scegli l'input di testo libero per scenari che richiedono dettagli più ricchi o risposte personalizzate.

Fornisci indicazioni e risorse per evitare la necessità di richiamare informazioni importanti dalla memoria. I modelli di interfaccia utente comuni includono icone della guida contestuale, documentazione in linea, descrizioni comandi, esercitazioni incorporate, menu della guida su richiesta, Knowledge Base ricercabili e widget di aiuto interattivi come risorse abilitate all'intelligenza artificiale.

Screenshot di un confronto tra un elenco di controllo con una serie di opzioni e una serie di campi di input di testo per risposte a testo libero.

Flessibilità ed efficienza di utilizzo

Accogli utenti con diversi livelli di competenza incorporando funzionalità come acceleratori e opzioni di personalizzazione. Questo approccio consente all'interfaccia di adattarsi in modo efficace alle esigenze e alle preferenze sia degli utenti principianti che di quelli esperti.

Gli acceleratori, spesso inosservati dagli utenti inesperti, possono velocizzare l'interazione per gli utenti esperti, consentendo al sistema di soddisfare efficacemente sia gli utenti inesperti sia quelli più esperti.

Le opzioni di personalizzazione consentono agli utenti di adattare l'interfaccia alle proprie preferenze, personalizzando l'esperienza complessiva. Fornire opzioni per riorganizzare gli elementi dell'interfaccia (ad esempio, schede di dashboard) o creare scorciatoie personalizzate per le funzionalità utilizzate di frequente, migliora l'efficienza dell'utente e il comfort nella navigazione nel sistema. Soddisfare le diverse competenze e preferenze degli utenti favorisce un senso di appartenenza e di investimento personale in un'esperienza.

Screenshot di un riquadro dei filtri con un collegamento ai filtri salvati seguiti dall'esperienza di filtro principale.

Progettazione estetica e minimalista

Dai la priorità ad aggiornamenti di stato chiari e mirati per consentire agli utenti di comprendere immediatamente e più facilmente le informazioni. Questo approccio riduce lo sforzo cognitivo e minimizza il rischio di interpretazioni errate, frustrazione o disimpegno.

I dialoghi non devono contenere informazioni irrilevanti o raramente necessarie. Ogni unità di informazione aggiuntiva in un dialogo compete con le unità di informazione pertinenti e diminuisce la relativa visibilità delle stesse.

Screenshot di una finestra di dialogo con una domanda sintetica e attuabile, con un pulsante principale

Aiutare gli utenti a riconoscere, diagnosticare ed eseguire il ripristino degli errori

I messaggi di errore devono essere espressi in un linguaggio semplice, senza codice, indicare con precisione il problema e suggerire una soluzione in modo costruttivo.

Fornisci una guida contestuale o indicazioni per assistere gli utenti nella risoluzione dei problemi o nella comprensione dei ritardi. Questo approccio aiuta gli utenti a determinare i passaggi successivi appropriati, soprattutto quando si trovano ad affrontare ostacoli o attività complesse. Anziché presentare semplicemente un problema, offri una soluzione chiara e incorpora funzionalità integrate per accelerarne la risoluzione.

Screenshot di un messaggio di errore con una spiegazione chiara del messaggio e suggerimenti per riprovare.

Guida e documentazione

Anche se il sistema deve essere sufficientemente intuitivo da poter essere utilizzato senza documentazione, potrebbero esserci casi in cui sono necessari aiuto e documentazione. In questi casi, assicurarsi che le informazioni siano facili da trovare, orientate all'attività, concise e forniscano chiare istruzioni dettagliate.

Screenshot dell'interfaccia del riquadro della guida accessibile dalla barra dei comandi in alto.

Facilitazione di Power Platform

Le esperienze basate su Copilot in Power Apps possono aiutare gli utenti a scoprire informazioni preziose durante le conversazioni:

Per le app canvas, puoi indicare gli stati di avanzamento e caricamento con i controlli moderni barra di avanzamento e selettore . Utilizza il controllo badge per visualizzare le informazioni sullo stato.

Implementa una gestione efficace degli errori nelle app canvas nel client utilizzando espressioni Power Fx correlate agli errori. Definisci gli errori lato server personalizzati con Power Fx utilizzando plugin con poco codice, che includono la convalida prima dell'operazione.

Nelle app basate su modello, dove l'usabilità è integrata nell'interfaccia, concentrati sulla configurazione degli aspetti dell'esperienza che migliorano l'usabilità. Un esempio di acceleratore integrato è la funzionalità Visualizzazioni personali, che consente agli utenti di salvare le preferenze di filtro e colonna per una tabella in un'app. Inoltre, configura pagine della guida personalizzate per offrire una risorsa della guida dettagliata nell'app.

Elenco di controllo Ottimizzazione dell'esperienza