Le migliori Pratiche e i Principi per la progettazione di GUI [chiuso]

Question

Qual è il tuo miglior pratica user-friendly interfaccia utente di progettazione o di principio?

Si prega di inviare le pratiche che si trova in realtà rende le cose davvero utili - non importa quale - se funziona per gli utenti, condividere!

---

Sintesi E Di Confronto

Principi

1. BACIO.
2. Essere chiaro e specifico in quello che un'opzione di ottenere:per esempio, usare i verbi che indicano l'azione che seguirà su una scelta (vedere:L'Impl.1).
3. L'uso evidente di default azioni appropriate per ciò che l'utente deve/vuole raggiungere.
4. Adatta l'aspetto e il comportamento dell'interfaccia utente per l'ambiente/processo/pubblico:applicazione stand-alone, web, pagina, portatile, analisi scientifiche, flash, gioco, professionisti del settore e bambini, ...
5. Ridurre la curva di apprendimento di un nuovo utente.
6. Piuttosto che disabilitare o nascondere le opzioni, considerare la possibilità di fornire un utile messaggio a cui l'utente può avere alternative, ma soltanto se le alternative esistono.Se non sono disponibili alternative, è meglio disattivare l'opzione - che visivamente afferma poi che l'opzione non è disponibile - non nascondere le opzioni non disponibili, piuttosto spiegare in un mouse-over popup perché è disabilitato.
7. Rimanere coerenti e conformi alla prassi, e il posizionamento dei comandi, come è implementato in ampiamente utilizzato in applicazioni di successo.
8. Portare le aspettative dell'utente e lasciate che il vostro programma di comportarsi secondo le sue aspettative.
9. Stick per il vocabolario e la conoscenza dell'utente e non utilizzare programmatore/attuazione terminologia.
10. Seguire i principi di progettazione di base:contrasto (ovvietà), la ripetizione (consistenza), l'allineamento (aspetto) e di prossimità (raggruppamento).

Attuazione

1. (Vedi risposta da paiNie) "Tenta di usare i verbi nelle vostre finestre di dialogo."
2. Consentire l'implementazione di undo / redo.

Riferimenti

1. Esperienza Utente Di Windows Vista Orientamenti [http://msdn.microsoft.com/en-us/library/aa511258.aspx]
2. Olandesi siti web - "Drempelvrij" linee guida [http://www.drempelvrij.nl/richtlijnen]
3. Web Content Accessibility Guidelines (WCAG 1.0) [http://www.w3.org/TR/WCAG10/]
4. Consistenza [http://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/0385267746]
5. Don't make me Think [http://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758/ref=pdbbssr_1?ie=UTF8&s=books&qid=1221726383&sr=8-1]
6. Essere potente e semplice [http://msdn.microsoft.com/en-us/library/aa511332.aspx]
7. Gestalt, design leggi [http://www.squidoo.com/gestaltlaws]

Answer 1

Provare a usare i verbi nelle vostre finestre di dialogo.

Significa utilizzare

invece di

Answer 2

Testare il mio GUI contro la mia nonna.

Answer 3

Seguire i principi di progettazione di base

• Contrast - Fare le cose che sono diverse look diversi
• Repetition - Ripetere lo stesso stile in una schermata e per le altre schermate
• Unil lignment - Line elementi dello schermo fino!Sì, che include il testo, le immagini, i controlli e le etichette.
• Proximity - Gruppo relativi elementi insieme.Un insieme di campi di input per immettere un indirizzo devono essere raggruppati e distinti dal gruppo di campi di input per immettere informazioni della carta di credito.Questa è la base Gestalt, Design Leggi.

Answer 4

Mai chiedere "sei sicuro?".Solo consentono un numero illimitato di, affidabile undo/redo.

Answer 5

Provate a pensare che cosa il vostro utente vuole ottenere, invece di quali siano i requisiti.

L'utente dovrà inserire il tuo sistema e utilizzarlo per raggiungere un obiettivo.Quando si apre calc è necessario effettuare un semplice e rapido calcolo il 90% del tempo in modo che è perché di default è impostato per la modalità semplice.

Quindi, non pensare a ciò che l'applicazione deve fare a meno di pensare che l'utente che fa, probabilmente annoiato, e cercare di progettazione in base a quello che sono le sue intenzioni, cerca di rendere la sua vita più facile.

Answer 6

Se si sta facendo qualcosa per il web, o qualsiasi frontale applicazione software per quella materia, è davvero dovete a voi stessi a leggere...

Don't make me think - Steve Krug

Answer 7

Mollica di pane in webapps:
Bacheca -> I -> Utente -> Dove> Lei -> È nel sistema

Questo è piuttosto difficile da fare in "dynamic" sistemi con più percorsi per gli stessi dati, ma spesso aiuta a navigare nel sistema.

Answer 8

Cerco di adattarsi all'ambiente.

Quando si sviluppa un'applicazione per Windows, io uso il Esperienza Utente Di Windows Vista Linee Guida ma quando sto sviluppando un'applicazione web di utilizzare le linee guida appropriate, perché io sviluppare siti web olandesi io uso il "Drempelvrij" linee guida che si basano sul Web Content Accessibility Guidelines (WCAG 1.0) dal World Wide Web Consortium (W3C).

La ragione per cui lo faccio è quello di ridurre la curva di apprendimento di un nuovo utente.

Answer 9

Vorrei raccomandare di ottenere una buona, solida conoscenza della progettazione di GUI, leggendo il libro Il Design di Cose di tutti i giorni.Anche se il principale stampabile è un commento da parte di Joel Spolsky:Quando il comportamento dell'applicazione è diversa a ciò che l'utente si aspetta di accadere allora hai un problema con l'interfaccia utente grafica.

Il miglior esempio è, quando qualcuno swap in tutto il OK e Annulla pulsante su alcuni siti web.L'utente si aspetta OK pulsante a sinistra, e il Annulla pulsante sulla destra.Così, in breve, quando il comportamento dell'applicazione varia a quello che l'utente si aspetta che accada, allora si ha una interfaccia utente problema di progettazione.

Anche se il consiglio migliore, non importa ciò che il design o design pattern seguire, è quello di mantenere il design e convenzioni coerente in tutta l'applicazione.

Answer 10

Evitare di chiedere all'utente di fare delle scelte, ogni volta che è possibile (cioènon creare una forcella con una finestra di dialogo di configurazione!)

Per ogni opzione e ogni finestra di messaggio, chiedi a te stesso:posso, invece, venire con alcuni ragionevole comportamento predefinito

• ha un senso?
• non ottenere l'utente della strada?
• è abbastanza facile da imparare che costi poco per l'utente che ho imporre questo su di lui?

Posso usare il mio palmare Palm come esempio:le impostazioni sono davvero semplici, e sono abbastanza felice.Le applicazioni di base sono ben progettate, basta che mi può semplicemente utilizzare senza sentire il bisogno di tweaking.Ok, ci sono alcune cose che non può fare, e infatti ho sorta di dovuto adattarmi allo strumento (anziché il contrario), ma alla fine questo fa davvero la mia vita più facile.

Questo sito è un altro esempio:non è possibile configurare nulla, eppure la trovo davvero piacevole da usare.

Valori di default ragionevoli può essere difficile da capire, semplice e test di usabilità in grado di fornire un sacco di indizi per aiutarvi con questo.

Answer 11

Mostrano l'interfaccia di un campione di utenti.Chiedere loro di eseguire una tipica attività.Guarda per i loro errori.Ascoltare i loro commenti.Apportare modifiche e ripetere.

Answer 12

Il Design di Cose di tutti i giorni - Donald Norman

Un canone di design lore e la base di molte HCI corsi presso le università di tutto il mondo.Non la progettazione di un grande GUI in cinque minuti con un paio di commenti da parte di un web forum, ma alcuni principi saranno mostrati anche il vostro pensiero indicato la strada giusta.

--

MC

Answer 13

Quando la costruzione di messaggi di errore di rendere il messaggio di errore essere le risposte a queste 3 domande (in questo ordine):

1. Che cosa è successo?

2. Perché è accaduto?

3. Che cosa si può fare su di esso?

Questa è da "Human Interface Guidelines:Il Desktop Di Apple Interfaccia" (1987, ISBN 0-201-17753-6), ma può essere utilizzato per qualsiasi messaggio di errore ovunque.C'è un versione aggiornata per Mac OS X.La pagina di Microsoft Interfaccia Utente Messaggi dice la stessa cosa:"...nel caso di un messaggio di errore, si dovrebbe includere il problema, la causa, e l'azione da parte dell'utente per risolvere il problema."

Include anche le informazioni che è conosciuto dal programma, non solo alcuni stringa fissa.E. g.per il "cosa è successo" parte del messaggio di errore "Raw file di spettro L: efDataForMascotParser ripleEncoding\Q1LCMS190203_01Doub leArg.wiff non esiste" invece di "File non non esiste".

Questo contrasta con il famigerato messaggio di errore:"Un errore è accaduto.".

Answer 14

(Rubato da Joel :o) )

Non disattivare/rimuovere le opzioni - piuttosto dare un utile messaggio di errore quando l'utente clicca/selezionarlo.

Answer 15

Come la mia struttura di dati professore sottolineato oggi:Dare istruzioni su come funziona il tuo programma per l'utente medio.Abbiamo spesso i programmatori pensano che noi siamo abbastanza logico con i nostri programmi, ma l'utente medio probabilmente non sappiamo cosa fare.

Answer 16

1. Uso discreto/semplici funzioni animate per creare transizioni senza soluzione di continuità tra una sezione e l'altra.Questo aiuta l'utente a creare una mappa mentale di navigazione/struttura.

2. Utilizzare brevi (una parola se possibile) i titoli sui pulsanti che descrivono chiaramente l'essenza dell'azione.

3. Utilizzare lo zoom semantico dove possibile (un buon esempio è come lo zoom funziona su Google/Bing maps, dove ulteriori informazioni è visibile quando ci si concentra su di un'area).

4. Creare almeno due modi per navigare:Verticale e orizzontale.Verticale quando si navigare tra le diverse sezioni e orizzontale quando si naviga all'interno del contenuto della sezione o sottosezione.

5. Tenere sempre le opzioni principali nodi della struttura visibili, per cui la dimensione dello schermo e il tipo di dispositivo lo consente).

6. Quando si va in profondità nella struttura tenere sempre visibile suggerimento (es.ad esempio nella forma di un percorso, che indica dove sono.

7. Nascondere gli elementi quando si desidera che l'utente a concentrarsi sui dati (come la lettura di un articolo o la visualizzazione di un progetto).- tuttavia attenzione di cui al punto #5 e #4.

Answer 17

Essere Potente e Semplice

Oh, e assumere un progettista / imparare abilità di progettazione.:)

Answer 18

Con Gui, gli standard sono in genere di piattaforma specifica.E. g.Durante lo sviluppo di GUI in Eclipse questo link fornisce una guida decente.

Answer 19

Ho letto la maggior parte di sopra e una cosa che non vedo citato:

Se gli utenti sono pensato per l'utilizzo dell'interfaccia una VOLTA, mostrando ciò di cui hanno bisogno per utilizzare, se possibile, è grande.

Se l'interfaccia utente sta per essere utilizzato più volte dallo stesso utente, ma forse non molto spesso, la disattivazione dei controlli, è meglio che li nasconde:l'interfaccia utente di cambiare e funzioni nascoste di non essere evidenti (o ricordato) da un utente occasionale è frustrante per l'utente.

Se l'interfaccia utente sta per essere utilizzato REGOLARMENTE da parte dello stesso utente (e non c'è un sacco di fatturato nel lavoro, cioènon un sacco di nuovi utenti in linea tutto il tempo) disattivazione di controlli è molto disponibile e l'utente abituato alle ragioni per cui le cose accadono, ma impedendo loro di utilizzare i comandi accidentalmente in modo improprio contesti apprezzato ed evita errori.

Solo la mia opinione, ma tutto va di nuovo per la comprensione del profilo utente, non solo quello che una singola sessione utente potrebbe comportare.