Un esempio di perfetta integrazione

Non penso di essere l’unico a prendere appunti quando trovo un sito con una buona idea, una di quelle che reputo possa tornarmi utile in futuro.

L’ultima volta è successo quando mi sono collegato, dopo qualche mese, al mio account su Flickr, il bellissimo servizio di confivisione foto recentemente acquisito da Yahoo!.

E ho subito capito che Flickr fa parte della famiglia Yahoo!, visto da chi sono stato accolto, ovvero da una schermata che mi ha informato come il mio indirizzo di posta elettronica fosse presente sia nel database di Flickr, sia in quello di Yahoo!.

Yahoo! mi presenta questa schermata fondamentalmente a mio vantaggio: mi dà la possibilità di legare le mie informazioni su Flickr con l’account di Yahoo!. E lo dice.

Unire un account Flickr e Yahoo! - 1

A me la cosa sta tutto sommato bene, per decido di preseguire. Click.

Conferma di iscrizione con dettaglio operazioni

La schermata informa su quello che sta per succedere, con eventuali limitazioni e un dettaglio delle utenze coinvolte. Notate la pulizia della schermata e i punti elenco alla fine, impossibili da tralasciare. L’utente dispone ora di ogni informazione riguardo a quello che succederà. Poiché infatti non è (almeno ancora) così frequente che due sistemi con registrazioni diversi si integrino in questo modo, è importante spiegare bene al visitatore cosa sta succedendo.

Vi accorgerete anche che tutto sommato di vantaggi in questa operazione ne ha anche Yahoo!, poiché per tutti i dati che avete lasciato a Flickr da questo momento in poi varranno le regole decise da Yahoo!

Operazione conclusa

Ecco infine una conferma che tutto si è svolto nel migliore dei modi, con un riepilogo di quello che è successo e come comportarsi d’ora in avanti.

Dal punto di vista di interazione con l’utente questo esempio non è in realtà nulla di stratosferico, e proprio per questo mi colpisce la semplicità con cui è stato affrontato a livello di intefaccia utente un argomento non banale, come la “migrazione” o – meglio – la condivisione di utenti tra due sistemi che sono nati in realtà distinte. Non oso immaginare come altri (io tra questi) avrebbero progettato la stessa procedura

Il tutto si chiude con un’email che ho ricevuto, e che spiritosamente ringrazia in questo modo:

Thanks, and we hope you enjoy the
sign-on-to-everything-in-one-place goodness!

Scarica Visual Web Developer e ti regalano un libro (in Pdf)

E’ più o meno da quando ho scritto il corso di ASP.NET per Fucinaweb che non ho più avuto modo di confrontarmi con questa tecnologia.

Ho allora recentemente scaricato la versione gratuita di Visual Web Developer 2005 Express Edition, lo strumento di sviluppo personale per la versione 2 di ASP.NET.

Non ho ancora una giudizio sulla validità dello strumento, ma me la sento di consigliarne il download e la registrazione se non altro perché in questo modo sarà possibile scaricare una versione Pdf, gratuita, di “Build a Web Site Now! Microsoft Visual Web Developer 2005 Express Edition“. Un’ottima opportunità per rendersi conto delle principali caratteristiche della tecnologia e dello strumento di sviluppo.

Il ciclo di vita dell’accessibilità web (seconda parte)

Presentiamo una versione rivista e ampliata dell’articolo “The Lifecycle of Web Accessibility” pubblicata dall’autore su evolt.org in inglese nel dicembre 2002

Nella scorsa puntata di questa mini serie abbiamo parlato di analisi dei requisiti e di come anche in questa fase iniziale sia importante tenere conto degli aspetti legati all’accessibilità del sito che andremo a costruire.

Affrontiamo ora la parte di progettazione concettuale, la vera a propria definizione di struttura e contenuto.

Progettazione concettuale

Cosa troviamo in questa fase

In questa fase avete bisogno di definire i flussi di funzionamento e disabilità cognitive, ad esempio, potrebbe incontrare delle difficoltà ad afferrare completamente il significato delle voci che avete utilizzato per un menu, soprattutto se queste sono in gergo (o, magari per risparmiare spazio, avete fatto largo uso di acronimi). Per la stessa ragione, cercate di limitare il numero di elementi in una lista e di mantenere la lunghezza della pagina entro limiti accettabili, eventualmente dividendola in più pagine.

Un cieco, invece, potrebbe utilizzare uno screen reader per accedere alla pagina, e in questo modo non dispone subito una visione completa della pagina che si trova di fronte. Prediligete allora una visualizzazione dei contenti che preveda di inserire, all’inizio del testo, un sommario che condensi quello di cui tratterà l’articolo. In questo modo sarà molto semplice saltare l’articolo, se non è di interesse.

Anche una efficace funzionalità di ricerca, presente in ogni pagina, è molto importante in questo senso, perché un cieco (come tutti, del resto) potrebbe non aver tempo da perdere e voler arrivare subito al contentuo di interesse. Per saperne di più potete scaricare l’ottimo capitolo sulla ricerca messo a disposizione da O’Reilly a proposito della seconda edizione di “Information Architecture for the World Wide Web” di Peter Morville e Louis Rosenfeld. Maggiori dettagli li trovate in fondo alla recensione scritta a suo tempo su Fucinaweb.

Da quello che è stato detto finora vi accorgerete che tener conto di questi elementi non aiuta solo i disabili che fruiscono il nostro sito, ma in realtà qualunque utente. Una ragione in più per fare le cose come si deve.

Per finire questa seconda parte voglio spendere qualche parola per i pochi che pensano sia meglio progettare per i disabili una versione alternativa, solo testo, del sito. Non si fa: i disabili non sono cittadini di seconda classe; possono e hanno il diritto di usufruire della pagina allo stesso modo di tutti gli altri utenti. Non dimenticatevi che l’accessibilità è un processo additivo; dovete aggiungere elementi e caratteristiche (come tag, descrizioni e attributi) piuttosto che eliminarli. Potete approfondire questi concetti in un interessante articolo di Usability Infocentre.

E se proprio secondo voi non c’è alternativa alla creazione di diverse versioni del sito, cercate prima di tutto di capire se potete ottenere lo stesso beneficio semplicemente realizzando diversi fogli di stile da applicare alla pagina, che è una strada praticabile e solitamente poco costosa.

Potreste pensare che, disponendo di un Cms, la strada sia spianata per realizzare versioni parallele. Ma chiedetevi quanto vi costerà e se non sarebbe meglio investire questa cifra nel migliorare usabilità ed accessibilità dell’unico, vero sito.

L’unico caso in cui potete (anzi, dovete) realizzare una versione parallela di sito, si verifica quando a cambiare non è solo la rappresentazione del contenuto, ma il contenuto stesso. Pensate per esempio a un telefonino, dove è improponibile usare la stessa quantità di contenuto normalmente visualizzata in una pagina web. Nella prossima puntata, dedicata ai prototipi e alla messa in produzione, vedremo quali standard possono essere utilizzati in casi come questo. Anche qui c’entra l’accessibilità web.