Il presente articolo è stato tradotto automaticamente.

Usability in Practice

Strategie per la progettazione dello spostamento tra applicazioni

Dr. Charles Kreitzberg and Ambrose Little

Contenuto

LA VISTA CONOSCITIVO
Lo spostamento È un server di pubblicazione-server di sottoscrizione
Perché ottenere confuso utenti
Raggruppare più pagine in sezioni logiche
Creare un controllo frame
Utilizzare strumenti di spostamento
Richiedere di cui si accede
VISUALIZZA IL SOFTWARE
Copia Guys grande
Scheda ordinamento
Modelli struttura UX
Punti di voce chiaro
Implementazione
I controlli
Test di verifica e modificare
In riepilogo

LA VISTA CONOSCITIVO

Kreitzberg b. Charles Dr.

Ottenere la struttura di spostamento a destra è uno degli aspetti più importanti di progettazione.Lo spostamento è il framework in cui le schermate, interazione e l'aspetto visivo sono progettati.Il più semplice assioma della facilità di utilizzo è che uno deve interazione con il software semplice quanto possibile, consentendo agli utenti di concentrarsi sulle attività che li portato in primo luogo al software.Al punto che lo spostamento è confusione e richiede attenzione dell'utente per prevedere che all'esterno, verrà compromesso l'utilizzabilità.

Lo spostamento È un server di pubblicazione-server di sottoscrizione

Il termine "esplorazione" fornisce il concetto di viaggio dalla posizione posizione.Suggerito che non esistono percorsi che è eseguire per ottenere da punto per punto e un framework sottostante che indirizza (e limita) come accedere.Ancora, sebbene esaminata liberamente esplorazione di un prodotto software, abbiamo mai effettivamente passare in qualsiasi posizione.Abbiamo rimangono in un'unica posizione durante l'immagine delle modifiche sullo schermo in risposta a nostro interazioni con esso.In modo che "esplorazione" sia effettivamente un server di pubblicazione-server di sottoscrizione, un gioco mentale viene riprodotto per ottenere il nostro minds intorno alla progettazione.

Quando la maggior parte degli utenti ritiene sull'esplorazione, concentrarsi sul menu il modo per spostarsi da schermo schermata.Ma è molto probabile scrivere applicazioni efficaci basati su uno schermo singolo.Considerare ad esempio Microsoft Word.Nonostante la funzionalità estesa e potente, quasi tutto viene creato uno schermo singolo, come illustrato nella Figura 1 .

Nella figura 1 Deconstructing Word, si ’s tutto in uno schermo

Il documento da utilizzato è centrale nella struttura della schermata.Strumenti selezionati la barra multifunzione applicati al documento e modificare il contenuto aspetto.Verrà quando uno strumento richiede un'interazione complessa, in genere visualizzata una finestra figlia sul documento.La finestra figlio può essere a scelta obbligatoria in cui l'utente deve completare l'interazione e chiudere la finestra figlio prima della restituzione del documento, un esempio è il comando di inserimento immagine.Potrebbe essere una procedura guidata che esamina l'utente attraverso un processo.In alternativa, la finestra figlio potrebbe essere non a scelta obbligatoria, come il comando thesaurus, nel qual caso è ancorata al lato in cui possono restare aperto mentre l'utente lavora sul documento.

Il vantaggio di un semplice, uno schermo spostamento approccio è che l'utente non diventa disoriented.Il documento rimane nella visualizzazione normale tutti i tempi.L'utente deve comunque per informazioni su dove trovare gli strumenti di e come lavoro ma non verrà visualizzato persi in cyberspace o domandarsi in cui ha cessato il documento.Oltre all'utilizzo di universal quasi nei programmi di elaborazione testi, il paradigma di uno schermo è stato utilizzato correttamente in programmi di grafica come programmi di Microsoft Paint e foglio di calcolo come Microsoft Excel.Excel riportato di seguito viene illustrato un efficace strumento per mantenere la metafora di una schermata singola con più documenti passando al documento attivo quando l'utente fa clic nella scheda associata visualizzabile nell'angolo inferiore sinistro della Figura 2 .

Nella figura 2 Excel consente anche di una schermata singola

È disponibile una grande quantità di valore nella semplicità della metafora schermata singola.Ma la maggior parte dei programmi è basato su metafora di più schermate (o pagine).Dopo aver deciso di progettare il livello di presentazione intorno a più pagine, è possibile generare molti confusione.Di conseguenza osservare numerosi test di usabilità, È stato provengono per realizzare che ogni volta che si esegue agli utenti di una nuova pagina, si rischia di disorienting li.

Perché ottenere confuso utenti

Quando si ritiene sull', non si tratta surprising che lo spostamento da schermo schermo è disorienting.Disorientation significa che l'utente ha perso la direzione.Esaminare i due utenti nella Figura 3 .Roberto utilizza un programma progettato intorno a una schermata singola.Sally utilizza un programma progettato intorno a più schermate.

Osservando il diagramma, è chiaro che sally include un'attività conoscitivo più difficile.Non solo è utente necessario considerare dove utente è e in cui utente deve essere inviato, ma il processo complicato di sviluppo di un piano interno è ulteriormente complicato dal fatto che sally connessa visualizzi solo una schermata alla volta.La mancanza di Vista un aerea del terreno utente deve pezzo suo modello mentale insieme allo stesso tempo che utente è di formazione software per ulteriori informazioni sui.Numerose operazioni aggiuntive e può causare una curva di apprendimento steep.

Nella figura 3 riquadro attività all'utente confuso

Il sito o lo spostamento del prodotto consente di visualizzare la struttura intera il livello di presentazione.Se viene visualizzato a destra si passerà un modo lungo per aumentare l'utilizzabilità del prodotto.Come iniziare a progettare la struttura di spostamento, considerare i seguenti suggerimenti:

Funzionalità di spostamento pagina singola ove possibile

La metafora singola pagina è semplice e potente.Inserimento di maggiori funzionalità in una pagina può migliorare utilizzabilità molto, purché si attenzione con la struttura dello schermo in modo che l'utente non sia confuso o troppo.Che cosa potente sulla progettazione di schermo singolo è che gli utenti non perde il contesto mentre esaminano le nuove informazioni.

Di conseguenza documento, l'orientamento del Web, la frequenza con cui i motori di ricerca portare un utente a una pagina interna, le limitazioni del tecniche di SEO Ottimizzazione del motore di ricerca e la pagina clunky ridisegnare caratteristiche di HTML e dei relativi controlli dell'interfaccia utente primitivi, è diventato comune a creare numerose pagine Web come procedura struttura standard.Vi sono situazioni in cui di per dispone di numerose pagine trascinamento l'utente in un punto qualsiasi, ma queste sono rare.Gratuita collegamento vale a dire la vantaggi e la potenza del World Wide Web è utile per l'esplorazione ma non la conversione bene in situazioni in cui attività è coinvolto flusso.

L'errore per realizzare come disorienting può essere per spostare un utente da una pagina a altra spesso comporta la progettazione di più pagine più necessari.È stato aveva utenti indicazioni di test di usabilità passare direttamente alla casella di ricerca per trovare la pagina che si desidera, anziché tentare di condivide con della struttura del sito di.

Oggi abbiamo hanno la possibilità di creare pagine Web RTF con sofisticati controlli dell'interfaccia utente.Schede, carousels, accordions, le descrizioni comandi e finestre figlio sono facilmente disponibili e ridurre la quantità di spostamento dello schermo per schermo necessario.

Un'idea di progettazione che accettano seriamente è di evitare lo spostamento di schermata per schermo quando È possibile.Un semplice esempio Mostra perché.Nella figura 4 è illustrato un tipico progettazione di spostamento Web.

Nella figura 4 spostamento Web tipica

Di seguito la società ha una serie di prodotti che sono presentate come un elenco nella prima pagina.Facendo clic su accetta il nome di prodotto desiderato a una pagina di informazioni di prodotto utente da cui è possibile eseguire una tornare all'elenco prodotti o passare a una terza pagina e consente di visualizzare la garanzia.

Ora esaminiamo una versione unica schermata della struttura di spostamento (vedere la Figura 5 ).In questa versione tre prodotti vengono presentati in un controllo struttura a schede.Scegliere la scheda rivela la descrizione prodotto.Se l'utente fa clic sul collegamento "garanzia informazioni", in una finestra popup a scelta obbligatoria vengono visualizzate le informazioni.Quando l'utente chiude il finestra popup, sarà nuovamente alla pagina iniziale.

Nella figura 5 un modello di spostamento a schermata singola

Naturalmente, le schede non adatta il anche se è necessario gestire numerose opzioni, pertanto è consigliabile un controllo di visualizzazione elenco o un controllo più interessante come un carousel.Solo da diagrammi, è possibile visualizzare quanto più semplice il secondo modello di spostamento è.E ha il vantaggio che può venire numerosi collegamenti nelle schede di prodotti e visualizza una finestra separata (o creazione guidata) per ciascuno.Restituisce sempre la base con un solo clic del mouse e è ottenuto il prodotto stesso visualizzati come quando portare la finestra popup.Gli utenti troveranno molto più semplice poiché questo contesto viene mantenuta.L'utente non lascia la pagina per ottenere i dettagli.

Naturalmente, la maggior parte dei prodotti che è possibile progettare dispongono di più pagine.Dopo tutto, non esistono limiti per la quantità di funzionalità che visualizzabili in una singola pagina.E utilizzato con attenzione, più pagine possono semplificare l'interfaccia utente mediante il raggruppamento di funzionalità in modo significativo.Il trucco è realizzare che ogni volta che è prendere un utente di una nuova pagina è possibile perdere contesto e disorienting l'utente, in modo che è possibile utilizzare tali con parsimonia e accurato.E RITENGO che hardware sulle modalità per segmentare le pagine a destra.

Raggruppare più pagine in sezioni logiche

La navigazione nightmare costituisce il collegamento HTML humble.(È effettivamente un nightmare mio collega Shneiderman ben e contribuito perpetrate con HyperTies, un browser pre-Web ipertesto, ma un brano per un'altra volta.) Ogni volta che un utente fa clic su un collegamento, vengono trasportati in una nuova pagina.Senza un'attenta progettazione, lo spostamento può facilmente ritengono come da persi in un insieme di strutture.

Durante la progettazione di un prodotto più pagine, può essere considerato hardware su cui si desidera aggregare le pagine in sezioni.Figura 6 Mostra una struttura di spostamento tipica di gruppi di pagine nelle sottosezioni.

Nella figura 6 una struttura di spostamento tipica

Il menu principale è una serie di schede, inizia con la home page e che offre tre sezioni.Quando si inserisce una sezione, un menu di sezione consente di spostarsi all'interno di pagine della sezione.Nella finestra la area di contenuto o bene, È stato visualizzato un controllo contenuto multistate.Sezione 1 ha un controllo struttura a schede e sezione 2 ha un controllo accordion.

Una struttura simile al seguente è possibile gestire numerose pagine.Ad esempio, se si dispone di sette sezioni di menu principale e ogni sezione ha pagine sette, ogni pagina è un controllo contenuto multistate con riquadri sette si sarebbero in modo efficace da controllo 73 o 343 pagine univoche.E poiché ogni riquadro contenuto può visualizzare un numero illimitato di popup, possono gestire una grande quantità di immobili cyber.Se sono necessarie più pagine, è possibile estendere i menu utilizzando i menu di fuori di diapositiva e CSS.

In cui è necessario prestare particolare attenzione risulta in situazioni si trova necessario creare esterno menu spostamento.È spesso tentato piantare un collegamento o un pulsante nel contenuto della pagina che accetta l'utente in un altro punto.È visto è creare problemi più volte.Quando possibile, tenere spostamento tramite il menu e utilizzare i collegamenti incorporati o i pulsanti per modificare lo stato di un controllo o creare una finestra popup.

Il modello di spostamento illustrato nella Figura 6 ha una gerarchia implicita.Si noterà che chiaramente se diagramma i percorsi.

Dal diagramma illustrato nella Figura 7 , è possibile visualizzare lo spostamento orizzontale, dalla sezione a sezione e la struttura di spostamento all'interno di una sezione.Esistono diverse domande che devono essere risolto.

Nella figura 7 spostamento tra le sezioni

1. Quando si passa da una sezione a sezione in cui si è posizionati?Dipende il flusso che si sta tentando di raggiungere.Nella maggior parte dei casi l'opzione meno confusione, è possibile posizionati l'utente nella prima pagina della sezione (ad esempio, A nel diagramma di pagina) la prima volta della sessione.È possibile creare tale pagina come un entryway a una sezione (che è una pagina principale" sezione).Quindi È necessario mantenere lo stato del menu di sidebar in modo se l'utente a sinistra della sezione e restituito, potrà sarà nella stessa pagina.
2. Cosa succede se è necessario ottenere da ad esempio B pagina in pagina?

Fare attenzione effettivamente poiché se si interrompe il modello di spostamento verrà è fine confondere l'utente.La prima domanda per richiedere è perché è necessario creare il collegamento tra due pagine interna.Se l'utente deve ottenere entrambe le sezioni per il completamento di un'attività, la struttura consigliabile rettifica.Divisione di un'attività tra due pagine interna è difficile e inefficiente.

È stato recentemente eseguito in questo con un programma di trasferimento file scrive un file di dati e un file di registro.Poiché è in un ambiente in cui le lettere disco mappato cambiato ogni giorno come conseguenza del USB da collegato e l'estrazione, necessaria reimpostare le lettere disco ogni volta che utilizzato il programma.HO avuto passare a "alla sezione di A per impostare il percorso del file di dati e "alla sezione di B per impostare il percorso del file di registro.È stato molto svantaggioso e tempo.

La soluzione per una situazione simile al seguente consiste nel posizionare tutte le informazioni su disco su una sola pagina oppure, se non può essere fatto che, attivare una "copia shadow" del secondo disco in una finestra popup in modo che sarà possibile compilare senza lo spostamento della seconda pagina.

Se invece è solo una questione di praticità, è necessario decidere che se la complessità aggiunta è opportuno scegliere si Salva l'utente.Che dipende dalla frequenza con cui l'utente dovrà rendere il turno.Se è occasionale, È possibile procedere con la struttura più semplice e quindi scegliere mouse aggiuntive.Se è frequente, È necessario considerare l'utilizzo un menu a discesa delle pagine nella barra dei menu orizzontale in modo che l'utente può ottenere a una pagina interna in un passaggio.È possibile non considerare circostanze in cui È possibile semplicemente trasporto all'utente di una pagina interna a un'altra.Tale funzionamento ottima su tematici stella ma tende a essere molto disorienting nel software.

Creare un controllo frame

L'area finale che si desidera evidenziare è la progettazione visiva può supportare la facilità di spostamento.In primo luogo, prendere in considerazione gli elementi che si desidera per frame della pagina, gli elementi che vengono visualizzati in modo coerente da una pagina a altra.Uno dei modi migliori per mantenere l'utente orientato consiste nel richiedere elementi coerenti in posizioni prevedibili.Questi diventano gli ancoraggi per l'utente.

Un elemento importante per la maggior parte delle cornici è un titolo di pagina.Non solo consentono questa all'utente di associare la pagina a un nome, ma facilita le discussioni con personale di supporto.

Considerare anche codice a colori.Nell'esempio precedente, blu chiaro colore codice la sezione principale verde per la sezione 1 e arancione È utilizzato per la sezione 2.Questi colori consentono l'apprendere la sezione che il collega è in.È necessario utilizzare anche forma e trama nella struttura visiva per il supporto degli utenti color-blind.

Utilizzare strumenti di spostamento

Due supporti di navigazione comuni opportuno inclusi sono breadcrumb e una mappa del sito.Solo non affidarsi per risolvere i problemi di progettazione.Molti utenti non consente di visualizzare o comprendere breadcrumb.Ma per tutti coloro che si, sono un aiuto e utile.Nel sito Web del usabilità guru Nielsen Jakob useit.com, ha note che gli utenti più e più affidarsi breadcrumb.Il punto (con cui completamente Accetto) consente anche che breadcrumb devono riflettere la gerarchia di spostamento, non la cronologia delle pagine visita.

Mappe del sito possono consentire un utente di farsi un'idea del layout di spostamento, ma sono raramente vengono utilizzati.Ciò nonostante, deve essere inclusi quanto che consentono all'utente visualizzare la necessaria uccelli degli occhi lo spostamento.Solo non previsto per compensare problemi di progettazione.

Uno dei barzellette condizione nella community di usabilità è che ogni domanda usabilità ha la stessa risposta: "dipende." Purtroppo, che è true di spostamento nonché.Esistono alcune regole di progettazione; la maggior parte sono linee guida ed euristica.Questa è la ragione è pertanto importante analizzare gli utenti e comprendere il contesto di utilizzo prima di progettare l'interfaccia utente.

Con tale inconveniente presente, di seguito sono alcune procedure consigliate suggerite:

1. Ridurre al minimo lo sforzo necessario per comprendere e prendere decisioni relative opzioni di spostamento.Il minore lavoro necessario per utilizzare l'interfaccia utente, l'utilizzabilità migliore.
2. Creare è possibile Usa degli schemi a schermata singola.Utilizzare completi e più riquadri controlli, popup e procedure guidate per consentire di eseguire la maggior parte dell'attività possibile senza alcun intervento di spostamento con orientamento orizzontale.
3. Quando si creano più pagine, è possibile combinarli in sezioni.Rendono semplice passare da una sezione a sezione con un controllo di spostamento principale e utilizzare un controllo secondario per spostarsi all'interno delle sezioni.Provare a non avanzato se è possibile evitare di visitare.Più semplice lo spostamento, il più rapidamente gli utenti ottenere conoscenza.
4. Verificare che elementi chiavi quali menu, i titoli e altre informazioni visualizzate in tutte le pagine vengono presentati in modo coerente dal punto di vista visual.L'utente deve disporre utile che alcuni elementi dello schermo sono stabile e utilizzarli per gestire l'orientamento.
5. Fare attenzione molto con elementi di spostamento che gli utenti da della pagina interna di una sezione alla pagina interna di un altro di trasporto.Può essere eseguita, ma è facile disorient l'utente.
6. Utilizzare controlli di spostamento secondaria quali Breadcrumb e mappe del sito ma non fare affidamento su di essi.
7. Considerare 7.Always espansioni future.Se si prevede che il prodotto per incorporare nuove funzionalità in futuro, decidere nell'inizio come è verrà espandere la struttura per incorporare senza problemi nuovi screening dei.

Recupero di spostamento a destra è uno dei più importanti operazioni che è possibile eseguire per garantire l'utilizzabilità del prodotto.Richiedere il tempo necessario per ottenere di destra, verificare la struttura con test di usabilità e si otterranno risultati che si desidera.

VISUALIZZA IL SOFTWARE

Ambrose piccola

Lo spostamento è uno dei quegli elementi la maggior parte dei software congratulo eseguita per ottenere l'autorizzazione e come con la maggior parte delle domande di progettazione, si tende a esaminare solo quali altri utenti stanno eseguendo e seguire i lead.Si ottengono imperatives dai gestori, "imposta l'aspetto di Office " o " Crea è simile a Amazon.com"—but RITENGO che come gli sviluppatori che occupano effettua programmi utilizzano, abbiamo non Ric tempo effettivamente pensare a struttura.

Alcuni dei ci sono sufficientemente fortunate affinché gli architetti di informazioni effettive lavorare con noi (o altri utenti UX jack-of-all-trades).Ma a volte prevediamo finestre di progettazione grafica per gestire lo spostamento come parte della loro struttura, anche se molti di essi non dispone dell'esperienza o di sfondo.Per fortuna, esistono molti buona risorse esiste che risolvono il problema Sticky Notes di spostamento e desidera Accennare alle pochi qui.

Copia Guys grande

Prima di tutto, non si tratta sempre non valido eseguire il leader del settore sono operazioni.Non c'è abbastanza probabile che sono effettivamente dedicano molto tempo e risorse su architettura delle informazioni per ottenere a destra e quindi impostare il segnale per le persone derivino da prevedere.In un certo senso, nonché di creare le convenzioni e impostare standard, modificare di conseguenza le aspettative relative al software il modo in cui deve adatta.

Ciò detto, come punti di Carlo, è molto preferibile effettivamente comprendere le persone utilizzano la soluzione e gli elementi che si utilizzano.Tali elementi includono le informazioni e contenuto per un sito Web o gli oggetti nel dominio.È una parte di principale di comprendere le persone per comprendere i relativi obiettivi per l'interazione con la soluzione e se viene visualizzato tale diritto, passerà un modo lungo adeguato è struttura correttamente l'applicazione.

È possibile ottenere un lotto da guys grande, ma non si desidera seguire blindly poiché i gruppi di destinatari può essere diverso.Probabilmente si dispone di un pubblico molto più piccolo o forse il contenuto o prodotti sono troppo diversi per theirs.Uno degli esempi migliori visto di questa differenza è il tentativo di simulare la barra multifunzione di Microsoft Office (vedere la Figura 8 ).

Nella figura 8 della barra multifunzione Microsoft Word (parte di Office Fluent dell'interfaccia utente)

Come ultima nella riga di schemi di interfaccia utente di Office, la barra multifunzione tende a essere successivamente per molti sviluppatori.Il problema è che la barra multifunzione sembra per ingrandire schema di spostamento non valido.Se si esegue menu standard, schede e altri controlli, è possibile ottenere stoccaggio con struttura di spostamento non valido, ma se mess alto la barra multifunzione, si interrompe il server di pubblicazione-server di sottoscrizione.

Le schede devono basarsi su utente obiettivi e attività.Pertanto c'è una scheda per inserire elementi, una scheda per il layout di pagina, una scheda per la revisione di un documento.Quindi, all'interno di schede, esistono comando gruppi come negli Appunti e tipo di carattere nella Figura 8 ), che sono di nuovo utente attivo e raggruppati in base attività correlate e azioni.La barra multifunzione utilizza pulsanti di dimensioni diverse basati dati di utilizzo (l'icona Incolla grande e più piccolo Taglia e Copia) che consentono agli utenti più facile individuare e utilizzare le funzioni più comuni.

In breve, per progettare elementi di stile di barra multifunzione efficaci è necessario molto lavoro.Di conseguenza, è consigliabile non adattarlo blindly per l'applicazione come meccanismo di spostamento.

Pertanto, prima di simulare di altre applicazioni, è necessario decidere se la struttura senso nella situazione.Hai la stessa scala?(Amazon.com e Netflix utilizzare consigli basati sulle grandi quantità di dati utente, che accetta un po'di buona di scala per ottenere a destra). Office include tonnellate di comandi che traggono vantaggi dall'organizzazione multilayered della barra multifunzione, ma solo pochi comandi, un menu tipico è probabile che meglio.

Si dispone dello stesso tipo di contenuto?Ciò che funziona per un sito di e-commerce come Amazon potrebbe non essere la scelta giusta per un sito informativo sull'ambiente.Ciò che funziona per un sito informativo potrebbe non funzionare per un'applicazione.Come discusso Carlo, quando gli utenti siano cercando di completare un'attività il modello di spostamento informale comune sul Web non probabilmente appropriato, si desidera aiutare gli utenti possono ottenere i relativi obiettivi, non distrarre o li lead fori coniglio verso il basso.

Pertanto, in cui che lasciare è?Non disperare!Anche se non si dispone di esperti UX per consultare, esistono tecniche che è possibile utilizzare per rendere la migliore dell'esplorazione.Una tale tecnica è definita scheda Ordinamento.

Scheda ordinamento

Scheda ordinamento è un modo per ottenere gli utenti, preferibilmente da pubblico destinazione, per partecipare a protezione è possibile organizzare il contenuto ( Figura 9 è illustrato un esempio).Porta alcune analogie per altre tecniche di coinvolgimento dei cointeressati, come schede class-member-responsabilità collaborazione (CRC, Cyclic Redundancy Check) (una progettazione orientata o OOD, tecnica), utente brani e così via, in quanto si basa sui cointeressati per attivamente partecipare la progettazione della soluzione (e utilizza schede).In genere, viene utilizzata per organizzare le informazioni sui siti Web, ma le tecniche possono essere utilizzate per organizzare i comandi all'interno di un'applicazione.

Nella Figura 9 esempio di scheda ordinamento da design/cardsort.html Usability.gov/

È un approccio centrato dall'utente anziché centrato soluzione o al centro del dominio e pertanto consente di scoprire progettazione che senso a qualcuno che interagiranno effettivamente con la soluzione.È possibile non passare in profondità tecnica effettiva.Basti dire che questa operazione implica utenti classificare il materiale.Sono disponibili numerose risorse liberamente in linea (ad esempiousability.gov/Design/cardsort.HTML), e in realtà non vi sono un numero di pacchetti software per agevolare, ad esempio OptimalSort.Ma prima di utilizzare software, prendere in considerazione l'approccio di scheda indice.Esperti concordano che recupero congratulo reale insieme di persona e utilizzo effettive schede verrà in genere producano buona risultati.

Modelli struttura UX

Probabilmente una delle risorse migliori in progettazione UX è modelli.Non è sorpresa che esistono numerosi modelli di progettazione per lo spostamento, compreso il breadcrumb, consente agli utenti di orientarsi, di spostamento Faceted utilizza facet (metadati) sui risultati di ricerca per filtrare attivamente, Pannello di Modal, dives nella finestra di dialogo familiare a scelta obbligatoria, e molti contenuti tra.Ad esempio, figura 10 viene illustrato un campione del motivo di punti di voce non crittografato.

Punti di voce chiaro

Potrebbe non essere evidente quali utenti possono o devono eseguire quando un'applicazione di avvio o un sito.È necessario assegnare agli utenti un insieme di punti di ingresso crittografato nell'applicazione o sito Web basato sui più comuni attività o le destinazioni.

Nella figura 10 Cancella voce Points esempio principale

Senza punti di ingresso chiaro, nuovi o poco frequenti utenti possono ritengono persi immediatamente all'apertura di un'applicazione o un sito.Dalla Guida gli utenti con punti di ingresso chiaro, è possibile eseguire il carico per scoprire ciò che possono o deve disattivato di essi.

Questo modello funziona solo se è stata o possibile individuare un insieme dell'attività o destinazioni per un segmento di grandi dimensioni del gruppo di destinatari più comuni.Se non è possibile eseguire questo, il motivo effettivamente causa problemi ulteriori in quanto vengono ottenuti in modo e non effettivamente Guida persone alle operazioni che si desidera eseguire.

È importante che la maggior parte degli utenti essere nuovi o poco frequenti utenti perché, solo se le attività in questione sono il solo le attività, agli utenti standard può trovare cancellare i punti di ingresso ottenere in modo.

Non essere deceived a pensare che è evidente che cosa gli utenti è necessario fare.Numero di pagine Home page sono un smorgasbord di tutto che l'organizzazione dietro di esso ha da offrire e persone sono sinistra confuso e non sapere che cosa fare o da eseguire.Punti di ingresso Cancella eliminano la confusione.

Implementazione

Il trucco allo schema punti Cancella voce consiste nell'identificare correttamente le attività superiore o destinazioni.Se sono utilizzate progettazione dell'utente, al centro, aver deve già identificato come le attività che soddisfare gli obiettivi chiavi per gli utenti.Utilizzare tali informazioni per progettare i punti di ingresso crittografato.

Se si non segue progettazione al centro di utente, è necessario eseguire qualche ricerca, probabilmente sia internamente che esternamente, per determinare attività principali e destinazioni degli utenti.Se all'applicazione o sito esiste già, esaminando i registri di utilizzo è di aiuto grande.È inoltre in genere possibile convertire attività chiave anche da specifiche funzionali, ma è consigliabile verificare con gli utenti oppure a almeno i cointeressati di business per garantire che le attività che si sta selezionando siano in linea con gli obiettivi principali che serve l'applicazione o il sito.

Una volta volta stabilito è possibile le attività principali, è necessario considerare come è necessario essere presentati.Se si dispone più di pochi, è necessario considerare di come è possibile raggrupparli visivamente, tenendo tuttavia, non deve essere una replica di spostamento del principale presente, effettivamente deve rappresentare attività principali.

Visualizzare le attività molto chiaro e a livello centrale nella visualizzazione iniziale dell'applicazione o sito.Assicurarsi di phrase essi in termini di attività utente cerca di completamento, anziché utilizzando branded terminologia come strumento di nomi o altri terminologia che gli utenti non si ha familiarità con.Se è possibile comunicare l'attività con poche parole, che è ideale, ma è probabile che deve integrare i nomi con descrizioni utili che lo rendono abundantly deselezionare quali utenti possono eseguire scegliendo tale attività o di destinazione.

Assicurarsi che si sta creando trap porte tramite il quale gli utenti vengono rilasciati improvvisamente non nella parte centrale della struttura del soluzione.La destinazione raggiungono scegliendo l'attività deve essere chiaramente collegata all'attività, si tratta di un buon inizio una procedura guidata, ma non da base procedura guidata, ovvero solo stabilire una connessione sicuro tra l'attività selezionata e gli utenti di visualizzazione raggiungono selezionando l'attività.

Se sono presenti le sottoattività che gli utenti possono passare direttamente in, è possibile considerare con quelli essere rivelate quando è selezionata l'operazione principale da eseguire.Tuttavia, questo non deve essere un menu completo o una combinazione di spostamento.

È consigliabile per visivamente evidenziare le attività più comuni su quelle meno comuni, disegno automaticamente gli utenti a essi.La visualizzazione del punto di ingresso principale deve non essere racchiuso tra il normale struttura o ausiliaria strumenti e informazioni.Nascondere quelle stoccaggio per mantenere lo stato attivo nei punti di ingresso.

Se si ritiene sull', si verrà vedere che i controlli sono in genere solo implementazioni di criteri, formalized codice riutilizzabile.Se si è tentato di eseguire qualsiasi lo sviluppo di Silverlight, soprattutto Silverlight 1.0 o heavy-duty sviluppo dell'interfaccia utente desktop, probabilmente si è raggiunge una rivalutazione maggiore delle operazioni eseguite controlli per l'utente.Che sia necessario disegnare e gestire anche le interazioni base di una casella di testo manualmente è facile non esattamente.

Inoltre, controlli, in particolare piattaforma ad esempio quelle nella specifica HTML creare implicite convenzioni motivo dell'interfaccia utente standard.Sono disponibili numerose altre opzioni per la selezione di più ma il controllo HTML SELECT è diventato il controllo de facto per l'attività sul Web.Piattaforme di applicazione (RIA) Internet RTF, le opzioni disponibili sono maggiori, ma senza dubbio che i controlli specificato nella casella infine formerà convenzioni (che sarà, naturalmente, influenzate da piattaforma precedente controllo utilizzo).Non ci sono molti motivi più complessi e spesso utile che è possibile implementare i controlli personalizzati o è possibile sfruttare i controlli da uno dei produttori, ad esempio Infragistics.

Per lo spostamento, naturalmente, il controllo più comune è il collegamento ipertestuale, come Carlo punti, è necessario utilizzare corretto per scegliere e anche moderato nelle applicazioni e orientati alle attività.Sono disponibili controlli scheda che semplificano il raggruppamento di elementi simili, lo spostamento tra i gruppi e un metodo implicito che indica i contenuti esaminando un utente (tramite la scheda attualmente selezionata).Esistono controlli menu a comparsa nel piattaforme desktop e Web: se si utilizza queste, essere attenzione a visitare più di tre livelli (preferibilmente due), poiché un po'di buona di vista del mouse per poterle utilizzare (come l'utente tenta desperately spostare rapidamente lateralmente da un menu a altro), che probabilmente riguarda come una sorpresa techies che live e breathe menu.Esistono tag area controlli che semplificano l'implementazione di tale motivo, lo spostamento ai controlli che consentono di tale modello, i controlli di finestra di dialogo per agevolare gli e così via.

Tagging e aree di tag sono grande modi per creare un'organizzazione flessibile per agevolare agli utenti di trovare ciò che si sta cercando.Una combinazione di organizzativa più formale come menu possibile complementari.Nella figura 11 viene illustrato un esempio.

Nella figura 11 area tag da Flickr

Ricordare semplicemente, si pensi relative al controllo (modello) è selezionare.Non solo utilizzarla perché è il più semplice o perché si è più noto con esso.Consultare un catalogo di schema per ottenere una migliore comprensione di momenti a utilizzare i modelli e si possono inoltre utilizzare i modelli per la scelta quale implementazione (se presenti) per selezionare.

Test di verifica e modificare

Indipendentemente dal quale spostamento e organizzativo allo schema opportuna risulterà errato, almeno in parte.Anche se è da destra per ora, è probabile che le proprie esigenze vengono modificati nel tempo.Pertanto, è necessario investire in effettua uno schema di spostamento scalabile, come detto Carlo, nonché una flessibile.

Non si desidera regolarmente apportare modifiche sostanziali a strutture di spostamento, ma è necessario ottimizzare li base i dati di utilizzo effettivo e il test di usabilità.Test di usabilità è un'opzione valida poiché è possibile verificare a problemi prima di rilasciare l'applicazione, solo assicurarsi di lasciare spazio per farlo e rendere le modifiche in base ai risultati della programmazione di progetto.

Se si dispone di dati di utilizzo (ad esempio da registri Web o utilizzo di funzionalità di tracciabilità, utilizzarlo per comprendere come le persone utilizzano la struttura esistente e modificare di conseguenza.Registri di ricerca sono particolarmente informativi in quanto indicano i punti deboli nella combinazione di spostamento come degli utenti per cercare di spostamento.Se non si sta utilizza registrazione basata sul Web, valutare se creazione di un'infrastruttura di rilevamento di utilizzo in modo che sarà necessario eseguire il backup e informare future modifiche dei dati.

Creazione spostamento buona può sembrare un po'enorme dopo aver buona parte else preoccuparsi di come sviluppatore.Se non si dispone di esperti a disposizione, è possibile utilizzare questioni nelle proprie mani seguente parte i suggerimenti che è stato descritto qui.

Spostamento è estremamente importante, è opportuno l'ora e le risorse che verranno investimento.È possibile farlo in modo incrementale con l'aiuto del modelli ed è possibile utilizzare grande di semplice lettura primers come non crea utente ritiene Steve Krug e Findability ambiente Peter Morville tra gli altri.Gli utenti che è necessario utilizzare il software saranno happier per esso.

Dr. Charles Kreitzberg è direttore generale di Cognetics Corporation (www.cognetics.com), che offre la facilità di utilizzo di consulenza e l'esperienza servizi di progettazione utente.Suo interesse creazione interfacce intuitive che operazioni e dedicati agli utenti durante il supporto di obiettivi aziendali del prodotto.Charles vive in centrale New Jersey ha moonlights come un musicista esecuzione.

Ambrose Littlevive con sua moglie e quattro figli di centrale New Jersey.È stato la progettazione e lo sviluppo di software per oltre 10 anni e applicare un relatore INETA e Microsoft MVP.Di recente, ha spostato dalla progettazione tecnica di progettazione per gli utenti ed è una finestra di esperienza dei utente progettazione per Infragistics.