Organizzare il menu del sito attorno a compiti concreti
Colleghi le pagine esistenti ai compiti dei visitatori. Un esempio compilato chiarisce le etichette del menu, le destinazioni e la verifica successiva.
Pianifichi il menu del sito in base a ciò che i visitatori vogliono fare. Occorre sapere quali contenuti esistono e a quale domanda risponde ogni pagina di destinazione. I nomi dei reparti della Sua azienda sono, inizialmente, solo un possibile criterio di organizzazione.
Collegare un contenuto esistente a un compito
Il seguente esempio è inventato. Il sito di un fornitore software comprende una pagina sull’integrazione, un modulo per richieste di progetto e la guida di un portale già utilizzato. Gli identificatori indicano pagine di questo esempio, non percorsi reali di ASES.
La tabella mostra una parte della navigazione. Le etichette sono proposte; l’associazione alle destinazioni è un’aspettativa da verificare in seguito, non il risultato di uno studio con utenti.
Compito | Contenuto esistente | Voce di menu proposta | Destinazione |
|---|---|---|---|
Verificare se il fornitore può trasferire dati dei clienti tra CRM ed ERP. | Integrazione dei sistemi con flussi di dati, limiti e modalità di contatto. | Collegare i sistemi |
|
Descrivere un’applicazione web prevista e indicare i propri recapiti. | Richiesta di progetto con informazioni sul lavoro e sul contatto. | Proporre un progetto |
|
Leggere come funziona l’esportazione di un file nel portale già utilizzato. | Guida del portale con le istruzioni corrispondenti. | Guida del portale |
|
La pagina di destinazione deve mantenere la promessa della voce di menu. Una panoramica generale dei servizi, per esempio, non basta se manca l’informazione cercata sull’integrazione. Esamini il contenuto prima di limitarsi a rinominare il collegamento.
Esaminare le etichette attraverso i compiti
GOV.UK raccomanda compiti di prova concreti e credibili che non rivelino la soluzione. Affidi, per esempio, il primo compito della tabella a una persona adatta alla prova. Non indichi quale voce scegliere. Osservi l’etichetta scelta, le deviazioni e il risultato sulla pagina di destinazione.
Chieda poi se l’informazione trovata risponde al compito. Il primo clic, da solo, non lo dimostra. Registri separatamente osservazione e interpretazione: una destinazione errata può dipendere dall’etichetta, dal raggruppamento o da contenuti mancanti. Un singolo tentativo non fornisce un tasso generale di successo.
Mantenere l’orientamento sugli schermi piccoli
Il tutorial WAI descrive la struttura semantica e la coerenza delle voci visibili tra diverse dimensioni dello schermo. Un menu mobile espandibile deve supportare gli stessi compiti. Le voci visibili in entrambe le viste devono mantenere ordine, testo e destinazione; la pagina corrente deve essere riconoscibile.
Preveda esplicitamente traduzioni lunghe e più livelli di navigazione. Spostare una voce in un sottogruppo è una decisione sui contenuti, oltre che sullo spazio. Verifichi che i tre compiti restino eseguibili anche lì senza spiegazioni.
Verificare anche l’uso della navigazione
L’esempio WAI-ARIA distingue la normale navigazione di un sito da un menu applicativo con comandi da tastiera specifici. Il ruolo menu non è automaticamente adatto ai normali collegamenti di navigazione. Usi collegamenti comprensibili e controlli appropriati per espandere le sezioni; il loro stato e il focus devono essere chiari.
Nella versione implementata, verifichi l’uso da tastiera, l’ingrandimento e una configurazione adeguata di lettore di schermo. L’esame delle tre destinazioni non sostituisce questo controllo tecnico. Adotti etichette e gruppi quando comprensione del compito, contenuto di destinazione e uso sono coerenti; mantenga visibili i rilievi ancora aperti.
Fonti
Continuate a leggere
Tutti gli articoli
Design & UX con ASES
Esperienza utente, interfacce e immagine del marchio