Andy Rutledge esa­mina alcune con­ven­zioni – luo­ghi comuni, quasi – nel web design.

Con una discreta dose di corag­gio direi, sot­to­pone ad una cri­tica ragio­nata un lay­out dif­fu­sis­simo: il clas­sico – appunto – tre colonne cen­trato. Dico che dimo­stra una certa dose di corag­gio per­ché gli esempi nega­tivi sono i siti di Amazon e Apple.

Il secondo ele­mento sot­to­po­sto ad ana­lisi è l’uso di ampie sezioni ver­ti­cali per liste di indice e cose del genere (come la mia lista dei tags! Imbarazzante…). Non so se come esem­pio da imi­tare por­te­rei il New York Post – men­tre cer­ta­mente msnbc.com è vera­mente ben fatto – ma i punti evi­den­ziati meri­tano qual­che riflessione.

Via Laburno, apprendo di CSS Text Wrapper, un tool per creare – o simu­lare? – box di testo non rettangolari.

L’idea di base sem­bra essere simile a quella illu­strata in “Sliced and Diced Sandbags”.

Dopo que­sto pho­to­set mi con­vinco ancora di più che “Web Design is 95% Typography”.

Negli ultimi giorni ho visto diverse recen­sioni su Kindle, l’e–book di Amazon ma pra­ti­ca­mente non ne ho letta nem­meno una, tranne que­sta. Leggetela, non vi por­terà via molto tempo ;-)

Inutile dire che sono d’accordo al 100%.

L’aver aggior­nato la mia pagina sui form mi ha fatto venire in mente che avevo alcuni arti­coli arre­trati sull’argomento; ad es. que­sto di Khoi Vinh dove si dimo­stra che è pos­si­bile dire qual­cosa di nuovo e/o di gra­de­vole anche nel design dei form.

Questo arti­colo elenca una serie di con­si­gli basati sui risul­tati degli study di eye–tracking alcuni dei quali mi suo­nano piut­to­sto inaspettati.

1. il testo attira l’attenzione più velo­ce­mente della grafica;
2. la for­mat­ta­zione fan­ta­siosa tende ad essere ignorata;
3. le dimen­sioni del testo influen­zano il modo di leggere;
4. le parti infe­riori della pagina ven­gono guardate;
5. gli utenti pas­sano molto tempo a guar­dare gli ele­menti dell’interfaccia gra­fica, come pul­santi e menu (que­sta me la devono pro­prio spiegare…).

Understanding web design è l’ultimo arti­colo di Jeffrey Zeldman su A List Apart.

Direi che basta que­sta frase per farvi venire voglia di leggerlo:

The expe­rien­ced web desi­gner, like the talen­ted new­spa­per art direc­tor, accepts that many pro­jects she works on will have hea­ders and columns and foo­ters. Her job is not to whine about emer­ging com­mo­na­li­ties but to use them to create pages that are distinc­tive, natu­ral, brand-appropriate, sub­tly memo­ra­ble, and quie­tly but unmi­sta­ka­bly engaging.

Bell’arti­colo di 456 Berea Street sull’uso di label nei form.

In gene­rale mi era già tutto noto, tranne alcuni dettagli:

• è pos­si­bile asso­ciare più di una label ad ogni ele­mento di un form;
• IE6 rende clic­ca­bili solo le label asso­ciate espli­ci­ta­mente ad un elemento.

Questa è vera­mente allu­ci­nante. T-Mobile ha inten­tato delle cause legali con­tro una serie di mar­chi che usano il magenta nel loro logo.Uno può dire “e chi se ne frega?” fino a quando non vede lo screen­shot di Photoshop CS3:Roba da matti!Via: Aisle One

Dal sem­pre ottimo 456 Berea Street, un arti­colo che spiega come usare CSS+JavaScript per usare lo spa­zio dispo­ni­bile nei campi di testo per inse­rire il testo che andrebbe nelle eti­chette, quando que­ste ultime non pos­sono essere usate; tipi­ca­mente per pro­blemi di spazio.

L’idea è quella di ren­dere le label invi­si­bili spo­stan­dole con i CSS e inse­rire il testo nei campi con uno script, can­cel­lan­dolo quando il focus è attivo.