Domanda

Spesso le convenzioni sono una delle considerazioni di progettazione più importanti per l'interfaccia utente.Solitamente il consiglio è di farlo come fa Microsoft.

Ciò avviene per tre motivi:

  1. Se non è rotto, non aggiustarlo.
  2. Se i tuoi utenti si aspettano di fare clic sull'icona di un floppy disk per salvare, non modificare l'icona (anche se alcuni di loro potrebbero non aver mai visto un vero floppy disk).
  3. Gli utenti non vogliono imparare di nuovo l'interfaccia (e i tasti di scelta rapida, ecc.) con ogni diversa applicazione che utilizzano.

Allo stesso tempo Emmerson disse "*A folle la coerenza è lo spauracchio delle menti piccole.*" Quindi, quando il mantenimento di un'interfaccia utente coerente oltrepassa il confine tra una buona idea e un'innovazione stagnante?

Microsoft ha scosso il buon vecchio GUI WIMP con l'introduzione della barra degli strumenti, e poi ancora con il controllo Ribbon (che è la naturale evoluzione della barra degli strumenti, piaccia o no). Ora vediamo nastri ovunque.

Quindi la mia domanda è: quali sono alcuni paradigmi dell'interfaccia utente che sono accettati e coerenti in più applicazioni, ma sono rimasti oltre il loro apice e stanno iniziando a puzzare?Ci sono alcuni cambiamenti importanti che trarrebbero vantaggio da una spinta dal basso da parte degli sviluppatori per innovare e migliorare l'esperienza dell'interfaccia utente per i nostri utenti?

Un pensiero che mi è venuto in mente è la finestra di dialogo pop-up modale.Conosci quelli che dicono:"Sei sicuro di volere ....- [Sì] [No] [Annulla] [Forse]" e il suo gemello malvagio "Completato con successo quello che volevi fare![OK]." Stiamo assistendo ad un allontanamento da questi con il "pannello informativo" nei browser.Penso che debbano essere adottati anche nello sviluppo di applicazioni Windows.

Se possibile, elenca una soluzione per ogni elemento dell'interfaccia utente obsoleto.

E per favore non elencare clippy.Sappiamo tutti che era una cattiva idea.

NOTA:Si tratta specificamente dei paradigmi dell'interfaccia utente client Windows, ma sono certamente aperto a trarre ispirazione dal web, dal Mac, ecc.

È stato utile?

Soluzione

Hai menzionato le finestre di dialogo modali popup e direi che quelle non modali sono altrettanto pessime.Qualsiasi finestra di dialogo rimuove il focus dal programma, potrebbe finire dietro il programma e renderlo difficile da trovare, potrebbero anche non apparire sullo stesso schermo virtuale.

Mi piacerebbe vedere la fine di tutte le finestre di dialogo.Se è necessario impedire a qualcuno di utilizzare l'interfaccia utente a causa di circostanze anomale, rimuovere le parti pertinenti dell'interfaccia utente dalla finestra e sostituirle con ciò che conterrebbe la finestra di dialogo.Ripristina l'interfaccia utente una volta risolto il problema.

Altri suggerimenti

Facendo clic su cose sulle interfacce touch

È incredibilmente difficile fare clic su elementi su un'interfaccia touch, perché non sai quando hai premuto abbastanza forte sullo schermo.E se aggiungi un'animazione al pulsante su cui stai facendo clic, molto probabilmente non la vedrai, perché il tuo dito è d'intralcio.Aggiungere altre reazioni, come far vibrare il telefono o dipingere onde sullo schermo, potrebbe funzionare, ma di solito c'è un ritardo troppo grande, molto più grande della sensazione tattile della pressione di un pulsante.Pertanto, finché non inventeranno uno schermo con pulsanti che possono essere premuti, tutti i dispositivi touch dovrebbero invece spostarsi verso le interfacce utente a trascinamento (DUI).

In modo controintuitivo è più semplice premere un oggetto sullo schermo, trascinarlo e quindi rilasciarlo piuttosto che semplicemente premerlo e rilasciarlo.Probabilmente è perché puoi vedere l'oggetto muoversi quando inizi a trascinare e puoi regolare la pressione mentre lo trascini.Il trascinamento ha anche molte più opzioni, perché ora hai una direzione, non solo un punto su cui hai fatto clic.Puoi fare cose diverse se l'utente trascina l'oggetto in direzioni diverse.Potrebbe essere utilizzata anche la velocità, così come il punto in cui l'utente rilascia l'oggetto.Il punto di rilascio è il vero punto di forza dei DUI, perché è molto facile rilasciare qualcosa, anche con la precessione dei pixel.

Alcuni progetti hanno iniziato a utilizzare DUI, come (eccoci qui) iPhone, Palm Pre e telefoni Android.Ma solo una parte del loro design è DUI, il resto è clic.Un'area che hanno tutti in comune è la tastiera.Invece di fare clic su un tasto, l'utente preme un tasto qualsiasi, quindi trascina il dito verso il tasto su cui desidera veramente fare clic.Anche lo sblocco di questi telefoni utilizza il trascinamento.

Altre funzionalità DUI facilmente implementabili sarebbero cose come i gesti del mouse, in cui il trascinamento in direzioni diverse o il disegno di forme diverse fanno cose diverse.Sono in fase di ricerca anche tastiere alternative che pongono maggiore enfasi sul trascinamento.Tutti i pulsanti possono essere trasformati in interruttori, quindi devi trascinarli leggermente verso il basso per fare clic su di essi.Con una grafica ben progettata, anche questo dovrebbe essere intuitivo per l'utente.

IL Linee guida per l'interfaccia umana di Apple sono una buona lettura su questo argomento.Ne discutono da un punto di vista molto ampio e le linee guida si applicano a qualsiasi piattaforma, non solo al Mac.

Il file system.Voglio salvare un file..>OOOPs, devo prima pensare al nome del file.BENE....che ne dite di ...bla.doc.

6 mesi dopo...

Dove %#*(%& * ho salvato il file %()#*()*ing?

La soluzione è creare un sistema di controllo delle versioni nell'applicazione o, meglio, nel sistema operativo.Rendi i file trovabili in base al loro contenuto, con un motore di ricerca, invece di costringere l'utente a trovare un nome memorabile, quando tutto ciò che vuole è che il suo file non vada perso.

Elimina il passaggio di salvataggio.Digita qualcosa nell'applicazione ed è lì e non c'è il rischio di perderlo per qualche passo falso, come dimenticare di salvare.Se desideri una versione precedente, puoi semplicemente scegliere una data e vedere come appariva il documento in quel momento.

Per sviluppare l'idea del motore di ricerca:È una seccatura dover navigare in una struttura ad albero arbitraria per trovare le tue cose.La ricerca è molto più semplice.Tuttavia, potresti comunque voler avere qualcosa come una "cartella" per raggruppare più file insieme.Bene, puoi creare un sistema di metadati più ricco e avere un campo "categoria" o "progetto" e impostare il motore di ricerca per mostrare gli elementi per progetto o per categoria.Oppure raggrupparli in base a quelli o qualunque nuova scoperta dell'interfaccia utente che faremo successivamente.

Questa domanda è un po’ troppo aperta, IMHO.

Tuttavia, il mio approccio principale quando progetto qualcosa è:

  1. Si adatta ovunque sia.Se si tratta di un'app Windows, copio MS il più possibile
  2. È semplice.
  3. Fornisce opzioni
  4. I pulsanti hanno una bella descrizione di quale sarà il risultato del clic, invece di "sì o" no "

È più difficile rispondere al resto del tuo post senza passare ore a scrivere una serie di linee guida probabilmente inutili (e ripetute).

A mio avviso, l'unica cosa che risalta davvero è che gli UTENTI necessitano di un controllo maggiore e più semplice sull'aspetto e sull'organizzazione dell'interfaccia utente dell'applicazione.

Molte interfacce non possono essere modificate dall'utente in modo che le funzioni più utilizzate/preferite possano essere raggruppate insieme.Questa capacità renderebbe ancora più semplice portare a termine le tue attività con il tuo software preferito.

I messaggi di errore hanno bisogno di un "basta farlo!" pulsante.

Seriamente, non mi interessa davvero il tuo stupido messaggio di errore, FAI QUELLO CHE TI HO DETTO DI FARE!!!

Penso che l'intero modello di documento del web debba cambiare.Non è un'interfaccia utente, ma porta a molte, molte interfacce utente pessime.

Il modello di documento era una buona idea per collegare un insieme di documenti, ma ora il web è anche una raccolta di applicazioni.Oggi penso che il modello Pagina/documento corrompa il nostro modo di pensare.Finiamo per raggruppare insieme cose che non sono correlate, modularizzando il nostro codice in modo errato e, alla fine, confondendo gli utenti con i nostri siti web monolitici tipo schede di controllo.

Le finestre di dialogo Trova che si trovano sopra il widget in cui stai eseguendo la ricerca sono terribili.Molte app lo fanno.La barra di ricerca in Firefox funziona molto meglio.

Molte applicazioni hanno più riquadri all'interno dell'interfaccia utente: ad esempio in Outlook c'è il riquadro di anteprima e il riquadro della posta in arrivo (tra gli altri).In queste applicazioni in genere la pressione dei tasti cursore si applica al riquadro attualmente attivo.Ma i suggerimenti per mostrare all'utente quale riquadro è attivo sono molto scarsi e raramente ci sono scorciatoie da tastiera per spostare lo stato attivo tra i riquadri.

Il riquadro focalizzato dovrebbe essere evidenziato in qualche modo.

Qualcosa come i tasti alt+cursore dovrebbe spostare lo stato attivo.

Ctrl-Tab e Ctrl-Shift-Tab scorrono a sinistra e a destra attraverso le schede invece del comportamento MRU, anche se nella maggior parte dei casi lo stesso comportamento è duplicato con Ctrl-PageUp e Ctrl-PageDown.

Ce ne sono molti, ma ecco un'idea per un paio di loro:

  1. Rimuovi alcuni clic come in "aggiungi un altro" o "cerca elemento" e simili.

    Questo è ben fatto con interfacce come ajax che hanno completamenti automatici (e ricerca automatica), ma viene lentamente adottato per le interfacce utente della piattaforma (e in alcuni casi sono stati originati nelle interfacce utente della piattaforma.)

    Questo è come StackOverflow lo fa per alcuni scenari.

alt text

Ma ovviamente lo sappiamo già tutti, no?Non c'è bisogno dei pulsanti "Cerca tag" o "Aggiungi un altro tag", accadono e basta

  1. Dialoghi come hai descritto.

I ragazzi di Humanized hanno proposto Messaggi trasparenti che in realtà vengono utilizzati nel loro prodotto Enso e in altri posti.

alt text

Il Mac li usa per le notifiche (come in Ringhiare ) usali molto bene, o il nuovo sistema di notifica di Ubuntu.

testo alternativo http://blogs.sun.com/plamere/resource/NowPlayingGrowl.png

Firefox sostituisce la tradizionale finestra di dialogo "Cerca" con una barra di ricerca in basso.

alt text

Sebbene non Piace a tutti il posizionamento per successivo/precedente come in questo screenshot

E anche SO (ancora) :) sostituisci la notifica con la barra gialla.

alt text

Finalmente:

Gestori di file

Mi piace molto (a volte) la semplicità dei normali file manager, ma a volte mi piacerebbe lavorare più velocemente/meglio con loro.

Se confronti IE 4 con IE 8 puoi vedere l'anticipo (ancora meglio confrontare IE 4 con Google Chrome)

Ma se confronti Windows 95 Explorer con Win XP sono quasi uguali!!(Win Vista/7 è un passo avanti)

Ma mi chiedo: Perché i file manager non sono migliorati tanto quanto i browser web?

Questo è uno dei motivi per cui mi piacciono cose come QuickSilver, ma è solo un passo.È necessario molto lavoro per creare qualcosa come un "Lanciatore di programmi perfetto" o (FileManager/DesktopSearcher ecc. come desideri)

alt text

QuickSilver con azione "sposta in".

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top