Strumenti di valutazione per Visual Studio

  • Articolo

Elenco di controllo per l'artigianato per Visual Studio

Usare questo elenco di controllo per valutare la qualità dell'esperienza utente per i dettagli di visualizzazione e interazione.

  • Verificare che tutti i comandi restituisca un feedback che indica agli utenti che sono stati eseguiti i comandi.

  • Verificare che tutti gli elementi e i controlli dell'interfaccia utente siano visibili in tutti i temi e in modalità contrasto elevato.

  • Verificare che la selezione inattiva e attiva sia sempre differenziata, sia in modalità standard che a contrasto elevato.

  • Verificare che lo stato attivo sia sempre visibile e evidente.

Prestazioni

  • Verificare che venga visualizzato un tipo di indicatore "occupato" se il completamento di un comando richiede più di un secondo.

  • Verificare che se il completamento di un comando richiede più di 10 secondi, viene visualizzato un indicatore di stato esplicito, determinato (preferito) o indeterminato.

Testo dell'interfaccia utente

  • Verificare che tutte le etichette siano frasi o maiuscole e minuscole e che nessun testo sia interamente minuscolo.

    Corretto Risposta errata
    Testo del comando (tutti) Maiuscole/minuscole frase:

    Nome directory:    		 Nome directory:
    Testo del pulsante (client) Maiuscole/minuscole titolo:

    [ Imposta come predefinito ]    		 EDIZIONE STANDARD T AS DEFAULT
    Testo pulsante (online) Maiuscole/minuscole frase:

    [ Imposta come predefinito ]

  • Verificare che tutte le etichette, ad eccezione delle intestazioni e dei pulsanti di gruppo, terminano con due punti e precedono il controllo con cui sono associati.

  • Verificare che pulsanti, comandi e collegamenti ai comandi che avviano l'interfaccia utente per acquisire l'input utente finale in un puntoni di sospensione [...].

    Esempi:

    • Pulsante [Avanzate...] in una finestra di dialogo.

    • Le opzioni di comando nel menu Strumenti (Opzioni strumenti>) non devono ottenere i puntini di sospensione, perché l'avvio della finestra di dialogo è la finalità del comando.

  • Verificare che l'interfaccia utente non contenga abbreviazioni, ad eccezione dei termini standard del settore. Ad esempio, non è necessario specificare html o TCP/IP, anche se L'OOM (memoria insufficiente) e le informazioni personali (informazioni personali) devono essere specificate.

Accesso da tastiera

  • Verificare che sia disponibile un modo per eseguire ogni attività con la tastiera. In genere questa operazione viene eseguita tramite l'accesso tramite tastiera per ogni controllo, ma per alcune aree altamente visive, è accettabile una soluzione alternativa, ad esempio l'uso della visualizzazione codice.

  • Verificare che sia possibile scorrere i controlli in un ordine logico (da sinistra a destra e dall'alto verso il basso). Anche se si tratta di una procedura consigliata per la maggior parte dei controlli, non tutti i controlli richiedono questo approccio. Ad esempio, verificare che i controlli pulsante di opzione si trovino in un gruppo con una singola tabulazione.

  • Verificare che tutti i controlli abbiano etichette e che ogni etichetta abbia un carattere mnemonico (le eccezioni includono alcuni controlli non etichettati che potrebbero seguire un controllo etichettato nella scheda).

  • Verificare che non siano presenti conflitti mnemonici.

Tipi di carattere

  • Verificare che tutti i tipi di carattere (viso, dimensione, colore) vengano usati in modo coerente e mantengano la gerarchia.

  • Verificare che tutti gli elementi dell'interfaccia utente usino il servizio tipo di carattere dell'ambiente. (Vedere Tipi di carattere e formattazione per Visual Studio)

    Per verificare se il servizio è in uso, passare a Strumenti > Opzioni > Tipi di carattere e colori. Nell'elenco a discesa Impostazioni scegliere Carattere ambiente e modificare il carattere in modo stilistico diverso (ad esempio Harrington o Comic Sans) e impostare le dimensioni su 12 pt. Quindi fare clic su OK. Potrebbe essere necessario riavviare l'IDE, ma la maggior parte dell'interfaccia utente cambierà immediatamente. Le aree che non recuperano la modifica del tipo di carattere anche al riavvio non usano il tipo di carattere dell'ambiente.

  • Verificare che i tipi di carattere derivati dal servizio (ad esempio, testo in grassetto o ingrandito) mantengano le dimensioni e la formattazione in relazione al testo "normale" quando viene modificata la dimensione del carattere dell'ambiente.

  • Verificare che non siano presenti bug di ritaglio a causa di tipi di carattere ingranditi. I tipi di carattere che vengono ritagliati sono probabilmente il risultato di controlli a altezza fissa o contenitori a altezza fissa.

Finestre di dialogo

  • Verificare che il titolo della finestra di dialogo sia uguale al comando che l'ha avviata.

  • Verificare che tutti i controlli standard siano coerenti con il sistema operativo: il colore di sfondo è standard e nessun controllo deve avere uno stile speciale basato su modelli che li rende diversi dai controlli standard.

  • Verificare che i margini all'interno del modulo siano 12 pixel e che siano uniformi e coerenti.

  • Verificare che i dialoghi vengano visualizzati al centro nella shell dell'IDE o nella finestra che li ha generati.

  • Quando utile, i dialoghi devono essere ridimensionabili. Per le finestre di dialogo ridimensionabili, verificare che al ridimensionamento, i controlli appropriati devono essere ridimensionati mentre altre parti del dialogo rimangono costanti.

  • Verificare che le finestre di dialogo ridimensionabili persistino qualsiasi dimensione modificata dall'utente (dimensioni, posizione, espansione dei controlli finestra di dialogo e così via).

  • Verificare che nella barra del titolo non sia presente alcuna icona.

  • Verificare che nella barra del titolo non siano presenti pulsanti Riduci a icona e Ingrandisci.

Pulsanti di operazione della finestra di dialogo (solo VS Client)

  • Verificare che i pulsanti dell'operazione siano in questo ordine: OK, Annulla, Applica.

  • Verificare che i pulsanti OK e Annulla siano le dimensioni standard: 75x23 pixel.

  • Verificare che i pulsanti OK e Annulla siano di dimensioni uguali indipendentemente dalla lunghezza della stringa.

  • Se l'etichetta in un pulsante dell'operazione richiede che il pulsante sia più ampio di quello standard, verificare che il pulsante Annulla corrispondente sia di dimensioni uguali.

  • Verificare che sia presente una spaziatura interna di 6 pixel tra i pulsanti e i controlli associati.

  • Verificare che i pulsanti OK e Annulla non abbiano mnemonic (tasti di scelta definiti da una lettera sottolineata).

  • Verificare che un pulsante (in genere OK) abbia lo stato attivo per impostazione predefinita.

  • Verificare che Esc annulla la finestra di dialogo

  • Verificare che INVIO esee il pulsante predefinito se lo stato attivo non si trova in un controllo che elabora INVIO.

  • Verificare che i pulsanti OK e Annulla siano posizionati nell'angolo inferiore destro della finestra di dialogo. In rare eccezioni, è accettabile che siano impilate verticalmente in alto a destra.

  • Verificare che la configurazione verticale venga usata solo se gli altri pulsanti si trovano in un allineamento orizzontale all'interno della finestra di dialogo.

Standard di controllo

Generali

  • Verificare che, quando possibile, siano disponibili valori predefiniti validi per velocizzare l'interazione dell'utente e indirizzare gli utenti verso un risultato sicuro o comune.

  • Verificare che i controlli standard si comportino allo stesso modo in modo che gli utenti sappiano cosa accadrà in base all'esperienza precedente.

Controlli etichetta

  • Verificare che ogni controllo abbia un'etichetta e che ogni etichetta sia associata visivamente al controllo (in genere all'interno di un intervallo di 4-6 pixel) e che sia più vicina al controllo corrispondente rispetto ad altri controlli.

  • Verificare che le etichette siano posizionate a sinistra con il bordo sinistro del controllo se posizionate sopra e centrate orizzontalmente, in modo che la linea di base dell'etichetta sia allineata alla linea di base del testo di input se posizionata a sinistra.

  • Verificare che se diversi controlli di input e etichette in pila siano posizionati a sinistra di un controllo, le etichette vengono scaricate a sinistra e una distanza uguale dal bordo della finestra di dialogo, non scaricare mai destra e una distanza uguale dai controlli. Le coppie devono essere distribuite in modo uniforme, a meno che non abbiano bisogno di spaziatura aggiuntiva per indicare il raggruppamento.

Controlli di input (caselle di testo e caselle combinate)

  • Verificare che quando si usa il tipo di carattere dell'ambiente predefinito, l'altezza di visualizzazione per caselle di testo, caselle combinate e pulsanti sono tutti 23 pixel.

  • Se viene usato il testo dell'hint, verificare che il colore sia impostato su Environment.ControlEditHintText usando il servizio colori.

  • Se il campo è un campo obbligatorio che deve essere identificato come tale, verificare:

    • che lo sfondo è impostato su Environment.ControlEditRequiredBackground e il primo piano è impostato su Environment.ControlEditRequiredHintText

    • che all'interno del controllo è presente un testo di suggerimento visualizzato come "<Obbligatorio>"

Controlli pulsante

  • Verificare che i pulsanti siano di dimensioni minime di 75x23 pixel, a meno che non accomodi il testo più lungo.

  • Verificare che i pulsanti abbiano margini sinistro e destro di 3-5 pixel, nonché la spaziatura interna per il contenuto.

  • È accettabile usare un piccolo pulsante quadrato con solo i puntini di sospensione [...] su di esso invece di un pulsante [Sfoglia...] (o funzionalità simili). Se usato, verificare che la dimensione del pulsante sia 23x23.

  • Se è presente più di un pulsante [Sfoglia...] in una finestra di dialogo, verificare che per tutti venga usata la versione abbreviata (solo i puntini di sospensione [...]).

  • Verificare che i pulsanti con i puntini di sospensione [...] non abbiano un mnemonico. Quando lo stato attivo è sul controllo di input accanto, una scheda deve spostare lo stato attivo sul pulsante con i puntini di sospensione.

  • Verificare che pulsanti, comandi e collegamenti ai comandi che avviano l'interfaccia utente secondaria che acquisisce più input utente devono terminare con i puntini di sospensione [...].

  • Verificare che un controllo collegamento ipertestuale non lampeggia mai in rosso quando è attivo. Si tratta di un indicatore che il servizio colori non è in uso

  • Verificare che i colori di Visual Studio usati siano:

    • Environment.ControlLinkText

    • Environment.ControlLinkTextHover

    • Environment.ControlLinkTextPressed

  • Verificare che i collegamenti ipertestuali siano visualizzati in blu senza sottolineatura a meno che non sia incorporato in un paragrafo.

Caselle di controllo

  • Se una casella di controllo contiene testo su più righe, verificare che la casella sia allineata alla prima riga di testo, non allineata verticalmente su tutte le righe.

  • Verificare che le caselle di controllo indichino sempre una scelta binaria e non esplorare l'utente o aprire nuove finestre o pagine.

  • Se una casella di controllo presenta un'opzione correlata a un controllo di input, verificare che sia posizionato a sinistra e molto vicino sotto tale controllo per indicare la relativa relazione.

  • Verificare che una casella di controllo non venga mai utilizzata come mezzo per abilitare l'intero contenuto di una finestra di dialogo o di una pagina.

Caselle di gruppo

  • Verificare che una finestra di dialogo non contenga una singola casella di gruppo che contiene l'intero contenuto della finestra di dialogo.

  • Verificare che siano presenti almeno due controlli all'interno di ogni casella di gruppo.

  • Raramente dovrebbero essere presenti più di due caselle di gruppo in una finestra di dialogo.

  • Verificare che non siano presenti caselle di gruppo nidificate.

Icone

  • Verificare che le icone vengano visualizzate correttamente quando si trova nel tema scuro.

  • Verificare che tutte le icone siano basate sui concetti di base.

  • Verificare che ogni icona sia distinta, facile da riconoscere e non contenga più di due concetti (senza modificatore/linguaggio di stato).

  • Verificare che l'icona di base sia allineata al centro nello spazio.

  • Verificare che tutte le icone siano leggibili in modalità contrasto elevato.

  • Verificare che qualsiasi colore usato sia allineato agli standard di utilizzo dei colori.

  • Verificare che non ci siano alo (bordi) intorno alle icone. Se presente, l'aureola deve corrispondere al colore di sfondo dell'interfaccia utente adiacente.

Interfaccia utente abilitata per il tocco

  • Verificare che i controlli interattivi siano sufficientemente grandi da essere facilmente toccabili: dimensioni minime di 23x23 pixel

  • Verificare che le dimensioni dei controlli usati più di frequente siano di almeno 40x40 pixel .

  • Verificare che i controlli interattivi abbiano almeno 5 pixel di spaziatura tra di essi