Gli ultimi post di Edit

Alternative al doppio inserimento dell’indirizzo e-mail

Venerdì 13 Novembre 2009 - 08:30

di Cesare Lamanna

Web Design

Credo che Facebook (vedi screenshot qui sotto) sia uno dei pochi siti che all’atto della registrazione non richiede il doppio inserimento dell’indirizzo e-mail (se è per questo nemmeno della password…).

La prassi del doppio inserimento, per quanto la si possa trovare noiosa, ha una sua ragion d’essere, su questo non si discute. Ciò non toglie che possano essere individuate delle alternative che non vadano ovviamente a rinunciare al controllo dell’utente su quanto inserito nel form. Un alert in forma di testo rosso che segnala a chi compila il modulo quanto ha scritto. O altre variazioni sul tema in varie posizioni e con modalità invero molto particolari.

Vale davvero la pena in questi casi tentare nuove strade? C’è qualcuna delle soluzioni proposte che vi convince?

screenshot

Tags:

Categoria: Web Design | Permalink | Commenti (11)

Registrazione sul sito e checkout

Venerdì 6 Novembre 2009 - 08:02

di Cesare Lamanna

Web MarketingWeb Design

Dilettantesca (amateurish), dannosa (damaging): così Bruce Tognazzini definisce la pratica di costringere il visitatore acquirente a registrarsi sul sito proprio nel bel mezzo del processo di acquisto, magari un attimo prima di poter premere il fatidico pulsante ‘Completa l’ordine’. Ma l’articolo How to Achieve Painless Registration merita a prescindere da questa considerazione. Da leggere.

Tags:

Categoria: Web Marketing, Web Design | Permalink | Commenti (7)

Lightbox, i suoi cloni e il problema del tasto ‘Indietro’ del browser

Mercoledì 14 Ottobre 2009 - 08:23

di Cesare Lamanna

Scripting

A prescindere dalla bontà delle soluzioni che propongono, certi post sono davvero illuminanti. Prendiamo questo The Trouble with Lightbox (and its Variants) di Jonathan Cristopher.

Io non avevo mai sospettato né sperimentato che con le diverse varianti di Lightobox potesse esserci un problema di usabilità legato all’uso del tasto ‘Indietro’ del browser. Semplice: ogni volta che ho ingrandito un’immagine, ho sempre usato per chiuderla il pulsante (o il link) apposito presente in qualche angolo del box in sovrimpressione. Mai mi è venuto in mente di farlo usando il tasto ‘Indietro’ del browser.

A quanto pare, invece, come testimonia l’esperienza di Cristopher con molti suoi clienti, questo è quanto avviene tante e tante volte. L’esito? Ci si ritrova buttati fuori dalla pagina e reindirizzati al sito (o alla pagina) visitata immediatamente prima. Mi è bastato fare una semplice prova per verificare che così avviene in effetti.

Se dunque un problema c’è, ecco che Cristopher propone la soluzione, basta sull’uso di SWFAddress. Ecco una demo, provate a ingrandire un’immagine e a cliccare sul tasto ‘Indietro’. Per i dettagli sull’implementazione basta dare una sbirciata al codice dell’esempio.

Tags:

Categoria: Scripting | Permalink | Commenti (9)

Toh, la gente scrolla la pagina…

Martedì 13 Ottobre 2009 - 08:14

di Cesare Lamanna

Web Design

Eh già, perché se quelli di cxPartners (una web agency inglese) hanno intitolato il loro articolo The myth of the page fold: evidence from user testing un motivo c’è: sono in tanti, non si sa in base a quale evidenza, a pensare che alla gente non piace scorrere una pagina web verso il basso. Meglio le pagine corte, dunque, a costo di affastellare troppi contenuti nella parte superiore, above the fold come dicono gli anglofoni, ovvero nell’area della pagina che è visibile nel browser prima di fare lo scrolling verso il basso per visualizzare il resto.

L’articolo espone i risultati di uno studio svolto, tra l’altro, con il supporto del tracciamento oculare. I risultati sono così sintetizzabili: le persone si aspettano di dover scorrere la pagina verso il basso, non c’è nulla che faccia pensare al contrario, ma un design poco ponderato sotto questo aspetto può creare delle barriere psicologiche che scoraggiano a procedere verso il basso. Il primo? La presenza di linee orizzontali troppo marcate ed evidenti da un lato all’altro della pagina. Al contrario, un uso accorto delle immagini, dello spazio bianco e altri piccoli accorgimenti possono costituire un naturale invito a proseguire la lettura fino in fondo della pagina.

Tags:

Categoria: Web Design | Permalink | Commenti (6)

Rivelare la password, Apple style

Venerdì 9 Ottobre 2009 - 08:36

di Cesare Lamanna

Web Design

Il caso è simile a quello di cui si discuteva ieri a proposito del checkbox “Ricordati di me”. Fu sollevato, come qualcuno ricorderà, da Jakob Nielsen, il quale in uno dei suoi celebri alertbox deprecò come inutile la pratica di mascherare i caratteri all’interno dei campi per le password.

Due proposte sicuramente controverse, che se prese alla lettera forse aumentano i problemi piuttosto che risolverli. Già nel post in cui parlavamo della presa di posizione di Nielsen, non erano mancati i suggerimenti per soluzioni di compromesso. Ricordo in particolare quanti hanno fatto riferimento alla tecnica adottata su certi dispositivi mobili, iPhone in primis.

Vedo ora che Jeremy Keith ha appena pubblicato sul suo blog una soluzione Javascript (codice) ispirata a quella adottata in certi casi da Apple. Consiste nell’aggiunta di un checkbox che consente di rivelare i caratteri inseriti (potete vedere lo script in azione su questa pagina).

La tecnica aderisce per certi versi al suggerimento contenuto nell’alertbox di Nielsen, ma con una differenza sostanziale: il nostro consigliava di aggiungere un checkbox per mascherare i caratteri, lasciandoli di default rivelati.

Tags:

Categoria: Web Design | Permalink | Commenti (3)

Ricordati di me

Giovedì 8 Ottobre 2009 - 08:45

di Cesare Lamanna

Web Design

Mi era sfuggito che qualcuno avesse organizzato una crociata per far fuori il povero checkbox “Ricordami su questo computer” (con tutte le sue varianti) che troviamo a corredo di tanti form di login :) Quel qualcuno ha un nome, David Heinemeier Hansson di 37Signals.

Fare fuori, nello specifico, si traduce così: è scontato che la gente voglia accedere al sito senza dover sempre inserire username e password, per cui quel checkbox è inutile. E con i computer condivisi come la mettiamo? Facile, secondo l’ottimista Hansson: si può assumere che gli utenti in questione facciano ogni volta il logout.

Una soluzione di compromesso potrebbe essere quella suggerita su Usability Post e che poi è quella adottata da Google: impostare di default il segno di spunta sul checkbox.

Tags:

Categoria: Web Design | Permalink | Commenti (9)

Il “refresh” ignoto

Lunedì 14 Settembre 2009 - 08:39

di Massimiliano Scorza

Web Design

Non sono abituato a scrivere post strettamente tecnici o che riguardano gli standard del web e l’usabilità in generale. Però vorrei togliermi un sassolino che da utente non riesco proprio a digerire.

Benché si faccia un gran parlare di user-experience, sono ancora troppe a mio avviso le situazioni in cui il visitatore del sito è completamente abbandonato a sé stesso.

Continua a leggere Il “refresh” ignoto

Tags:

Categoria: Web Design | Permalink | Commenti (11)

Nielsen e le password

Martedì 7 Luglio 2009 - 08:31

di Cesare Lamanna

Web Design

Leggo solo ora dell’ultimo (stimolante? provocatorio?) Alertbox di Jakob Nielsen. Tema: l’uso di mascherare i caratteri nei campi di inserimento delle password.

Nella visione di quello che è forse l’unico uomo al mondo che di default viene definito guru, tale pratica andrebbe abolita. Via libera ai caratteri in chiaro.

Per dare sostanza alla sua opinione, Nielsen non porta questa volta a sostegno i risultati di approfonditi studi e ricerche. Molto più semplicemente: quando uno fa il login su un sito è altissima la probabilità che non ci sia nessuno alle sue spalle a spiare, pertanto mascherare la password è inutile. E perché, visto che è inutile, continuare ad adottare il sistema con tutti i problemi in termini di usabilità che pone?

Ovviamente il nostro non può non tenere conto di situazioni particolari, come quelle in cui ci si trova in luoghi pubblici o quelle in cui il login avviene su siti come quelli delle banche. La soluzione proposta è quella di aggiungere accanto al campo un checkbox tramite cui scegliere se mascherare la password o no. Sagace… Oppure no?

Tags:

Categoria: Web Design | Permalink | Commenti (27)

Uno studio sull’usabilità dei form

Venerdì 12 Giugno 2009 - 08:10

di Cesare Lamanna

Web Design

Che i form siano un elemento di criticità nel contesto di un sito non lo scopriamo oggi e non mancano approfondite analisi svolte con il metodo dell’eyetracking che hanno messo in risalto i fattori più problematici.

Sempre basato sul tracciamento oculare è lo studio recentemente svolto da CXPartners. Sotto esame il comportamento di un gruppo di utenti alle prese con i moduli di registrazione di eBay, Yahoo Mail, GMail e Hotmail.

La sintesi dei risultati consiste in 10 linee guida. Le label? L’ideale è posizionarle verticalmente rispetto al campo corrispondente e quando ciò non sia possibile è consigliabile piazzarle, ben evidenziate in grassetto, sul lato sinistro. Evitare poi di distribuire i campi su più di una colonna; per situazioni in cui si inseriscano due input di testo sulla stessa riga (classico il caso della coppia nome/cognome) è opportuno fare in modo che siano ben ravvicinati e che siano raggruppati sotto una sola label.

Interessante poi l’osservazione sui campi obbligatori. Il consiglio, in base alle osservazioni svolte, è di non usare l’asterisco come indicazione di una compilazione obbligatoria, ma di rendere esplicito il fatto che un campo è opzionale attraverso un’indicazione testuale. Gli screenshot allegati sono comunque molto significativi, per cui vi rimando alla lettura dello studio per maggiori dettagli.

Tags:

Categoria: Web Design | Permalink | Commenti (3)

Drupal continua i suoi test di usabilità

Mercoledì 10 Giugno 2009 - 12:28

di Gino Giorgetti

CMS

Drupal

Avevamo già avuto modo di parlare dei test che l’Università di Baltimora stava effettuando su Drupal, per saggiarne l’usabilità.

Grazie al lavoro svolto in questi mesi, sono state apportate molte migliorie a Drupal 7, a partire da una migiore gestione del sistema WYSIWYG, il miglioramento della gestione dei permessi e molto altro ancora.

Continua a leggere Drupal continua i suoi test di usabilità

Tags:

Categoria: CMS | Permalink | Commenti (3)