Esistono studi affermanti che in una certa percentuale di individui, il carico cognitivo dato da immagini ed icone sia inferiore rispetto ai testi corrispondenti. Questa cosa mi riesce difficilmente comprensibile, ma devo ammettere che conosco persone che un messaggio testuale non lo leggerebbero quasi mai, per quanto grave, mentre si soffermerebbero sicuramente davanti ad una bella immagine con una X rossa. Le stesse persone, usano più facilmente quei programmi che pulsanti iconici, piuttosto che quelli a menu testuali. (more…)

Continua a leggere Come spiegare le immagini: il ciclo Prova/Abbandona

Categoria: Web Design

In questi giorni sarà via fino a fine settimana, ho così pensato di preparare una mini-serie un po' particolare. Come già  anticipato da Cesare in questo commento al post il sito è nudo, una ridistribuzione dei contenuti e un redesign del blog sono in programma, anche per rialineare link e risorse del nuovo HTML.it. Niente di sicuro su tempi e modi, ma ho pensato di cominciare con una fase di analisi, soprattutto per soddisfare la mia natura curiosa. Dieci i siti presi a campione: alcuni presentano qualche somigliamza con <Edit> per tipologia degli argomenti e varietà  dei contenuti, altri sono stati scelti per la loro autorevolezza e per l'impegno di divulgazione. Si tratta di quattro siti multiautore, un network e cinque siti personali. Ecco la lista: sitepoint digital web magazine ajaxian alistapart 9rules StopDesign Molly MeyerWeb SimpleBits MezzoBlue Questa la selezione, di cui credo che molti dei lettori ne conoscano una buona parte: nei prossimi appuntamenti cercheremo di vederli sotto un'altro aspetto. Nel frattempo, qualche considerazione sul layout: esattamente 5 siti su 10 adottano un layout liquido (e gli altri 5 un layout fluido), solo due su dieci presentano un layout a due colonne, e solo due hanno un layout a tre colonne per alcune pagine e a due per altre. E' tutto per ora: nel prossimo post vedremo come i CSS possano essere un ottimo strumento di analisi oltre che di sviluppo.

Continua a leggere Visti da vicino: dieci siti sotto la lente

Categoria: Web Design

LÂ’altra sera volevo giocare a carte, ma dato che la mia ragazza mi diceva che è troppo da vecchi, abbiamo trascorso qualche ora leggendo il libro “Neuropsicologia del linguaggio", di M. Agliotti e F. Fabbro, commentando una conferma scientifica a una cosa che il buonsenso da sempre ci dice. Parliamo dellÂ’importanza che interfacce e siti destinati ad utenti italiani, abbiano contenuti in italiano. (more…)

Continua a leggere Se non bastasse il buonsenso

Categoria: Web Design

Negli ultimi tempi ho notato un aumento di siti e blog dedicati al web design in cui il tema centrale non sono i CSS o il codice, ma tendenze, soluzioni, risorse, opinioni e interviste... in alcuni casi si tratta di un vero e proprio ritorno al design, in cui spesso vengono presentate letture informative e diverse del solito. Segnalo qui in ordine sparso le mie preferite: Design Melt Down Web Design Times Fadtastic the Web Design Blog The Elements of Typographic Style Applied to the Web Smiley Cat Design View Information Design Designers who blogs Mcville Tutti i siti sopra citati hanno anche un feed RSS. Buona lettura!

Continua a leggere 10 siti sul web design

Categoria: Web Design

àˆ passato più di un anno dalla prima versione dei Nifty Corners e oltre ai tre articoli in italiano (primo - parte prima e seconda - secondo e terzo) sono state pubblicate le versioni in inglese per l'audience internazionale (primo, secondo e terzo) che sono state spunto per diverse soluzioni derivate e varianti.Cominciamo con le versioni solo HTML e CSS. Stu Nicholls dopo la pubblicazione del primo articolo ha presentato gli Snazzy Borders e i Krazy Korners; mentre recentemente sono stati pubblicati gli Spiffy Corners, che includono un generatore dell'HTML e CSS necessario per avere angoli arrotondati con antialias. Quest'ultima soluzione è stata duramente criticata su Sitepoint per il fatto che si basa su HTML presentazionale e vincolato al contenuto, critica che condivido.Ora le soluzioni con Javascript. In ordine di tempo dopo il primo articolo sono comparsi diverse varianti e soluzioni derivate. Gli Anti-alias Nifty Corners e i Rounded corners without images, le prime due soluzioni per avere angoli arrotondati con antialias. Dopo il secondo i rounded corners di Rico, parte di un framework Javascript che include ajax e effetti dinamici, con detection automatica dei colori e bordi. Successivamente sono stati pubblicati i rounded corners di EditSite, che combinano alcune delle soluzioni precedenti con la possibilità  di scegliere la dimensione degli angoli arrotondati con antialias, solo sui div.Le più recenti soluzioni sono i Curvy Corners, che offrono la possibilità  di bordi con antialias e spessore a piacere, e i recentissimi RuzeeBorders, che consentono di ottenere angoli arrotondati con antialias ed effetti drop shadow e glow con una precisione quasi pari a Photoshop: davvero notevole.In molti casi purtroppo la compatibilità  cross-browser non è dichiarata (da verificare soprattutto su IE5.x e Safari), e c'è solo un esempio ad accompagnare lo script o l'articolo. Soprattutto per le ultime due librerie citate, in alcuni casi lo script si presenta lento e ho il sospetto che appesantisca veramente troppo l'albero DOM della pagina. Una buona fase di test è quindi necessaria se avete intenzione di adottarle, ma ho ritenuto fosse opportuno presentare le soluzioni derivate e/o alternative.

Continua a leggere Nifty Corners e derivati

Categoria: Web Design

Ovviamente vi auguro che non vi sia capitato e che non vi capiti, ma se avvenisse?Avete avuto le indicazioni, predisponete una prima bozza, ne predisponete una seconda, poi una terza. Al cliente non ne piace nessuna.Ne fate ancora due o tre, e niente, il cliente non è ancora soddisfatto.Se dovesse capitarvi una situazione simile, che fareste? Se vi è già  capitato, cosa avete fatto? Se foste voi il cliente, che vorreste che si facesse?Io credo che occorra pensare allÂ’evenienza. Facciamo tutto cià che possiamo perché non si arrivi a questo punto, ma prendiamo in considerazione che possa succedere. Che dice la nostra offerta? Contempla la cosa? Andiamo avanti ad oltranza o desistiamo? Il lavoro fatto, chi lo paga?

Continua a leggere Quando il cliente non decide

Categoria: Web Design

Le leggi e le tendenze della demografia sono difficilmente eludibili. Che si parli di pensioni e welfare state o di siti internet, la sostanza non cambia: nei paesi occidentali si va incontro ad un invecchiamento della popolazione. Su Sitepoint si ragiona su come di tutto cià si debba tenere conto anche nel web design. Ecco il link: Improve Usability for Older Users.Oltre alla lista di consigli finale, l'articolo riporta i risultati di 16 sessioni di test di usabilità  svolte con persone anziane (oltre 65 anni di età ) e più giovani (meno di 40).

Continua a leggere Progettare siti per gli anziani

Categoria: Web Design

Tags:

Segnalo questo articolo di Stephanie Sullivan perché mi ha chiarito bene la faccenda del parametro wmode usato nell'inserimento di filmati Flash in una pagina HTML e perché mi ha fatto scoprire una cosa che non sapevo.Riguardo a wmode, l'autrice prende le mosse da un problema noto: i menu DHTML che se posti nelle vicinanze di un movie Flash vanno a 'nascondersi' dietro di esso risultando così inusabili (ecco l'esempio). La soluzione consiste, come molti sanno, nell'uso dei valori opaque (esempio) e transparent (esempio) per il parametro.Quello che non sapevo è che usando questi due valori si ottiene un risultato importante in termini di accessibilità : il filmato viene nascosto agli screen reader che così saltano direttamente ai contenuti rilevanti della pagina (ottimo nel caso di animazioni/banner o di amenità  varie create con il programma di Adobe). Vi lascio alla lettura dell'articolo per i dettagli.

Continua a leggere Flash, DHTML e gli screen reader

Categoria: Web Design

Qualche volta mi capita e ieri è stato particolarmente forte. Un momento di tristezza per quello che stavo vedendo. Da molti anni conosco questa organizzazione e visito regolarmente il loro sito. Posso dire quasi tutti i giorni. A volte per lavoro, a volte per mio diletto e desiderio di nuova conoscenza e miglioramento di quanto già  so.Parlo con molti miei conoscenti ed anche loro la considerano un punto di riferimento importantissimo. Varie volte è stata citata su questo blog e su altri lo è di continuo. (more…)

Continua a leggere Momento di tristezza

Categoria: Web Design

Apriamo la settimana con un po' di segnalazioni sul web design.Sono stati da poco pubblicati i risultati del Web2.0 Awards che presenta i siti del Web 2.0 che meglio si sono distinti per design o servizio offerto. Personalmente, sono rimasto sorpreso nel vedere che servizi quali Bloglines e del.icio.us non abbiano ottenuto il gradino più alto del podio nelle loro categorie. Ottima la menzione d'onore per Valerio Proietti e il suo mad4milk nella categoria Web Development & Design.Per un contest che finisce, uno che ne inizia. àˆ stata lanciato la scorsa settimana The Style Contest for Movable Type, Typepad and LiveJournal un contest in cui sono previsti premi decisamente appetitosi per i migliori template per queste piattaforme di blogging, un po' com'è già  successo per TextPattern, Typo e WordPress. Se avete buone capacità  grafiche, padronanza dei CSS e tempo libero, vale la pena di tentare. Concludo con la segnalazione di un'articolo che si colloca giusto a metà  tra graphic design e architettura dell'informazione. In Designing a Guided Tour Andy Rutledge presenta alcune analisi interessanti su come l'occhio di un visitatore possa essere agevolato da un design efficace: una lettura molto piacevole e diversa dal solito.

Continua a leggere Web design: i bookmark del lunedì

Categoria: Web Design