“non chiedetevi cosa può fare per voi il nuovo mktg. chiedetevi che cosa potete fare voi per prosperare grazie al nuovo mktg” – Seth Godin
Ci sono diverse scuole di pensiero in merito al discorso di “above the fold” quello che diamo per assodato è il concetto che sopra la piega è un termine che si riferisce al contenuto importante è nella metà superiore della prima pagina di un giornale; è comunemente usato sul web per descrivere l’area che si vede su una pagina web prima di dover scorrere la pagina.

Come da manuale, ricordiamo le 3 regole di Jakob Nielsen. Nel suo famosissimo Screen Resolution and Page Layout, Nielsen elenca i 3 criteri principali per ottimizzare il layout di una pagina in base alle dimensioni dello schermo, ponendo alcune domande:

1. Visibilità iniziale. Tutte le informazioni chiave sono visibili above the fold, senza che gli utenti debbano scrollare per vederle? trova il giusto compromesso fra il numero di elementi mostrati e quanti dettagli mostrare per ogni singolo elemento.
2. Leggibilità. In base alla risoluzione scelta, quanto è facile leggere il testo contenuto nelle varie colonne?
3. Estetica. Con quella determinata risoluzione, gli elementi contenuti nella tua pagina si visualizzano correttamente? Tutti gli elementi sono allineati correttamente (come, ad esempio, le didascalie vicine alle foto)?

Tutto ciò ci ha portato a considerare che i contenuti più importanti delle pagine di un dovranno essere inseriti necessariamente all’interno di quella “cornice”… la logica di posizionare “tutto in alto” è importantissima non solo per siti e blog, ma anche per l’email marketing per assicurarsi che quando l’utente apre l’email nel suo client di posta elettronica, possa trovare tutte le informazioni più rilevanti immediatamente, senza scrollare.

Alcuni dubbi rimangono. A volte non è sempre necessario “comprimere” tutto in alto … la stragrande maggioranza delle landing page sono incredibilmente lunghe, eppure convertono alla grande sfruttando due tecniche: la prima, è quella di mettere più “punti di conversione” distribuiti sulla pagina, più o meno a distanza uguale, in modo che, ad ogni scrollata, l’utente ne visualizzi almeno uno. La seconda, è quella di inserire ottimi contenuti anche below the fold: il fatto di voler approfondire la lettura spinge l’utente a scrollare.

Spesso un’informazione può essere condizionata dall’affermazione che la precede: l’impressione e il giudizio sulla personalità e il carattere di un’altra persona possono essere fortemente condizionati dall’ordine nel quale vengono proposte le definizioni della stessa. questo concetto riportato ai siti web ci fa capire come il modello della landing page può essere vincente (se ottimizzata bene) riuscendo a condensare in modo chiaro e preciso una forza persuasiva, facendo leva su meccanismi motivazionali che portano ad una percezione positiva e alla sensazione della bontà della proposta. L’effetto “buona la prima” condiziona molto il giudizio su una persona o su una cosa utilizzarlo a piano può cambiare le sorti di un business, possiamo utilizzare il metodo della prima impressione sia per la grafica sia per la composizione dei testi, perché in termini generali spesso la prima impressione è quella che conta.

Recentemente sono stati pubblicati di dati che hanno sfatato il mito del sopra la piega sul web, secondo la quale l’area di una pagina web visibile senza doverla scorrere, che sosteneva che l’utente non è abituato a scorrere la pagina, pertanto con buone probabilità il contenuto “sotto la piega” rischierebbe di non essere visualizzato.

Attraverso l’uso di sistemi di eye tracker è stato possibile verificare come le barre laterali fossero usate dagli utenti per esplorare l’intero contenuto delle pagine: il minor contenuto nella parte superiore può incoraggiare l’esplorazione della parte inferiore la piega della pagina. Un buon contenuto nella parte superiore di una pagina potrebbe essere una premessa che crei aspettativa all’utente che sarà incuriosito a scorrere la pagina fino alla fine e magari raggiungiamo un gran numero di conversioni.

Questi test ci mostrano delle nuove opportunità: la possibilità di poter organizzare il contenuto di un sito nel modo più “comodo” possibile, dando il giusto peso agli “ingombri”, piuttosto che preoccuparsi di visualizzare più contenuto possibile in pochi pixel. Il “sopra la piega” vale quando voglio dare al lettore un numero limitato di informazioni ed è bene che le veda subito … per tutto il resto bisogna iniziare a costruire pagine che si facciano guardare ovunque, anche in quell’angolino in basso a destra così poco utilizzato.Come in ogni caso si tratta di trovare il giusto equilibrio tra lunghezza e contenuti da inserire, ma senza regole fisse e limiti invalicabili.

È lecito pensare che questi diversi comportamenti degli utenti siano stati influenzati dalla diffusione dei nuovi strumenti del web sociale, l’aumento della presenza dei blog e dei social network … la struttura verticale dei blog ha abituato i lettori a scrollare, anche in pagine lunghissime … una predisposizione trasferita poi ad altri contesti web … la nuova fruizione dei contenuti delle home page di Twitter/FaceBook/FriendFeed ci ha abituati a scorre tutta la pagina che contiene gli UGC dei nostri contatti.

Tutti questi discorsi hanno un’importante implicazione dal punto di vista del web marketing in particola modo nell’ottimizzazione delle pagine e dei testi (Layout, Architettura, Call to action). Quando si costruisce una pagina web penso che si debba tener conto di tutto lo spazio possibile, organizzandolo in modo che i contenuti siano leggibili, i link ben visibili, etc etc, dando all’occhio i punti di riferimento per scendere e risalire senza perdersi.

I dati sopra citati ci dovrebbero far riflettere sull’altra faccia della medaglia … se gli utenti guardano a sinistra bisognerebbe trovare un modo per utilizzare lo spazio a destra .. se gli utenti non scrollano bisognerebbe trovare il modo di invogliarli: la lettura web è in evoluzione continua e il modo di leggere sullo schermo si adatta all’architettura delle pagine. Nella ricerca specifica credo che il dato è evidente e ci da la conferma che se il layout è verticale, a condizione del buon contenuto (mi sembra una condizione importante) l’utente scorre la pagina senza problemi. Questa informazione, quasi a prescindere, è sempre stata stato rifiutata: “l’utente non usa lo scrolling”. Questa ricerca dimostra che non è vero.

Un buon esercizio mentale lo possiamo fare con un parallelismo con le SERP di Google: con la blended search lo spazio sotto la piega riservato esclusivamente ai risultati del posizionamento organico è diminuito perchè per alcune query entrano nei risultati provenienti dagli altri servizi di Google… anche se non è sempre detto che io voglia utilizzare una mappa o vedere un video, magari prima mi faccio un’idea di quali sono gli altri risultati, oppure li apro tutti su più tab di Firefox, per poter passare alla seconda pagina di risultati e farmi un’idea più chiara di quante opportunità ho: Google Local Search aumenterà lo scrolling anche nelle SERP.

Non esiste un buon o cattivo sito esiste un sito che non converte: il sito che non converte è il sito che non soddisfa le esigenze dell’utente e non ci porta ad ottenere gli obiettivi che ci siamo prefissati. Quindi … senza perderci in chiacchiere se è nato prima l’uovo o la gallina … interrogandoci se nella progettazione di una pagina web deve prevalere il Design o il Marketing … preferisco cercare di dare soluzioni: IMHO, è la User Experience che mette insieme le due correnti Design Oriented e Marketing Oriented in un unico approcio quello Customer Oriented.

Ciao
Adriano

Mi piace quando incappo in giornate come quella, perché sono momenti che arrivano inaspettati e ti fanno girare il cervello e cambiare prospettiva. È stato da lì che ho iniziato a capire che un’interfaccia non doveva essere solo gradevole o emozionante. Non era detto che dovessi provare a stupire qualcuno. Mi era venuto il sospetto che dietro un’interfaccia ci dovesse essere di più: un servizio, per esempio. Oppure la risposta a una domanda.

Così, ho iniziato a buttarmi nella lettura di Nielsen, Boscarol, la Postai, Krug… e, nel giro di qualche mese, la parola “standard” ha iniziato ad assumere un significato nuovo e importante nel mio vocabolario professionale.

Un paio di mesi fa, leggo questo tweet ed eccolo di nuovo, il momento in cui si accende una lampadina e mi viene voglia di guardare in posti in cui non avevo ancora cercato. Il tweet si riferisce al grande tema della “piega della pagina” è sempre stato uno standard di progettazione,  ma seguendo alcune regole di progettazione e tenendo conto dei cambiamenti tecnologici sempre più rapidi, la questione della piega sta diventando un mito. Gli utenti scrollano e non è detto che l’attenzione si giochi solo sopra la piega.
Argomento sufficientemente ampio per farmi molte domande sul prossimo progetto grafico ma poi, grazie a una pausa caffè con Adriano, ho scoperto che anche per lui, “markettaro” doc, una progettazione sopra e sotto la piega cambia profondamente anche l’approccio marketing. Mi è venuta voglia di approfondire questi argomenti con lui, perché ho il sospetto che grafica e marketing si sfiorino più spesso di quanto non immaginassi. Una mia scelta grafica ha ripercussioni sull’esperienza che farà l’utente, ma anche sulla brand awareness e reputation, sui risultati nei motori di ricerca (e chi più ne ha più ne metta) e quindi nelle strategie di marketing. Le novità o i cambiamenti degli standard sono fondamentali e andrebbero, come dire… presi per le corna cercando di capirne non solo l’aspetto grafico.

Vorrei chiedere a Adriano se può aiutarmi a tracciare un quadro della situazione: quali valutazioni di marketing fa rispetto a un nuovo progetto web? Come esistono degli standard grafici, esistono anche standard di marketing? Il suo punto di vista lo pubblicherò nel prossimo post, tra qualche giorno.

(questa volta il disegno è mio, e si vede )

Una parte del lavoro che svolgo prevede che mi occupi del design di un sito web. Per farlo, conosco i principi tecnici generali che tengono in piedi una pagina web, in più aggiungo la professionalità che ho nel campo della grafica e della comunicazione, in modo che ogni sito risulti unico, fatto su misura e che, in una parola, comunichi. Il mio collega Alessandro si occupa di tradurre in html e css le mie pagine, scrivendo un codice estremamente preciso e attento agli standard richiesti. In poche parole, io sono il (o dovrei dire “la”? …mi suona male!) designer dell’interfaccia e Alessandro è il web designer. In passato, ho lavorato in questo modo sia per Studio Pleiadi, con altri colleghi; che con Alessio e Massimiliano. Non ricordo di aver mai avuto problemi di comprensione o di lavoro con questi professionisti, anzi: il mio approccio più creativo, meno infuenzato dai presunti limiti tecnici, ci ha spesso stimolato a trovare nuove soluzioni e ha permesso a me di avere un quadro sempre più chiaro dei confini entro cui muovermi, grazie alle profonde competenze dei colleghi con cui lavoro (oppure ho lavorato).

Sulla seconda bozza degli Skill Profiles sono andata a leggere il punto in cui avrei dovuto trovare le professionalità mie e quelle dei colleghi che ho citato. Ho scoperto che un profilo come il mio non è previsto se non in minima parte nella figura dello UX Designer; Alessandro, Alessio e Massimiliano sono possono riconoscersi in larga misura nel ruolo di Front End Web Developer, anche se ognuno di loro avrà competenze sfumate anche in altri ambiti.
Due chiacchiere con Adriano, qualche giorno fa in pausa pranzo, mi hanno fatto molto riflettere, come sempre. Il documento che sta producendo IWA individua le professionalità che stanno nascendo ora e che tra qualche anno saranno richieste, perché è così che si sarà trasformato il web. Potrei dire, in poche parole, che lo UX Designer è il mestiere che dovrò arrivare a fare tra qualche anno, se voglio rimanere al passo con i tempi e con le esigenze richieste dagli scenari che si stanno formando, per quanto riguarda la sfera di internet. Da questo punto di vista, la seconda bozza degli IWA è diventata per me molto stimolante e mi sta aiutando a dare una prospettiva di studi e aggiornamento al mio futuro.

Il punto su cui ho iniziato a discutere con il Gruppo di lavoro degli Skill Profiles riguarda la mancanza di una figura professionale che abbia capacità creative e grafiche. Queste abilità sono richieste allo UX Designer, ma vengono presentate come marginali e entro limiti molto vaghi (web graphics, web design, accessibility design).
Proprio pochi giorni fa è uscito questo articolo su UXmagazine: il processo di cui si parla nell’articolo è relativo all’impatto grafico, cioè allo stile comunicativo che si vuole dare a un sito web. L’esempio analizzato è molto lungo e le figure coinvolte sono quelle del visual e del communication designer (confesso di non avere ben chiaro quante tipologie di designer esistano a oggi e che cosa sia loro richiesto di sapere fare esattamente). Queste figure lavorano insieme per decidere che faccia avrà un nuovo progetto web. Secondo me, queste figure creative dovrebbero lavorare insieme agli UX Designer o i Front End Web Developer, che trasfomeranno il design in codice, faranno testi di usabilità ecc. ecc. Se poi esiste una sola figura che sappia fare molto bene sia il creativo che lo UX Designer o il Front End Web Developer, tanto meglio. Anche se raramente un processo creativo per un sito web si sviluppa con ricerche così lunghe, mi sembra che affiancare l’articolo appena citato alla seconda bozza degli Skill Profiles sia utile a fermarsi a riflettere sul fatto che il web non è solo tecnologia, righe di codice e programmazione, seo – serp, webmarketing, social networks…. ma è anche comunicazione.