El blog de Disseny Webs Catalunya

A vegades ens trobem que hem d’enviar un correu electrònic a 600 clients o volem crear un newsletter, però no sabem quins clients de correu tenen aquestes persones.

La sol·lució tradicional és enviar un text pla , però si el missatge és llarg o si volen incrustar imatges ja necessitem una presentació més elaborada. A més, s’aconsegueixen més clics amb una bonica presentació que no amb el text pla.

El projecte “Email Standards Project” ha realitzat diferents acid-test als clients de correu més utilitzats.

AOL Webmail, Apple Mail, Apple MobileMe, Eudora (Penelope), Microsoft Entourage, Mozilla Thunderbird, Windows Live Mail, Windows Mail, Yahoo! Mail, Yahoo! Mail (Classic) suporten:

• Background-image
• Background-position
• Background-position a:hover
• Border
• Color/background-color
• Descendant-selectors
• Float/clear
• Font family/size/weight/style
• Font-family names with quotes
• Font inheritance
• Line-height
• List-style-image
• Margin
• Padding
• Varying link-colors
• Width/height

Els clients de correu Google Gmail, Lotus Notes 8, Microsoft Outlook 2007, Windows Live Hotmail no suporten o tenen problemes amb moltes d’aquestes propietats. Gmail té problemes amb totes.

Per tant, una opció és treballar la presentació amb Gmail ja que és un dels correus més utilitzats juntament amb hotmail i Outlook i recordar les taules tal i com recomanen a Email Standards Project.

Podeu veure la web a www.email-standards.org

Tags: CSS, Disseny web, e-mail màrqueting, taules

Navegant per la xarxa hem trobat un post molt bo sobre com millorar la presentació del MySpace.

Si alguna vegada algú ha intentat treballar-hi segur que s’ha adonat que és molt feixuc de fer-hi res i que la seva accesibilitat deixa molt que desitjar.

Aquest post atreu visitants al seu bloc, faltaria debatre si son o no de qualitat, però és indiscutible que molta gent cerca com millorar la presentació del seu MySpace.

El post et diu que col·loquis a qualsevol part el següent codi:

html *{ display:none; }

Evidentment, queda un MySpace immaculat  

El Post: The Perfect MySpace Layout

Tags: Disseny web

Avui estàvem testejant un disseny web per una pàgina.

Havíem realitzat el disseny amb un navegador habitual i corrent, Firefox 3 i l’havíem provat per sobre amb Internet Explorer 7, però quan hem començat a fer les proves detalladament, ens hem adonat que un menú fet amb CSS és comportava de manera estranya amb l’Internet Explorer 5.5 i amb el 6 tot i que la pàgina validava perfectament.

Microsoft va deixar de donar suport a l’Internet Explorer 5.5 el 31 de desembre de 2005 (inclòs les actualitzacions de seguretat). L’Internet Explorer 6 encara rep suport , i a pesar de ser una de les pitjors versions i amb un gran nombre de problemes de seguretat, encara hi ha gent que no ha actualitzat el seu navegador (sobre un 18.85%).

Com que el nostre client ofereix els seus serveis a comunitats autònomes i ajuntaments, que en molts casos continuen utilitzant versions antigues de l’internet explorer, (una salutació als administradors de sistemes), no podem posar un advertiment als usuaris d’aquestes versions.

Per tant, hem acabant cercant i solventant el problema (el problema del píxel…), tot i ser conscients que qui va fer un mal producte en el seu moment, passant dels estándards web va ser Microsoft i que amb el gran nombre de problemes de seguretat que presenten aquestes versions hauria d’estar actualitzat a la versió 7 (o utilitzar altres navegadors que a més compleixin els estàndards web)

Tags: CSS, Disseny web, Internet Explorer

El diari El Punt ha estrenat web, www.elpunt.cat després d’anys de publicar les noticies a vilaweb.

La veritat és que esperàvem molt més de la nova web.  Un cop hem escollit una població, ens trobem amb un excés d’informació i amb una estructura poc definida que no invita a navegar. És molt difícil voler tindre totes les noticies a la portada, els titulars de les seccions, els blocs, el temps, les necrològiques, l’agenda…

De la mateixa manera que en un diari de paper es seleccionen les noticies més rellevants i les col·loquen a la portada, a l’edició digital haurien de fer el mateix.

En canvi, el què si que fan exactament com al paper és publicar les noticies. El 1997 en Jakob Nielsen ja parlava de com cal escriure a la web i com llegeix la gent a la web. Per tal de millorar l’accesibilitat i la usabilitat s’agrairia molt paràgrafs més separats, l’ús de negretes i (a ser possible) una redacció de textos més concisa.

Després d’aquestes consideracions tècniques, esperem que millorin aquests detalls i els hi desitgem molta sort en aquesta nova etapa a el www.elpunt.cat

Tags: Internet, Usabilitat