Ringrazio quindi Cyanto per aver fatto un post che segnala alcune numeriche e studi qualitativi in merito. Tre sono stati pubblicati da ClickTale, basati su analisi effettuate a partire dal loro servizio di tracciamento (2006/12, 2007/10, 2007/12). Due invece sono del sito User Interface Engineering, che fa alcune osservazioni qualitative (1998/07, 2006/08).

Analisi Quantitative (ClickTale)

La prima ricerca (2006/12), eseguita su un campione di 120.000 views, riporta una evidenza interessante. Nelle pagine in cui è presente una scrollbar la maggior parte degli utenti (22%, più di 1 su 5) visualizza il 100% della pagina indipendentemente dall’altezza della stessa, con un divario notevole rispetto a tutte le altre percentuali:

Il secondo dato interessante che si nota su questi dati è che non c’è correlazione fra la quantità di pagina vista e la lunghezza della stessa, come si nota da questo grafico (notate comunque la fluttuazione verso l’alto sulle prime tre altezze minori):

La ricerca successiva del 2007/10 esegue analisi più complesse su un campione più ampio ma conferma questi dati. Interessante invece quella del 2007/12 che aggiunge il fattore tempo, ovvero correla i dati precedenti con la quantità di tempo che gli utenti spendono su una determinata parte della pagina.
ClickTale cita il tempo speso come “attention” (”attenzione”) ma credo sia un errore stabilire una correlazione diretta fra i numeri analizzati e l’attenzione dell’utente. Preferisco usare “permanenza”:

Il grafico in questo caso è un po’ confuso, si notano però alcune caratteristiche interessanti. La prima è il picco intorno ai 500 pixel, quasi ovvio visto che è lo spazio che appare immediatamente caricata la pagina. Successivamente c’è un rapido declino (esponenziale) fino ai 1000 pixel (si vede meglio sugli altri grafici riportati da ClickTale) e dai 1000 in poi il calo è lineare, con un nuovo picco a fondo pagina, probabilmente perché spesso è presente un footer navigabile e in generale l’utente si interroga su come proseguire la navigazione.

Queste analisi numeriche non rispondono alla mia domanda iniziale (“scroll o next?”), ma sono un interessante insight su alcune dinamiche che avvengono e buoni suggerimenti su come progettare la pagina.

Analisi Qualitative (UIE)

L’articolo del 1998 di Jared M. Spool “As the Page Scrolls” inizia così:

Users say they don’t like to scroll. As a result, many designers try to keep their web pages short.

But one of the most significant findings of our research on web-site usability is that users are perfectly willing to scroll. However, they’ll only do it if the page gives them strong clues that scrolling will help them find what they’re looking for.

L’introduzione è già di per sé una ottima sintesi del resto dell’articolo: sintetizza sia il problema cognitivo degli utenti sia la risposta progettuale.

L’evidenza di queste affermazioni è stata portata alla luce da alcuni test utente fatti su due versioni di un sito: uno con pagine lunghe, l’altro con pagine che stavano perfettamente nello spazio visuale del browser (quindi, senza barre di scorrimento).
Il risultato è che l’utente non ha avuto alcuna percezione di miglioramento in quella senza barre e al contrario è riuscito a raggiungere più facilmente l’obiettivo quando i contenuti erano presentati su una sola pagina.

Il problema evidenziato è che nel caso di pagine corte gli utenti per reperire informazioni dovevano continuamente fare una navigazione a rimbalzo, ovvero continuare a clickare avanti, tornare indietro, clickare avanti e così via.

Una pagina lunga diventa ancora più efficace se viene fatto un raggruppamento logico e funzionale sia dei link che portano altrove, sia dei contenuti interni, in modo che l’utente con un colpo d’occhio è in grado di localizzare l’informazione che richiede. Non dimentichiamo infatti che in media gli utenti non leggono, scansionano.

L’articolo seguente sempre di Jared M. Spool, “Utilizing the Cut-off Look to Encourage Users To Scroll”, fornisce una ultima indicazione: dare alle pagine lunghe un look “tagliato” (”cut-off look”), in modo che vi sia l’affordance visuale di un contenuto che prosegue.

In Sintesi, i Principi

Da tutta questa discussione possiamo rilevare alcuni punti interessanti:

1. La lunghezza della pagina non influenza il comportamento di scrolling.
2. L’utente è propenso a usare lo scroll, frequentemente fino in fondo (22%, circa 1 su 5).
3. E’ necessario fornire forti suggerimenti visuali indicanti che la pagina prosegue oltre la parte immediatamente visibile (”cut-off look”).
4. La lunghezza della pagina è quindi determinata solamente dal contenuto: se ci sono tante informazioni correlate è meglio che siano raggruppate assieme, altrimenti si possono separare in differenti pagine.

In generale io propendo alla presentazione panottica dei dati, perché consente all’utente di vedere meglio la struttura dell’informazione e quindi migliora la sua possibilità di scelta, gli da controllo. Più in generale, le informazioni presentate simultaneamente su un ampio spazio sono più fruibili di piccoli contenuti spezzati.

Spesso questa tesi viene contraddetta dicendo che l’utente vuole poche informazioni e si “spaventa” se ci sono troppe informazioni: è vero, ma questo è un problema di presentazione, non di quantità. A parità di contenuti ci sono molti modi di veicolare il messaggio: alcuni semplici, altri complicati. Come sempre accade fare una cosa semplice è difficile ed è il motivo per cui nella maggior parte dei casi le pagine lunghe sono anche caotiche.

Una piccola precisazione su questo ragionamento: utilizzare più spazio rende più fruibili le informazioni, ma spesso questo si scontra con i problemi di gestione dello spazio stesso: un giornale è scomodo da sfogliare, a causa delle sue dimensioni. Un libro invece sta nello zaino. E un cellulare in tasca. Bisogna quindi tenere in considerazioni anche questi fattori, come sempre trovando un bilanciamento. Ovvero, il ruolo del designer.

SIII! Me la ricordo anche io, quella storia! Un uso creativo della grafite, insomma… se ci fanno i potenziometri… Almeno, UNA VOLTA ci facevano i potenziometri…

E poi mi chiedete perche’ mi piace l’iPhone? Si e’ capito che ho la mania delle robe senza tasti?

il Ribbon: http://www.doepfer.de/a198.htm

Keith Emerson, ormai attempato, che lo usa:

Ma qui e’ meglio (anche se non riesco a trovare esattamente dove lo usa - il filmato non e’ dei migliori, ma il Moog e’ COMMOVENTE:)

L’utilizzo del Ribbon da parte di Emerson e’ leggendario (leggete il commento):
- http://lenhumbird.blogspot.com/2007/04/keith-emerson-mini-statue.html

Se c’e’ qualche tastierista, piangiamo insieme:

Un moderno “ribbon on steroids”:
- http://www.hakenaudio.com/Continuum/html/overview/Intro.html

Parlando di multitouch, chi ci ricorda questo Lemur?
- http://www.jazzmutant.com/lemur_overview.php

Il Continuum costa troppo? OK, l’iPhone costa meno (nonostante i vari Mr.Waterloo) e ci viene in aiuto:
- http://moocowmusic.com/Band/ (grande il video che mostra come funziona!)

Costruiscitelo! (il ribbon, non l’iPhone…)
- http://blog.makezine.com/archive/2005/06/diy_ribbon_cont.html

E FINALMENTE l’oggetto che ha scatenato questo post:

- sito originale: http://drawdio.com/

The Cloud - from mitmobileexperiencelab on Vimeo.

Vi faccio i complimenti se avete a questo punto già intuito il problema.
Questa è la seconda schermata, se ricordate la prima è una inutile pagina introduttiva, qui si seleziona il biglietto prima di pagare. Non entro nei dettagli dell’analisi del sistema che ho già fatto precedentemente.

Vi fornisco altri due suggerimenti per indovinare:

Presi da due mie segnalazioni precedenti (del 22/08/2006, e del 18/09/2006).

Il problema è che la prima voce - preselezionata - è… la lingua!

Quindi, ora, è impossibile “premere 2 volte il tasto OK - poi mettere i soldi” per ottenere un biglietto urbano, pratica nozione per chi non volesse cimentarsi con le difficoltà d’uso dell’apparecchio.
Se premi due volte, ora arrivi alla selezione della lingua.

Comodo, eh?

In aggiunta al problema c’è l’eterogeneità degli elementi: dalla stessa lista non solo compro biglietti e ricarico abbonamenti, ma cambio anche la lingua. Brr.

Ho provato a trovare i pro di questa soluzione, per cercare di avere una visione più obiettiva:

1. In questo modo l’utente viene costretto a leggere e non a fare un acquisto di impulso premendo a caso.
   Il problema non sussiste: perso un automatismo se ne fa un altro, è già un errore avere distrutto il precedente dopo ormai due anni di uso. Inoltre al pagamento è specificato il prezzo che se differisce mi porta ad annullare l’operazione.
   Ok, scartata.
2. La lingua è la cosa più importante per gli stranieri, deve essere di rapido accesso.
   Il problema rimane: “Lingua / Language” è solo per parlanti italiano e inglese ed è comunque nella seconda schermata. Inoltre, la percentuale di stranieri che utilizzano il dispositivo è bassissima, anche se ovviamente non è da trascurare.
   Ok, scartata.
3. Probabilmente il sistema è stato progettato a basso costo e quando è stato necessario introdurre un comportamento differente si è trovata la soluzione a minor impatto in assoluto.
   L’approccio è sbagliato: non si possono progettare soluzioni simili a “low budget”!
   Ok, possibile ma sbagliato.

Non mi vengono altre idee in mente, passiamo alle soluzioni.

Senza procedere al rifacimento integrale del sistema (che farei volentieri, ma ovviamente non gratis) una soluzione semplice esisteva, ed ancora una volta bastava copiare: il sistema di selezione lingua delle biglietterie Trenitalia. Non sarà il sistema migliore al mondo, ma quantomeno ha un buon margine di funzionalità ed è semplicemente una pulsantiera con le bandiere degli stati.

~

Mi piacerebbe fare una rubrica su Idearium chiamata “Interaction Sightings“, sullo stile di questo post: problemi che fanno riflettere (con soluzioni proposte) e interessanti modelli di interazione che incontriamo durante la vita di tutti i giorni.

da Instructables.com
3D chocolate printer made from LEGO - Using lego and a few custom components a 3D printer for chocolate is possible. I did this project a long time ago so the documentation is incomplete, but hopefully it will inspire someone to rebuild it and fill in the blanks - Vai all’articolo originale

Qui c’è invece chi -e sono moooooolto giovani- con i LEGO ci fanno la cioccolata

Considerando poi che molti dei punti di vista coincidono con gli occhi di amici di Idearium (a proposito, le porte sono aperte per chi cerca “onore e gloria”), e che molti altri invece appartengono ai guru della progetta-grammazione di RIA e applicazioni Web di casa nostra, un clic per scaricare l’utlima edizione di Usermatter.com potrebbe non essere il sesto miglior modo per perdere tempo on line.

PS. Garantisco sugli ingredienti… non sul cuoco!

Si svolge a Roma il nuovo Master in Cultural Experience Design and Management promosso dalla  Domus Academy e dall’IRFI, Istituto Romano per la Formazione Imprenditoriale/Azienda Speciale della Camera di Commercio di Roma. Roma rappresenta l’ambiente naturale per il MED, grazie alla sua ricchezza storico-artistica, ai suoi siti architettonici contemporanei, alla sua rete di istituzioni culturali, alla sua industria cinematografica e al suo consistente e costante flusso di turisti. Il MED intende, dunque, formare manager di esperienze culturali e professionisti in grado di restituire il giusto valore al patrimonio artistico e culturale, combinando competenze di comunicazione, di design e di management. La prima parte dell’attività didattica è organizzata in workshop tematici integrati con lezioni specifiche. La seconda è dedicata alla Tesi Finale di Master. I workshop si articolano in quattro aree tematiche: Humanities, Scienze dell’Uomo, Economia e Destination Management, Tecnologia.

E’ possibile averne un’idea: giovedì 15 maggio 2008 nella sede romana del Master MED, in via Ticino 14, alle ore 14.30, ci sarà un piccolo evento di chiusura delle attività didattiche. Verranno presentati i lavori conclusivi del quinto ed ultimo workshop del Master, dal titolo “L’elaborazione dell’esperienza”, coordinato da Andrea Genovese, e con la collaborazione di Claudio Moderini e di Mattia Darò. Gli studenti del Master presenteranno i loro progetti:”30 metri sopra il cielo - Gli ascensori del Vittoriano”, “Dal marmo la vita - La Galleria Borghese”, “Rendiamo visibile quello che non lo è - I tesori nascosti dei musei comunali romani”. Alla conclusione della presentazione, verrà brevemente presentata la seconda edizione del Master, che partirà nel mese di novembre 2008.