Archivi tag: usabilità

e commerce, interfaccia grafica, interfaccia utente, internet, metodo nielsen, Usabilità, user experience, web design, webmarketing

Eyetracking e schema a F, per interfacce grafiche al top

La distribuzione dei contenuti a  F rende l’interfaccia grafica più interessante

Le visualizzazioni di Eyetracking mostrano che gli utenti leggono spesso pagine Web in uno schema a forma di F: due strisce orizzontali seguite da una striscia verticale.

F per veloce (fast).

È così che gli utenti leggono i tuoi preziosi contenuti. In pochi secondi, i loro occhi si muovono a velocità sorprendenti attraverso le parole del tuo sito Web in un modello molto diverso da quello che hai imparato a scuola. Un nuovo studio sull’eytracking, ha analizato come 232 utenti hanno guardato migliaia di pagine Web. Il comportamento di lettura principale degli utenti è stato abbastanza coerente in molti siti e diverse attività.

Questo modello di lettura dominante sembra un po ‘come una F e presenta le seguenti tre componenti:

  • Gli utenti leggono prima in un movimento orizzontale, di solito nella parte superiore dell’area del contenuto. Questo elemento iniziale forma la barra in alto della F.
  • Successivamente, gli utenti spostano leggermente la pagina verso il basso e quindi leggono in un secondo movimento orizzontale che in genere copre un’area più corta rispetto al movimento precedente. Questo elemento aggiuntivo forma la barra inferiore di F.
  • Infine, gli utenti scansionano il lato sinistro del contenuto con un movimento verticale.

A volte questa è una scansione abbastanza lenta e sistematica che appare come una striscia solida su una mappa termica per l’eyeering. Altre volte gli utenti si muovono più velocemente, creando una mappa di interesse dicontinua.

Questo ultimo elemento forma la radice di F.

Ovviamente, i modelli di scansione degli utenti non sono sempre composti da esattamente tre parti. A volte gli utenti leggeranno una terza parte del contenuto, rendendo il modello più simile a una E che a un F. Altre volte leggeranno solo una volta, rendendo il modello simile a una L rovesciata (con la traversa in alto) . Generalmente, tuttavia, i modelli di lettura assomigliano approssimativamente a una F, sebbene la distanza tra la barra superiore e quella inferiore vari.

eyetracking male female

Le aree in cui gli utenti apparivano più colorati sono di colore rosso; le aree gialle indicano meno visualizzazioni, seguite dalle aree verdi meno viste. Le aree grigie non hanno attratto alcuna fissazione.

Gli utenti leggono tre diversi tipi di pagine Web: un articolo nella sezione “chi siamo” di un sito web aziendale , una pagina di prodotto su un sito di e-commercee risultati di un motore di ricerca pagina. Va detto comunque che se si strizzano gli occhi e ci si concentra sulle aree rosse (più viste), tutte le mappe termiche mostrano il modello F previsto. Certo, ci sono alcune differenze.

Il modello di visualizzazione F è una forma generale approssimativa piuttosto che un comportamento uniforme e pixel-perfetto.

Nella pagina di e-commerce , la seconda traversa della F è più bassa del solito a causa dell’intervento dell’immagine del prodotto. Gli utenti hanno inoltre assegnato un tempo di fissazione significativo a una casella nella parte in alto a destra della pagina in cui sono stati trovati il ​​prezzo e il pulsante “aggiungi al carrello”.

Sul SERP, la seconda traversa di F è più lunga della traversa superiore, principalmente perché il secondo titolo è più lungo del primo. In questo caso, entrambi i titoli si sono rivelati ugualmente interessanti per gli utenti, anche se in genere gli utenti leggono meno della seconda area visualizzata su una pagina.

Implicazioni del modello F

Le implicazioni del modello F per il web design sono chiare e mostrano l’importanza di seguire le linee guida per  il Web invece di tagliare e incollare il testo come è stato impaginato per la stampa.

La lettura approfondita è rara, soprattutto quando i potenziali clienti stanno conducendo la loro ricerca iniziale per cercare possibili fornitori. Sì, alcune persone leggeranno di più, ma la maggior parte no.

I primi due paragrafi devono indicare le informazioni più importanti.

C’è qualche speranza che gli utenti leggeranno questo materiale, anche se probabilmente leggeranno più del primo paragrafo che del secondo. Iniziare sottotitoli, paragrafi e punti elenco con  informazioni che gli utenti noteranno quando scorreranno il lato sinistro del contenuto nella barra verticale ella F.

Leggeranno la terza parola su una riga molto meno spesso delle prime due parole.

Ricordiamo che, naturalmente, gli utenti eseguono una scansione in modo diverso e più diretto quando cercano prezzi o altri numeri.

interfaccia grafica, interfaccia utente, metodo nielsen, Usabilità, user experience, web design

Metodo Nielsen: prevenire gli errori consci degli utenti, parte 3

Conferma prima delle azioni distruttive

I progettisti di solito si concentrano sulle attività dell’utente relative alla creazione. Ma anche la cancellazione deve essere semplice.

Ricorda, quando gli utenti eliminano un oggetto, distruggono qualcosa che aveva richiesto lavoro per essere  creato.

Prima di aver rimosso l’oggetto di quel duro lavoro, assicurati assolutamente che l’utente intendesse veramente eliminalo mostrando agli utenti una finestra di dialogo di conferma.

Questo può essere un modo efficace, semplice e familiare per dare all’utente la possibilità di fermarsi definitivamente, e ricontrollare se vogliono veramente cancellare tutte quelle foto di vacanza, per esempio. È importante utilizzare con attenzione le finestre di dialogo di conferma, poiché interrompono il flusso di lavoro degli utenti e rallentano intrinsecamente.

Vedi anche: 

 

Se una finestra di dialogo di conferma chiede “vuoi davvero farlo?” Dopo ogni decisione, molti utenti non dedicheranno il tempo a ricontrollare se hanno fatto un errore prima di premere istintivamente il pulsante Conferma evidenziato.

Contrariamente intuitivamente, un design destinato a prevenire gli errori può effettivamente aumentarli, poiché l’utente deve contrastare l’inefficienza di una costante richiesta diconferma. Come nella celebre favola di Esopo, “Il ragazzo che gridò al lupo”, un’interfaccia utente può diventare “Il computer che ha chiesto troppe volte conferma”.

In entrambi i casi, le persone avranno smesso di prestare attenzione ai falsi allarmi nel momento in cui c’è qualcosa di importante su cui piangere. Non utilizzare le finestre di dialogo di conferma come unico metodo di prevenzione degli errori, applicale attentamente con le altre tecniche discusse in questo articolo per massimizzare la loro utilità e limitare la loro inefficienza.

Un altro principio fondamentale che impedisce agli utenti di commettere errori è  fornire una rete di sicurezza che rende questi errori meno costosi. Quasi tutti hanno sperimentato il momento assolutamente terrificante  in cui ci rendiamo conto di conto di aver cancellato per sbaglio un’intera cartella o una directory di documenti importanti, quando si voleva veramente cancellare solo un file.

Fornire la possibilità di annullare l’azione più recente può aiutare gli utenti a sentirsi più sicuri e più sicuri di sperimentare con caratteristiche non familiari, poiché sono consapevoli che un errore è a basso costo e può essere facilmente risolto.

Gmail offre una funzionalità di annullamento contestuale e intuitiva per azioni distruttive, come l’eliminazione accidentale di 92 e-mail.

Questa funzione si è rivelata talmente utile che Gmail ora ha reso disponibile anche l’invio di e-mail, consentendo di annullare l’invio di una e-mail fino a 30 secondi dopo aver premuto Invia.

Avvisa prima che gli errori vengano riprodotti

Presentando avvisi di errore sottili e contestuali mentre un utente sta facendo attivamente un errore può aiutarli a correggerli rapidamente. Ad esempio, quando gli utenti digitano una recensione in una casella di input su un negozio di e-commerce, non aspettare fino a quando non hanno premuto Invia per mostrare un messaggio di errore che la recensione è di 35 caratteri troppo lunga, fagli sapere mentre stanno digitando quei 35 personaggi in più (o meglio ancora, avvertili quando si avvicinano al limite).

Twitter ha notoriamente un limite di caratteri severo per Tweets e avvisa gli utenti prima che superino quel limite con un numero di caratteri rimanenti. Quando il Tweet supera il limite, mostra un contatore negativo, evidenzia i caratteri in eccesso e disattiva il pulsante Tweet, che consente agli utenti di sapere esattamente cosa devono fare per correggere il loro errore.

Riepilogo

Anche se gli utenti commettono errori durante l’utilizzo del software, è possibile ridurre gli errori generali progettando tenendo conto dell’esperienza dell’utente.

Prevenire gli errori aiutando l’utente a costruire un buon modello mentale dell’interfaccia.

Utilizzare modelli di progettazione che comunichino il modo in cui funzionano agli utenti, incoraggiare gli utenti a ricontrollare il proprio lavoro (soprattutto prima dell’eliminazione) e avvisare prima di commettere errori.

Queste semplici linee guida possono aiutare a ridurre i tassi di errori degli utenti e, in definitiva, a migliorare l’usabilità.

interfaccia grafica, interfaccia utente, metodo nielsen, Usabilità, user experience, web design

Metodo Nielsen: prevenire gli errori consci degli utenti, parte 2

Comunicare le consuetudini

Oltre all’uso di convenzioni che gli utenti sono in grado di riconoscere dalle esperienze precedenti, un altro metodo per rendere i controlli comprensibili è che il progetto comunichi come può essere usato.

Ad esempio, gli utenti sono abituati a pulsanti cliccabili che sembrano avere una sottile quantità di ombra all’esterno. Questo effetto fa sembrare che un pulsante si stia risalendo dalla pagina e tu possa spingerlo.

Viceversa, i campi modulo sono anch’essi rettangolari, ma hanno una piccola quantità di ombra all’interno della forma, per indicare che sono vuoti e possono essere riempiti.

Questo attributo del disegno che indicava come può essere usato viene spesso definito come il significante dell’oggetto.

Vedi anche: 

L’accessibilità stessa è il modo in cui l’oggetto può interagire , (i pulsanti possono essere spinti, i campi del modulo possono avere aggiunto l’input digitato) e i segnali visivi che comunicano questo all’utente sono noti come significanti del prezzo.

Se non c’è un significante chiaro che comunichi la convenienza, gli utenti potrebbero non capire come utilizzare un controllo e commettere errori.

Talvolta, gli utenti non si rendono conto che stanno per attivare un’azione che si traduce in modifiche ampie e difficili da verificare.

Le funzionalità di anteprima offrono l’opportunità di superare le difficoltà di valutazione senza commettere errori.

Un buon esempio è il rendering di effetti speciali in un software di editing video in cui la modifica del sistema in background può richiedere 5 o 10 minuti e il computer non risponde più durante il funzionamento. In questo caso, anche se gli utenti non hanno perso il lavoro in modo permanente, se il risultato non è quello che stanno cercando, hanno perso un bel po ‘di tempo e forse anche pazienza.

Ove possibile, offrire uno stato di anteprima che gli utenti possano esaminare per assicurarsi che ottengano ciò che desiderano.

Questo aiuta ad evitare errori dispendiosi in termini di tempo prima che possano essere fatti. In iOS 8 è disponibile un’opzione di accessibilità che consente agli utenti ipovedenti di ingrandire lo schermo in modo che le icone e il testo siano più grandi. L’applicazione dello zoom richiede il riavvio del telefono, che è un’azione pesante che richiederà un po ‘di tempo, quindi iOS mostra un’anteprima di come saranno le cose prima di impegnarsi ad applicare questa modifica. Questa utile anteprima ti consente di valutare se il tuo obiettivo è davvero quello di ingrandire il display.

Prevenire sia gli errori che le distrazioni

Alcune strategie di prevenzione degli errori funzionano sia con le distrazioni che con gli errori. Di seguito sono riportate alcune linee guida generali per ridurre la verosimiglianza (e la gravità) di tutti i tipi di errori.

Rimuovere gli oneri di memoria

Ogni volta che gli utenti devono conservare molte informazioni nella loro memoria a breve termine mentre lavorano a un’attività, sono vulnerabili agli scivoloni dove possono ripetere i passaggi o non riescono a completare l’attività. Gli errori di memoria possono anche portare a errori in cui gli utenti dimenticano le decisioni precedenti già prese e ripetono il processo con risultati diversi.

Quando possibile, rimuovere le condizioni che richiedono agli utenti di conservare le informazioni nella propria memoria mentre si spostano da una fase all’altra in complesse procedure a più fasi. Piuttosto, cerca di visualizzare le informazioni contestuali che gli utenti devono completare per svolgere un’attività.

Ricorda che gli utenti sono spesso distratti, multitasking o non completamente concentrati sul sito Web o sull’app che stanno utilizzando.

Un buon approccio è immaginare che i tuoi utenti potrebbero essere interrotti da una telefonata dopo ogni fase di un processo a più fasi. Mostrate tutte le informazioni che gli utenti devono riprendere prontamente dopo essere state interrotte per diversi minuti.

interfaccia grafica, interfaccia utente, metodo nielsen, Usabilità, user experience, web design

Metodo Nielsen: prevenire gli errori “consci” degli utenti, parte 1

valutazione euristica Interaction Design :

il design ideale è trasparente e facile da capire, fornisce un’anteprima e aiuta gli utenti a correggere facilmente i propri errori.

Errare è umano e gli errori si verificano quando le persone interagiscono con le interfacce utente.

Ci sono due categorie di errori degli utenti: inconsci e voluti. Gli errori voluti si verificano quando un utente è sul pilota automatico e intraprende le azioni sbagliate al servizio di un obiettivo ragionevole. Abbiamo parlato di errori inconsci e antiscivolo in dettaglio nel primo articolo di questa serie.

Vedi anche: 

 

In questo articolo ci concentriamo sugli errori voluti o consci

Gli errori si verificano quando un utente ha sviluppato un modello mentale dell’interfaccia che non è corretto e forma un obiettivo che non si adatta bene alla situazione. Ad esempio, molti giochi per bambini online iniziano con un breve video tutorial o con una pubblicità video per un altro gioco; nel nostro test con i bambini, abbiamo notato che, quando il video assomiglia troppo a un vero gioco, i bambini sono tentati di interagire con esso, pensando di poter già iniziare a giocare.

In questa situazione, gli utenti formano ed eseguono un obiettivo inappropriato, in gran parte perché interpretano erroneamente ciò che vedono sul sito web (ovvero pensano che il video sia il vero gioco). Un buon design dovrebbe aiutare a prevenire tali disallineamenti tra le aspettative dell’utente e l’interfaccia.

Quando si lavora con un sistema come un sito Web o un’app, gli utenti iniziano con un obiettivo di qualche tipo e, in base al loro modello mentale del sistema, formano un piano d’azione per raggiungere tale obiettivo. Quindi agiscono e cercano di verificare che la loro azione abbia prodotto i risultati desiderati.

Un sacco di errori dell’utente (ma non inconsci) si verificano quando gli utenti non ricevono abbastanza aiuto nel colmare questi due abissi, e il modello mentale e l’interpretazione di come il sistema dovrebbe funzionare non corrisponde ai modelli mentali degli utenti.

In queste situazioni, gli utenti o formano un piano d’azione che non è corretto o non capiscono bene come lo stato del sistema è cambiato a seguito delle loro azioni. Mentre prevenire gli errori inconsci è spesso una semplice questione di validazione e di applicazione dei vincoli, prevenire gli errori voluti  implica comprendere i modelli mentali degli utenti e le loro aspettative e far corrispondere i tuoi designer.

Non commettere l’errore di pensare che gli utenti impareranno i modelli mentali dei tuoi designer; potrebbe essere il caso di rare situazioni in cui gli utenti sono costretti a utilizzare il sistema regolarmente, per la maggior parte delle app e dei siti web rivolti al consumatore, gli utenti scelgono un sito diverso invece di preoccuparsi di apprenderne uno difficile.

Raccolta dei dati utente

Metodi come indagine contestuale, studi sul campo e studi etnografici sono adatti per capire i modelli mentali e le aspettative degli utenti in una fase iniziale, quando inizi un nuovo progetto. Una volta che si dispone di un sistema (o almeno di un prototipo) è possibile utilizzare test di usabilità qualitativa per rilevare lacune tra i modelli mentali dei progettisti e le aspettative degli utenti.

Seguire convenzioni di progettazione

L’utilizzo di convenzioni di progettazione standard consente agli utenti di collegare sia il sistema di valutazione che il sistema di esecuzione e di capire quali azioni possono intraprendere.

Ciò è rafforzato dalla legge di Jakob, che afferma che “gli utenti trascorrono la maggior parte del loro tempo su altri siti Web“. Ogni utente che interagisce con il tuo sito Web o applicazione è stato addestrato da migliaia di altri progettisti ad aspettarsi che elementi interattivi comuni appaiano e funzionino in un certo modo, e possono verificarsi delle condizioni di errore quando il tuo sito web si discosta da quelle convenzionali.

 

i termini del web, interfaccia grafica, interfaccia utente, Usabilità, user experience, web design

User experience per il mobile: si può fare di meglio

I progetti di interfaccia grafica per dispositivi mobili devono fare di più che ridurre l’esperienza desktop a uno schermo più piccolo: devono essere innovativi, integrati e offrire una migliore user experience.

L’usabilità studiata da Nilesen ci dà alcuni utili suggerimenti:

Ci vuole tempo per abituarsi alla creazione di contenuti e codici di user experience 04 per un nuovo mezzo.

Quando fu inventata la televisione, i primi programmi TV furono principalmente trasmissioni radiofoniche tradotte in un nuovo dispositivo.

Ci sono voluti un po ‘di tempo per vedere talk show, game show, sitcom e reality come li conosciamo oggi.

Nello stesso modo i primi siti web erano opuscoli con collegamenti ad altri siti di brochureware.

C’è voluto un po ‘di tempo per l’e commerce,  i blog , i video ed il web 2.0.

Allo stesso modo, molte attuali esperienze mobili sono ridotte o talvolta ridotte a versioni di esperienze desktop.

Ma ricorda che i telefoni cellulari o i tablet implicano diversi tipi di esperienze rispetto ai desktop o ai laptop.

Portiamo con noi questi potenti dispositivi mobili e li utilizziamo in una grande varietà di contesti, in molte località e situazioni diverse. Interagiamo con questi dispositivi in ​​modi diversi rispetto ai desktop, attraverso il tocco, i gesti e la voce.

Con i loro piccoli schermi e le loro minuscole tastiere, possono sembrare più restrittivi di un desktop, ma in realtà sono più potenti – offrono all’utente strumenti come fotocamere, microfoni, accelerometri, bussole o sensori biometrici (ad esempio, impronte digitali o riconoscimento facciale) .

Pensa ai tuoi design mobili.

Sono versioni ridotte dei design del desktop? Qual è l’opportunità per l’innovazione?

L’utilizzo di un dispositivo mobile può migliorare l’esperienza dell’utente?

Informazioni:

Cosa è importante per gli utenti di dispositivi mobili?

Migliorare un’esperienza per i dispositivi mobili può essere semplice quanto fornire o enfatizzare le informazioni che sono più utili sui dispositivi mobili che sul desktop.

Questa informazione può essere una mappa in-store, la posizione di un dipinto in un museo o orari di apertura.

Alcuni tipi di contenuti importanti e pertinenti sui dispositivi mobili, che dovrebbero essere facili da trovare e utilizzare, includono:

  • Informazioni sulla posizione
  • Informazioni basate sul tempo o temporali (ad es. Eventi, scadenze)
  • Informazioni di emergenza
  • Numeri di telefono
interfaccia grafica, interfaccia utente, internet, metodo nielsen, Usabilità, user experience, web design

Prevenire gli errori degli utenti: evitare gli errori inconsci

Una delle 10 euristiche dell’usabilità indicate dal metodo Nielsen indica che è importante comunicare gli errori agli utenti con garbo, azione e chiarezza.

Gli utenti vengono spesso distratti dall’attività in corso, quindi occorre prevenire errori inconsci offrendo suggerimenti, utilizzando vincoli e flessibilità.

Tuttavia, è ancora meglio impedire agli utenti di commettere errori

Un punto cruciale nella discussione degli errori degli utenti è a cosa assegnare la responasbilità per l’errore. Il termine “errore utente” implica che l’utente è in colpa per aver fatto qualcosa di sbagliato. Nonè così: invece è il progettista ad essere in colpa per aver reso troppo facile per l’utente commettere l’errore.

Pertanto, la soluzione agli errori degli utenti non è quella di sgridare gli utenti, di chiedere loro di provare più duramente o di dare loro una formazione più ampia. La risposta è ridisegnare il sistema per renderlo meno incline agli errori.

 

Vedi anche: 

Due tipi di errori utente

Prima di discutere su come prevenire gli errori, è importante notare che ci sono due tipi di errori che gli utenti fanno:
Gli slittamenti o errori inconscsi verificano quando gli utenti intendono eseguire un’azione, ma finiscono per fare un’altra azione (spesso simile).Ad esempio, digitare una “i” anziché una “o” conta come una scivolata; anche mettere un sapone per le mani liquido sullo spazzolino da denti invece che sul dentifricio è una scivolata.

Gli slittamenti vengono in genere realizzati quando gli utenti sono sul pilota automatico e quando non dedicano interamente le loro risorse di attenzione all’attività in corso.

 

Gli errori spesso sono errori consci e spesso (anche se non esclusivamente) sorgono quando un utente ha informazioni incomplete o errate sull’attività e sviluppa un modello mentale che non corrisponde a come l’interfaccia effettivamente funziona.

Gli errori  consci vengono commessi quando gli utenti hanno obiettivi inappropriati per il problema o l’attività corrente; anche se intraprendono i passi giusti per completare i loro obiettivi, i passaggi risulteranno in un errore.

Ad esempio, se ho frainteso il significato della spia della pressione dell’olio nella mia auto, e ho pensato che fosse il monitor della pressione dei pneumatici, non importa quanto attentamente ho aggiunto l’aria alle mie gomme, non avrebbe risolto il problema con la mia pressione dell’olio . Questo è un errore, dal momento che l’obiettivo che stavo tentando di realizzare era inappropriato per la situazione, anche se non ho commesso errori nell’esecuzione del mio piano.

Questo articolo si concentra sulla prevenzione di errori inconsci del tipo di slittamento mentre un prossimo articolo risolverà gli errori.

Linee guida generali per evitare errori inconsci

Gli scivoloni si verificano spesso quando gli utenti conoscono bene l’obiettivo che cercano di ottenere e con la procedura per raggiungere tale obiettivo, ma accidentalmente fanno il passo sbagliato quando cercano di raggiungerlo.

Spesso, quando eseguiamo compiti che ci sono ben conosciuti, tendiamo ad allocare meno risorse attenzionali e, di conseguenza, possiamo “scivolare” ed eseguire l’azione sbagliata. Quindi, ironia della sorte, gli errori di tipo slip sono spesso fatti da utenti esperti che hanno molta familiarità con il processo in questione; a differenza dei nuovi utenti che stanno ancora imparando come utilizzare il sistema, gli esperti ritengono di aver padroneggiato l’attività e di dover prestare meno attenzione al suo effettivo completamento.

Le strategie per prevenire gli slittamenti sono incentrate sulla gentile guida degli utenti in modo che rimangano sulla strada giusta e abbiano meno possibilità di scivolare. Assistere gli utenti fornendo il livello di precisione necessario e incoraggiare gli utenti a verificare la presenza di errori.

Includere vincoli utili

Sebbene non sia sempre una buona idea limitare le scelte degli utenti, nei casi in cui vi siano regole chiare che definiscono le opzioni accettabili, può essere una buona strategia per limitare i tipi di input che gli utenti possono effettuare.

Ad esempio, prenotare un volo di solito comporta la selezione delle date di viaggio e ci sono alcune regole che determinano quali date sono accettabili. Una delle regole principali è che un volo di ritorno non può avvenire prima di una partenza. Se gli utenti non sono limitati nelle date che possono scegliere, potrebbero scivolare e selezionare per errore un insieme di date per il loro volo che non rispettano le regole. Un vincolo utile qui costringerà gli utenti a scegliere un intervallo di date adatto.

Analogamente a come i vincoli guidano gli utenti verso l’uso corretto di un’interfaccia, i suggerimenti possono prevenire molti errori prima che l’utente abbia l’opportunità di crearli.

Sui siti web che offrono migliaia di prodotti, la ricerca è un modo efficace per aiutare gli utenti a trovare il proprio ago proverbiale in un pagliaio. Tuttavia, la digitazione può essere inaccurata, in particolare sui touchscreen in cui non vi è alcun feedback tattile.

Sebbene non sia possibile impedire a un utente di eseguire errori di battitura (che sono errori di tipo slip), è possibile impedire che errori di battitura si trasformino in problemi offrendo suggerimenti contestuali mentre l’utente digita.

Offrire suggerimenti di ricerca ha anche il vantaggio di supportare il riconoscimento rispetto al richiamo in quelle situazioni in cui gli utenti ricordano erroneamente il nome del prodotto o del contenuto che stanno cercando. Ricordare come si scrive la ricerca etimotica è difficile per gli utenti che cercano cuffie di alta qualità, e la digitazione è probabilmente anche di bassa precisione.

I suggerimenti di ricerca cliccabili di Amazon consentono agli utenti di digitare meno, riducendo in tal modo gli errori o gli errori che non producono risultati.

Le opzioni predefinite sono sensate e impediscono errori di battitura per scelte comuni.

Le buone impostazioni predefinite aiutano anche a ridurre gli errori, perché insegnano agli utenti i valori ragionevoli per la domanda in questione. Aiutano gli utenti a comprendere meglio la domanda ea volte li fanno capire che si trovano sulla strada sbagliata.

Usa la formattazione per aiutare

Alcune attività richiedono davvero agli utenti di digitare informazioni molto dettagliate o precise, ma costringere le persone a fornire queste informazioni in un formato molto specifico può essere in contrasto con buone pratiche di usabilità: se chiedi agli utenti di inserire informazioni numeriche in un modulo , essere flessibili e formattare tali informazioni in modo facilmente scansionabile (dagli umani, non dalle macchine) per evitare errori.

Ad esempio, nei moduli di registrazione dell’account, c’è spesso un campo che richiede un numero di telefono. Tuttavia, molti utenti hanno difficoltà a scansionare una lunga fila di cifre che non è suddivisa in spazi o segni di punteggiatura e che hanno meno probabilità di individuare errori.

Questo è il motivo per cui  in molti altri paesi vengono scrivitti i numeri di telefono nel formato “(777) 555-1212”: questo formato raggruppa le cifre in blocchi più piccoli che sono più facili da scansionare. Mentre il database del tuo sito web potrebbe non consentire l’archiviazione di caratteri non numerici in un numero di telefono, vorresti sicuramente che gli utenti notassero errori di battitura quando inseriscono il loro numero di telefono.

Una soluzione è consentire agli utenti di digitare in un modo che è naturale per loro, piuttosto che costringerli a utilizzare il formato che la tua applicazione si aspetta.

Una soluzione ancora migliore consiste nel formattare l’input degli utenti durante la digitazione, come avviene nel sito Web di Uber durante la creazione dell’account.

Una volta iniziata la digitazione, il modulo aggiunge spazi, parentesi e trattini dove normalmente vanno, e ignora anche caratteri non numerici addizionali (che agiscono come un tipo di vincolo utile, impedendo agli utenti di aggiungere parentesi extra non necessarie, ad esempio).

Questo aiuta l’utente a capire quali caratteri devono essere digitati, e fa il lavoro di riformattazione, rendendo molto più facile per gli utenti leggere e ricontrollare il proprio lavoro. Uber.com visualizza automaticamente il numero di telefono nel formato desiderato durante la digitazione degli utenti, in modo che possano più facilmente eseguire la scansione del loro lavoro per confermare che è corretto.

Riepilogo

  • Gli errori sono spesso errori comuni che si verificano quando gli utenti non dedicano la massima attenzione a un’attività o hanno problemi di memoria.
  • Prevenire errori inconsci di questo tipo consiste  in gran parte nel ridurre gli oneri per gli utenti e guidarli quando è richiesta precisione.
i termini del web, intelligenza artificiale, interfaccia grafica, interfaccia utente, metodo nielsen, Usabilità, user experience, web design

Come proporre nuovi standard di progettazione per il web

A volte i progettisti di user interface hanno la necessità di proporre  nuovi standard alla comunità  dei web designer, ecco cosa fare per proporre nuove regole.

Ricordatevi che usare standard acquisiti è come usare le parole italiane standard piuttosto che il tuo vocabolario quando scrivi. Sei ancora tu quello che decide quale storia raccontare e come mettere insieme i nuovi elementi di design.

Regole per gli standard di progettazione

Per avere successo, uno standard di progettazione dell’interfaccia deve:
essere ben illustrato con esempi poiché i progettisti seguono gli esempi molto più del testo assicurandosi che gli esempi siano pienamente conformi allo standard in tutti gli aspetti e non solo a quello che hanno lo scopo di illustrare (i progettisti possono raccogliere più di un suggerimento da un determinato esempio), avere liste di controllo complete e complete il più possibile (i progettisti preferiscono scansionare un elenco invece di dover leggere il testo) – per esempio, un elenco di tutti gli elementi che devono essere presenti in ogni pagina o un elenco di terminologie preferite, hanno maggiore successo se  offrono un esperto di standard disponibile sia per rivedere i nuovi progetti  sia per consultazioni più informali ogni volta che i progettisti dubitano della corretta interpretazione dello standard (se non è facile rivolgere domande, allora ogni designer trarrà la propria risposta, probabilmente sbagliata).

Non è sufficiente aspettare per essere consultati:
devi cercare attivamente dei progettisti e contattarli per dire loro dello standard e per (gentilmente) commentare i loro progetti e come correggere le inevitabili deviazioni

L’evangelizzazione è particolarmente importante per gli standard intranet
poiché ogni dipartimento avrà la tendenza a ignorare i mandati dalla sede centrale.
Di solito gli utenti della itranet lo fanno con la scusa che “siamo diversi e la gente del quartier generale non conosce la nostra situazione”. È vero, ma tutti sono speciali, quindi il sistema totale sarà un caos totale se le persone sono autorizzate a divergere a causa di circostanze particolari. Solitamente, il bene superiore è effettivamente più grande e l’usabilità generale è aumentata dalla coerenza.

Ci possono essere alcuni casi in cui le circostanze sono così speciali che deve essere tollerata un’incoerenza, ma le deviazioni devono essere limitate a casi con una ragione molto, molto buona (la maggior parte delle buone ragioni non sono abbastanza buone).

Infine, renditi conto che uno standard ha i suoi problemi di usabilità.
Questo è vero se lo standard è implementato come un sito Web interattivo con collegamenti ipertestuali o se si tratta di un documento stampato tradizionale.

Pertanto uno standard di progettazione proposto dovrebbe essere testato con i progettisti per garantire che possano utilizzarlo.

Indicizzati, interfaccia utente, metodo nielsen, Usabilità, user experience, web design

10 euristiche di Nielsen per la progettazione dell’interfaccia utente

Ecco i 10 principi generali di Jakob Nielsen per la progettazione dell’interazione. Si chiamano “euristiche*” perché sono semplici regole empiriche e non linee guida specifiche sull’usabilità.

Visibilità dello stato del sistema

Il sistema dovrebbe sempre tenere gli utenti informati su ciò che sta accadendo, attraverso un feedback appropriato entro un tempo ragionevole.

Corrispondenza tra sistema e mondo reale

Il sistema dovrebbe parlare la lingua degli utenti, con parole, frasi e concetti familiari all’utente, piuttosto che termini orientati al sistema o riferiti alla programmazione. Segui le convenzioni del mondo reale, facendo apparire le informazioni in un ordine naturale e logico.

Controllo degli utenti e libertà

Gli utenti spesso scelgono le funzioni di sistema per errore e avranno bisogno di un’uscita di emergenza chiaramente contrassegnata per lasciare lo stato indesiderato senza dover passare attraverso lunghe procedure.
Supporto annulla e ripristina.

Coerenza e standard

Gli utenti non dovrebbero chiedersi se parole, situazioni o azioni diverse significano la stessa cosa. Usa termini, icone e grafiche univoche. Segui le convenzioni stabilite dalla piattaforma a cui gli utenti sono abituati .

Prevenzione degli errori

Ancor meglio dei buoni messaggi di errore è una progettazione attenta che impedisce il verificarsi di un problema in primo luogo. Eliminare le condizioni soggette a errori o verificarle e presentare agli utenti un’opzione di conferma prima di impegnarsi nell’azione, dove si suppone possa essere facile commettere errori. (Leggi l’articolo completo sulla prevenzione degli errori degli utenti.)

Riconoscimento piuttosto che richiamo

Riduci al minimo il carico di memoria dell’utente rendendo visibili oggetti, azioni e opzioni. L’utente non deve essere costretto a ricordare informazioni durante tutta l’interazione. Le istruzioni per l’uso del sistema dovrebbero essere visibili o facilmente recuperabili ogni volta che è opportuno. (Leggi l’articolo completo sul riconoscimento e il richiamo in UX.)

Flessibilità ed efficienza di utilizzo

Gli acceleratori ed eventuali scorciatoie- naacosti all’utente principiante – possono spesso accelerare l’interazione per l’utente esperto in modo tale che il sistema possa soddisfare sia utenti inesperti che esperti. Consenti agli utenti di personalizzare azioni frequenti.

Design estetico e minimalista

I dialoghi non dovrebbero contenere informazioni che sono irrilevanti o raramente necessarie. Ogni ulteriore unità di informazioni in un dialogo compete con le unità di informazioni pertinenti e diminuisce la loro visibilità relativa. Evitare l’utilizzo di differenti font e codici colore quando non indispensabile, ogni elemento dell’interfaccia deve essere semplice ed essere progettato per uno scopo preciso

Aiutare gli utenti a riconoscere, diagnosticare e recuperare dagli errori

I messaggi di errore dovrebbero essere espressi in un linguaggio semplice (senza codici), indicare con precisione il problema e suggerire in modo costruttivo una soluzione.

Guida e documentazione

Sebbene sia preferibile utilizzare il sistema senza documentazione, potrebbe essere necessario fornire assistenza e documentazione. Qualsiasi informazione di questo tipo dovrebbe essere facile da cercare, focalizzata sul compito dell’utente, elencare le misure concrete da eseguire e non essere troppo grande

 

*L’euristica (dalla lingua greca εὑρίσκω, letteralmente “scopro” o “trovo”) è una parte dell’epistemologia e del metodo scientifico.

Questa definizione è stata tratta da wiki.

È la parte della ricerca il cui compito è quello di favorire l’accesso a nuovi sviluppi teorici o a scoperte empiriche. Si definisce, infatti, procedimento euristico, un metodo di approccio alla soluzione dei problemi che non segue un chiaro percorso, ma che si affida all’intuito e allo stato temporaneo delle circostanze, al fine di generare nuova conoscenza. È opposto al procedimento algoritmico. In particolare, l’euristica di una teoria dovrebbe indicare le strade e le possibilità da approfondire nel tentativo di rendere una teoria progressiva, e cioè in grado di garantirsi uno sviluppo empirico tale da prevedere fatti nuovi non noti al momento dell’elaborazione del nocciolo della teoria.

interfaccia utente, social network, Usabilità, user experience

Tim Cook in visita alll’Harlow College

Timothy Donald Cook, più noto come Tim Cook, è un dirigente d’azienda statunitense, ingegnere e amministratore delegato di Apple dal 24 agosto 2011

Durante un tour in Europa per promuovere i nuovi corsi di codifica universitaria di Apple, Tim Cook si è fermato per un confronto  aperto agli studenti durante la sua sosta all’Harlow College.

La prima parte della discussione riguardava l’utilizzo della tecnologia sia dentro che fuori la classe. Cook ha notato che anche se Apple è interessata a promuovere la tecnologia come strumento educativo, non è detto che sia sempre l’opzione migliore.

Ha detto: “Non credo nell’uso eccessivo [della tecnologia]. Non sono una persona che dice che abbiamo raggiunto il successo se la stai usando tutto il tempo. Ci sono ancora concetti di cui è necessario parlare per poi  capire. Volete sapere se in un corso di letteratura, penso che dovreste usare molto la tecnologia? Probabilmente no.

“Cook ha detto che considera l’utilizzo dei social media tra i bambini problematico. Anche se Cook non ha approfondito, ha comunque detto : “Non ho un figlio, ma ho un nipote su a cui ho messo dei limiti. Ci sono alcune cose che non permetterò; Non voglio che frequenti un social network “.

Cook ha poi parlato del ruolo della apprendimento della programmazione  nell’educazione dicendo:” Penso che sesi dovessi fare una scelta,  sia più importante imparare il codice che una lingua straniera. Conosco persone che non sono d’accordo con me. Ma la codifica è un linguaggio globale; è il modo in cui puoi conversare con 7 miliardi di persone “.

In precedenza, la società ha annunciato che un corso progettato da Apple chiamato” App Development with Swift “sarebbe arrivato a circa 100 college e università in Europa.

i termini del web, interfaccia grafica, interfaccia utente, simbolismo colori, Usabilità, web design

Internet facile: usare il bianco nel web design

Il bianco è purezza, pulizia e innocenza. Come il nero non è un colore,è abbassamento della tonalità fino al fuori scala. Come tale il bianco si sposa bene con quasi tutti i colori. Anzi: per convenzione non viene considerato se non come sfondo neutro, tranne che in precise occasioni.

Di colore bianco oppure quasi sinonimi sono: neve, perla, bianco antico, avorio, gesso, bianco latte, giglio, fumo, conchiglia, merletto antico, crema, lino, fantasma bianco, beige, cornsilk, alabastro, carta e calce sono sinonimo di o rappresentare le sfumature del colore bianco.

Natura e cultura del bianco

Per l’occhio umano, il bianco è un colore brillante che può causare mal di testa per alcuni. Troppo bianco brillante può essere accecante. Nella maggior parte dei paesi occidentali il bianco è il colore delle spose.

In Oriente, è il colore del lutto e dei funerali. Il bianco è spesso associato a ospedali, medici, infermieri e dentisti. Alcune culture vedono il bianco come il colore della regalità o delle divinità. Gli angeli sono generalmente raffigurati come bianchi. Nei primi occidentali, il bravo ragazzo indossava il bianco, mentre il cattivo indossava il nero.

Uso del bianco nel web design

Nella maggior parte dei casi, il bianco è visto come un colore di sfondo neutro, come se non esistesse, appunto, mentre gli altri colori presenti , anche se utilizzati in proporzione minore, conferiscono il maggior significato alla pgina.

Usa il bianco per indicare pulizia, purezza o morbidezza. Alcuni beige neutri, avorio e creme hanno gli stessi attributi del bianco, ma sono più sottomessi e meno brillanti del bianco. Usa molto bianco per un look estivo. Usa piccole quantità di bianco per ammorbidire una tavolozza invernale o suggerire la neve. Usa il bianco per inviti semplici e formali e biglietti di ringraziamento.

Utilizzato con toni chiari o pastello, il bianco è morbido e primaverile e contribuisce a rendere più vivace la tavolozza pastello. Il bianco può rendere i colori chiari o rossi, blu e verdi più luminosi, più prominenti. Rosso, bianco e blu creano una tavolozza patriottica.