2009-10-10 10 views
5

Stavo dando un'occhiata alla domanda Worst UI You’ve Ever Used, quando ho capito che molti di essi riguardavano la finestra delle opzioni di alcune applicazioni. Questa è ovviamente un'area in cui uno sviluppatore potrebbe "perdere" facilmente, dal momento che ci sono spesso un gran numero di opzioni disponibili che possono essere difficili da organizzare. (Soprattutto per il programmatore stereotipato)Cosa rende una buona finestra di dialogo opzioni/impostazioni?

Così da quando mi sto preparando a progettare una finestra di dialogo delle opzioni per la mia applicazione, mi chiedevo: cosa rende una buona finestra di dialogo delle opzioni?

Schede? Una vista ad albero gerarchica come Visual Studio che si comporta come una scheda? (Attualmente mi sto appoggiando a questo)

Cosa ne pensi?

risposta

4

Le finestre delle opzioni tendono ad essere affollate, ingombre e confuse, rendendo difficile per l'utente trovare l'opzione che desidera. Sono spesso gettati insieme all'ultimo minuto del design senza un sacco di pensieri o di coordinamento con il resto del design. Questo è ciò che li rende un bersaglio comune del ridicolo. Ecco come evitare quel destino.

Limita il numero di opzioni. Meno sono le opzioni, meno sono le cose da oscurare ciò che l'utente desidera davvero.

  • Limita le opzioni a quelle che soddisfano le differenze individuali note nei tuoi utenti.Ad esempio, se i tuoi utenti provengono da diversi sistemi legacy, potresti avere un'opzione per emulare le scorciatoie da tastiera di ciascun sistema.

  • Anche in questo caso, considerare che forzare un numero limitato di utenti a effettuare un piccolo cambiamento nell'abitudine può valere il risparmio di usabilità in caso di confusione associata all'aggiunta di un'altra opzione. Ricorda che avere un'unica interfaccia utente standard per tutti gli utenti aiuta gli utenti a supportarsi a vicenda.

  • A meno che l'app non abbia un lato "giocoso" (come Facebook), evitare le opzioni per le preferenze estetiche banali. Concentrati sulle opzioni che migliorano le prestazioni delle attività per gli utenti selezionati (ad es. Opzioni che supportano l'accessibilità).

  • Non utilizzare un'opzione per forzare l'utente a prendere decisioni sul design che dovresti effettuare. Ad esempio, non sono disponibili opzioni per la scelta di posizioni di controllo o codifica a colori colore per colore. I tuoi utenti non sono progettisti dell'interfaccia utente e in quasi tutti i casi, puoi ottenere un compromesso di design migliore rispetto all'utente medio.

  • Non utilizzare le opzioni per impostare gli attributi dei dati (ad es. I margini di un documento specifico). Le opzioni sono attributi dell'applicazione e dovrebbero essere applicate per impostazione predefinita a qualsiasi dato visualizzato.

Organizzare le opzioni in base alla funzione così come lo vedono gli utenti. Potresti utilizzare un card-sort method per classificare le tue opzioni. Non nascondere le opzioni meno comunemente utilizzate su una scheda o una finestra di dialogo "avanzate". Potresti avere statistiche sull'uso di ciascuna opzione ma i tuoi utenti no. Non hanno modo di sapere se l'opzione che cercano è "avanzata" o meno, costringendoli a cercare nella scheda Avanzate cassetto spazzatura oltre alle altre schede.

Sposta la funzionalità fuori dalla finestra Opzioni e la rende prossimale al luogo in cui l'utente decide di impostare un'opzione. Piuttosto che avere un'opzione per impostare un valore predefinito, utilizzare la stessa interfaccia per sovrascrivere i valori predefiniti. Puoi avere un pulsante "Crea questa stampante come predefinito" nella finestra di dialogo Stampa. Includere una voce di menu "Mantieni vista" nel menu Visualizza che mantiene tra le sessioni le selezioni di ordinamento, filtraggio e colonna impostate dall'utente per la finestra. In alternativa, considera di preservare automaticamente la vista, anche le dimensioni e le posizioni delle finestre, le sessioni cross e fornire una voce di menu Vista predefinita per ripristinarla.

Se si dispone di un numero molto elevato di opzioni, considerare di avere un menu a discesa dedicato per loro sulla barra dei menu, con ciascuna voce di menu che apre una finestra di dialogo diversa per ciascuna categoria principale di opzioni. Schede o alberi a più livelli nelle finestre di dialogo sono il modo in cui la natura della finestra delle opzioni è troppo complessa.

Un menu a discesa Opzioni/Preferenze dedicato è anche un buon posto per mettere tre o quattro voci di menu di adattamento/variabile che anticipano le opzioni che un utente vorrebbe impostare in un determinato contesto. Ad esempio, quando arriva un'e-mail, può apparire una voce di menu che imposta i parametri di avviso per la nuova e-mail (ad es., Audio dato, notifica mostrata). Quando l'utente cambia la stampante predefinita in qualcos'altro, può apparire una voce di menu per fare in modo che la nuova stampante sia la stampante predefinita.

Utilizzare la progettazione grafica in stile Web, le piccole illustrazioni e la gerarchia visiva per rendere le opzioni più facili da trovare e comprendere su un determinato pannello. Usa dimensioni, colore e/o peso del carattere per rendere salienti le opzioni comunemente usate, mentre continui ad organizzare tutte le opzioni per funzione.Qualcosa di simile:

Section headings in large font. Common options in bold print http://www.zuschlogin.com/content/blogimages/27/OptionsVariability.gif

Incoraggiare facile l'esplorazione e la sperimentazione di opzioni:

  • Le caselle di controllo e altri controlli per le opzioni nelle finestre Opzioni dovrebbero applicarsi immediatamente sul selezione in modo l'utente può vedere immediatamente l'impatto di ogni opzione come è selezionata. Non ci dovrebbero essere pulsanti OK e No, ma solo un pulsante Chiudi (potrebbe anche esserci un pulsante Reset o Undo). È frustrante aprire la tipica finestra di dialogo Opzioni, selezionare un'opzione e premere OK, solo per trovarne una ha impostato l'opzione sbagliata e deve ricominciare da capo. Inoltre, se l'utente seleziona più opzioni, fa clic su OK (o Applica) e termina con un'interfaccia utente completamente fuori controllo, l'utente non saprà necessariamente quale opzione deve essere annullata; l'utente potrebbe non ricordare nemmeno tutte le opzioni selezionate.

  • Includi "Cos'è questo?" Guida per ogni opzione in modo che gli utenti possano scoprire di più su cosa un'opzione fa e quando deve essere utilizzata.

  • Considerare di rendere la finestra Opzione non modale, in modo che l'utente possa spostarsi all'interno della finestra principale per vedere meglio cosa fa un'opzione.

  • Accertarsi che tutti i nomi di opzione e i relativi sinonimi siano nella documentazione della Guida e assicurarsi che la documentazione della Guida mostri esattamente dove si trova l'opzione. Spesso gli utenti potrebbero non sapere se esiste un'opzione, o se si tratta di una "opzione" o di un altro tipo di comando.

3

Rendi le opzioni più comuni facili da trovare e le opzioni avanzate "opzionali" per persino guardare ... Nascondere le opzioni a cui il 99% dei tuoi utenti non interessa è molto efficace.

Il problema principale non è travolgere il pubblico. Le finestre di dialogo delle opzioni tendono ad essere pazzesche, solo perché le persone mettono tutte le opzioni disponibili lì.

Avere un buon raggruppamento logico di opzioni, con opzioni comuni facili, e sezioni "avanzate" che rendono le opzioni oscure meno evidenti di solito è più importante di un layout specifico.

+0

Credo che questo serve anche a dare un'esperienza di "hacking" per gli utenti avanzati alla l'about: config –

2

Penso che questo dipenda molto dal numero di opzioni disponibili, dai raggruppamenti logici e da dove possono provenire (applicazione, plugin esterni, ecc.) La finestra di dialogo in stile albero utilizzata da Visual Studio è una buona scelta a causa dell'elevato numero di opzioni e dei numerosi plugin/pacchetti che forniscono opzioni che vengono manipolate in questa finestra di dialogo.

I modelli comuni che ho visto sono:

  1. la finestra di Visual Studio tipo (ad albero).
  2. La finestra di dialogo delle opzioni di Word/Office (in particolare in Office 2007/2010).
  3. Una finestra di dialogo standard con schede (solo una buona opzione con un numero piccolo (meno di 4) di schede).
  4. Una singola finestra di dialogo con le opzioni raggruppate utilizzando le caselle di gruppo (stile .NET standard o stile Office). Questo è possibile solo con un piccolo numero di opzioni.
1

Non avere una finestra di dialogo delle opzioni è la cosa migliore.

Se si dispone di molte opzioni, renderlo ricercabile è davvero utile.

+0

Io non vedo come tralasciando opzioni è anche possibile tranne che per le applicazioni più semplici. A meno che tu non stia parlando di fare in modo che l'utente modifichi un file di configurazione. –

+0

@Ortzinator devi semplicemente prendere una decisione su quale sia l'opzione migliore per l'utente. Evitare la configurazione. – Tom

Problemi correlati