L'universo della progettazione è sempre più orientato, grazie anche all'affermazione dell'UX e UI design, al perfezionamento delle interfacce e dell'esperienza utente. Si tratti di un'applicazione oppure di un sito web, sempre più sviluppatori puntano sulla facilità d'uso, sullo studio sia tecnico che emotivo delle funzioni, nonché sull'engagement dell'utente finale. (more...)

Continua a leggere Come incrementare la leggibilità dei contenuti sul Web

Categoria: Web Design

Tags:

Avevo segnalato qualche mese fa Readability, una bookmarklet che, cito dal post, "elimina tutti i contenuti accessori di una pagina proponendo al lettore (e non uso a caso la parola lettore…) una versione ad alto tasso di leggibilità  dei contenuti principali". Leggibilità  a parte, io la uso spesso pure per creare al volo versioni printer-friendly di pagine che desidero stampare. Come giustamente veniva fatto notare nei commenti, però, i risultati non sono perfetti su tutti i siti e con tutte le strutture di layout. Ecco allora un'alternativa segnalata da Roger Johansson: Readable. Offre intanto più opzioni di Readability in fase di configurazione, ma ha a mio parere una funzionalità  davvero vincente rispetto a quest'ultima: su quei siti in cui la formattazione dei contenuti non dà  i risultati sperati/attesi, è possibile applicare l'azione della bookmarklet solo alla porzione di testo che ci interessa selezionandola. Se aggiungessero come su Readability il pulsante per la stampa diretta sarebbe perfetta.

Continua a leggere Readable, per un web più… leggibile

Categoria: Web Design

Readability, leggibilità . Questo il nome dell'esperimento in forma di bookmarklet di arc90 lab. Cosa fa? Semplice: elimina tutti i contenuti accessori di una pagina proponendo al lettore (e non uso a caso la parola lettore...) una versione ad alto tasso di leggibilità  dei contenuti principali. Andate allora su questa pagina, settate i parametri (stile, dimensione del testo, margini), trascinate il link 'Readability' sulla barra dei preferiti e provate. Non è adatta ovviamente per tutti i siti, ma io la trovo fantastica (è tra l'altro utilissima perché di fatto crea anche una versione printer friendly della pagina), a livello dell'unica altra bookmarklet installata sulla mia barra, Click2Zap. E con cià è forse arrivato il momento di interrogarmi sul perché gli unici arnesi di questo tipo che uso sono quelli che mi consentono di fare piazza pulita delle cose inutili...

Continua a leggere Una bookmarklet per la leggibilità 

Categoria: Web Design

Ci sono davvero moltissime segnalazioni che per mancanza di tempo o spazio non passano qui sul blog. Alla maniera di Smashing Magazine, vorrei introdurre un appuntamento mensile dei bookmark, così da proporvi le segnalazioni interessanti del mese appena passato che non hanno ancora trovato un ritaglio nei vari post del blog. Dei molti bookmark che ho raccolto a novembre vi presento i 20 che maggiormente meritano una segnalazione: dal markup ai CSS, dal web design all'ispirazione... Ecco la lista: What Beautiful HTML Code Looks Like 30 ways to improve readability Better Web Forms: Redesigning eBay's Registration CSS PNG Image Fix for IE Pagination Gallery: Examples And Good Practices 23 Actionable Lessons from Eye-Tracking Studies The Blog Readability Test Figure Microformats Interesting Web Browsers You Have Never Heard Of 12 Invaluable Sites for Web Design and Design Inspiration Fieldsets, Legends and Screen Readers The Successful Error Page 21 Factors that Influence the First Impression of Your WebsiteÂ’s Visitors Screen resolution and better user experience CSS fix for Graphical Input Submit Button Off-Set What If Gmail Had Been Designed by Microsoft? The AxsJAX Framework for ARIA Future-Proof Your Web Site Design by Planning Your CSS In Advance For Webdesigners - 383 helpful links for webdesigners 30 More Excellent Blog Designs

Continua a leggere Bookmark di Novembre

Categoria: Web Design

Ho raccolto negli ultimi tempi link a diversi plugin per JQuery che vorrei presentarvi. Premesso che ci sono davvero tantissimi plugin disponibili anche sul sito ufficiale, questa è una piccola selezione di quelli che hanno catturato la mia attenzione per la loro originalità  e utilità . Il primo è Humanized Messages (qui l'esempio), un'alternativa alle finestre modali o agli obsoleti messaggi di alert. Si tratta di messaggi semitrasparenti che spariscono quando l'utente compie un'azione (per esempio digitare sulla tastiera o muovere il mouse). Rimanendo in tema di finestre modali, Impromptu è un plugin per ottenerle: al suo interno è possibile anche disporre form e messaggi di conferma. Altro plugin interessante è il Lazy loader: ideale per migliorare usabilità  e navigabilità  degli utenti con connessioni analogiche, oltre che ridurre il carico sul server, questo plugin ritarda il caricamento delle immagini non visibili su pagine lunghe, immagini che vengono poi caricate quando effettivamente l'utente scrolla la pagina. (more...)

Continua a leggere Dieci plugin per JQuery

Categoria: Scripting

Se vi state chiedendo quale sia la relazione tra accessibilità  e tipografia per il web, merita una lettura Improving Accessibility through Typography.Sostanzialmente sono tre le domande che vengono presentate per valutare la bontà  tipografica di un sito con uno sguardo all'accessibilità : Quanto è grande il font? Il font è leggibile? Presenta sufficiente contrasto? L'articolo, seppur breve, fa il punto su una questione fondamentale: il web è comunque (iper)testo e per poterne fruire al meglio è necessaria una solida base tipografica, ed è accompagnato da diversi esempi che rendono bene i concetti espressi. Un valido approfondimento è il capitolo sulla tipografia della Web Style Guide. Buona lettura!

Continua a leggere Accessibilità  e tipografia

Categoria: Web Design

Una segnalazione su usabilità  e tipografia. Da Information Architects Japan, il sito che ha pubblicato interventi interessantissimi come Interface of a cheeseburger e Web is 95% Typography, un nuovo articolo: The 100% Easy-2-Read Standard.Il pezzo si propone in realtà  di presentare uno standard di leggibilità  per la tipografia sul web attraverso cinque punti: font-size pari al 100% della dimensione di default del browser; un white space consistente, e poca (o niente) grafica; line-height di almeno 1.4; testo con marcato contrasto di colore (ad esempio grigio #333 su sfondo bianco #FFF); niente testo nelle immagini (quindi no all'image replacement ad esempio). Punti condivisibili o meno: ma ho trovato la parola standard poco appropriata. Ad essere sincero, mi sono interessato poco all'usabilità  e credo che sia innanzitutto una questione di buon senso... ma non una scienza esatta: per questo non ha senso parlare di standard. Per assurdo, qualcuno avrebbe potuto scrivere l'esatto contrario o quasi, e risultare altrettanto credibile o provocatorio. Che ne pensate?

Continua a leggere E2R: uno standard per la tipografia?

Categoria: Web Design

Chiarezza e semplicità  sono i presupposti essenziali di un testo leggibile e comprensibile. Sono però fattori non misurabili da una macchina.Altri fattori in grado di complicare la lettura e renderla più faticosa possono essere però sottoposti al vaglio di specifici algoritmi. Sulla base di tali algoritmi è quindi possibile stilare degli indici di leggibilità  dei contenuti presenti su un sito.àˆ quello che si può fare sottoponendo il sito a questo test messo a punto sulle pagine di Juicystudio.I principali fattori in grado di inficiare la leggibilità  di un testo sul web sarebbero l'eccessiva lunghezza delle frasi e l'uso di parole con troppe sillabe. Questo misura il test, fornendo i risultati rispetto a tre indici: il Gunning Fog, il Flesch Reading Ease e il Flesch-Kincaid. Il primo e il terzo valutano la leggibilità  del testo in base al numero di anni di scolarizzazione necessari per la comprensione del testo: meno si ottiene meglio è, insomma.Per i curiosi: per comprendere i contenuti di questo blog secondo il Gunning Fog Index è richiesta la frequenza, come minimo, di una quarta classe delle superiori, ovvero 13,59 anni passati sui banchi :).Lascio a voi i commenti sulla reale valenza di simili esperimenti.

Continua a leggere Valutare la leggibilita’ dei contenuti sul web

Categoria: Contenuti e Web Writing