it-swarm-eu.dev

Quali sono le UI / i componenti più comuni? Quali sono i loro punti di forza / debolezza? Come migliorare?

Hm, sto finendo di sperare di avere communitywiki

Dopo aver visto questa domanda: Qual è l'interfaccia utente più comune al mondo? Ho pensato che sarebbe stato educativo non limitare la discussione cercando di individuare most comune, ma discutiamo invece delle molte interfacce comuni con cui (leggi: l'umanità) interagiamo quotidianamente e come possono essere migliorate.

Quindi, quali sono i componenti UI/UI più comuni? Quali sono i loro punti di forza e di debolezza? Come possono essere migliorati?

Per esempio:


Scatole combinate

Le caselle combinate sono abbondanti in tutto il Web e nei software desktop.

Pro: Buono per consentire a un utente di avere un elenco di scelte mentre richiede uno spazio minimo quando non è in uso.

Problema : diventa ingombrante e difficile per un utente se l'elenco delle scelte è troppo lungo.

Soluzione potenziale : Caselle combinate di completamento automatico, utilizzando la corrispondenza del testo sull'input dell'utente digitato per restringere l'elenco delle possibili scelte e consentire una selezione più semplice.


Ovviamente non ho inventato la casella combinata di completamento automatico; nota che le risposte non devono essere miglioramenti che hai inventato.

3
instanceofTom

Tabelle

La risposta è data dal punto di vista dell'applicazione desktop ma può essere buona anche per le applicazioni web.

Pro: Può contenere una grande quantità di dati in un'area relativamente piccola.

Contro: La ricerca potrebbe diventare impossibile se il numero di voci è grande. Senza un rendering attraente (icone, colori) l'applicazione potrebbe apparire noiosa. Alcune informazioni potrebbero essere ridondanti per alcuni utenti. La priorità dei dati è appiattita.

Come migliorare: Fornire metodi di organizzazione dei dati: filtri di ordinamento (obbligatorio!), Riordino delle colonne, al volo (ovvero durante la digitazione). Usa le icone anziché/insieme al testo, ove possibile, usa i colori. Fornisci l'opzione di selezione colonna. Mostra solo le colonne di base per impostazione predefinita e mostra i dati completi in una posizione chiusa ma separata solo quando si fa clic su una voce.

1
Assimiz

Non reinventare la ruota, leggi qui invece: http://www.welie.com/patterns/index.php

1
Özgür

Mi riferisco spesso a Yahoo! Design Pattern Library per i modelli di interfaccia utente. Quello che mi piace è che rispondono a queste domande pertinenti per ogni modello.

  • Che problema risolve?
  • Quando utilizzare questo modello
  • Qual è la soluzione?
  • Perché usare questo modello?
  • Casi speciali
  • Accessibilità

e penso che queste domande debbano attraversare la mente di ogni progettista dell'interfaccia utente ogni volta che scelgono un componente dell'interfaccia utente.

Trovo che pagina degli esempi di Sencha ExtJS sia la migliore raccolta di questo tipo di componenti.

In termini di come migliorarli, è probabilmente una domanda troppo grande per un singolo post. Questo è un libro che stai chiedendo. Forse fai la domanda più specificamente su un singolo componente?

1
Glen Lipka

Barre di scorrimento

Pro:
  • Consenti la navigazione diretta verso qualsiasi punto di un documento/pagina
  • Consentire movimenti a grana fine
  • Consentire lo scorrimento veloce di un documento/pagina
  • Indicare la lunghezza di un documento/pagina
  • Il posizionamento comune direttamente contro Edge aiuta l'usabilità secondo legge di Fitt
Contro:
  • Non funziona così bene per documenti molto grandi
  • Meno utile dall'avvento della rotella di scorrimento
  • Diverse implementazioni possono causare confusione
Come migliorare
Considero la barra di scorrimento uno degli elementi dell'interfaccia utente più utilizzabili: molte funzionalità, ma generalmente ben comprese. Tuttavia, si verificano problemi se le barre di scorrimento vengono implementate in modo incoerente (ad esempio in alcune applicazioni flash). Forse un elemento visivo può migliorare le barre di scorrimento, ad es. una combinazione di miniature di Acrobat con la barra di scorrimento.
0
Bobby Jack