El blog de Disseny Webs Catalunya

Després de sentir que els 4 candidats que continuen la cursa cap a la presidència del barça (Marc Ingla, Jaume Ferrer, Sandro Rosell i Agustí Benedito) utilitzaven molt bé les tecnologies, he decidit anar a veure què han fet i analitzar alguns paràmetres bàsics d’aquestes eleccions al Barça 2010.

Les 4 webs tenen greus problemes amb aquests paràmetres.

• No aprofiten bé els títols (per no dir que un parell no els aprofiten)
• La description (que apareixerà als resultats de cerca) només l’aprofiten sandrorosell.com i marcingla.cat. Flagrant el cas de jaumeferrer.cat que ho té en blanc
• Les keywords: només a marcingla.cat hi apareix la paraula Barça. A sandrorosell.com apareix “eleccions barça”. En els 4 llocs web es poden millorar, especialment a jaumeferrer.cat que ho té en blanc
• Les capçaleres: Son un exemple de mal ús a les 4 webs. 18 h1 i cap altre header o h1 amb paraules sense rellevància fan que no estiguin aprofitats.
• El Pagerank: De moment, les 4 webs tenen pagerank baixos, suposo que jaumeferrer.cat i sobretot sandrorosell.com pujaran, ja que a twitter i a facebook estan més ben posicionats

Ja no valorem altres paràmetres menors, que brillen per la seva absència.

Continue reading “Eleccions al Barça 2010: web de Marc Ingla, Jaume Ferrer, Sandro Rosell i Agustí Benedito”

Tags: Agustí Benedito, Barça, Eleccions 2010, Jaume Ferrer, Marc Ingla, Sandro Rosell

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

Per incloure el Comptador de l’alliberament de Fedora hem hagut d’utilitzar javascript. Per incloure javascript a wordpress cal instalar 2 plugins, anem a explicar-ho pas a pas:

1. Anar a la web http://www.ooso.net/inline-js i descarregar el plugin Inline Javascript Plugin
2. Descomprimir i pujar al directori del vostre servidor wp-content/plugins
3. Anar al vostre panell de control i activar el plugin
4. Per poder utilitzar aquest plugin, cal que asigneu a l’usuari “unfiltered_html” i per poder fer això cal que instal·leu el segon plugin anomenat Role Manager
5. Descarregar aquest plugin, descomprimir i pujar al directori del vostre servidor wp-content/plugins i activar des de el vostre panell de control.
6. Aneu a Users, roles i marqueu “unfiltered_html” per l’usuari.

Un cop fet això, ja podeu incloure javascript als vostres posts, tan sols cal que obriu el tag [ inline] i el tanqueu amb  [ /inline]

Tags: javascript, wordpress

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

És curiós com encara molta gent té la mania de fer-te escoltar la música que a ells els hi agrada.

Quan un està navegant tot tranquil·lament, escoltant la música que li ve bé, cercant un lloc on anar de cap de setmana acostuma a obrir varies pestanyes o finestres. De cop, la música que estem escoltant es comença a sentir malament…

Realment molesta molt que s’activi una música o sorolls (a vegades no és ni musica!!!). Normalment intenten crear un ambient o un clímax amb aquestes músiques i ho aconsegueixen. Aconsegueixen que cerqui el botó per tal de parar-ho de manera desesperada.

A més, aquest botó no és fàcilment identificable, pot estar a qualsevol lloc i representat de qualsevol manera, de manera que el tens al davant i no aconsegueixes veure’l fins que no desxifres els jeroglífics. A vegades ho fan de tal manera, que a cada pàgina es tona a iniciar aquesta música, esdevenint la cançó enfadosa.

Algun client ens ho damant i li hem hagut d’explicar que la música a les webs ocupa un ample de banda preciós, fa que la web tardi més a descarregar-se, molesta a molts usuaris i probablement no estiguin disposats a pagar drets d’autor, ja que no acostumen a demanar Creative Commons o música lliure.

Amb vídeos també ens trobem amb el mateix problema i es que algun es llança automàticament, però per sort son molt pocs.

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

Ja té un any, però un munt de coses continuen sent imprescindibles o si més no, curioses.

The 50 Most Popular Web Design Blog Posts, Resources & Cheat Sheets of 2007

Esperarem el del 2008

Tags: Disseny web

D’un temps ençà, algunes empreses petites i mitjanes comencen a despertar respecte les necessitats TIC que tenen a la xarxa.

Gràcies a la iniciativa de www.pimestic.cat podem veure a quines conclusions han arribat els empresaris de diferents comarques de Catalunya.

Un dels requeriments que trobem a les 32 comarques analitzades és la necessitat de tenir una web actualitzada per la pròpia empresa. Una de les altres necessitats que hi donen prioritat és la d’estar ben posicionats als cercadors.

Si això no ho tenen és perquè no volen. A Webs Catalunya oferim un gestor de continguts per tal que les empreses puguin actualitzar la seva pàgina, publicar noticies, noves línies de distribució… A més, aquest gestor continguts (CMS) a diferència de la majoria que els hi poden oferir, compleix diferents requisits per tal de fer-lo amigable als cercadors (estàndards web AA, url amigables, metatags, descripció a les imatges, títols individuals a les pàgines…).

Per altre banda, també oferim el servei de posicionament a cercadors i de gestió de campanyes de màrqueting online.

Tags: accesibilitat, Disseny web, Màrqueting a Internet

Acabo d’entrar a la web dels Ferrocarrils de la Generalitat de Catalunya.

Primer de tot dir que amb aquesta web fan perdre el temps a la gent. La pàgina principal et fa escollir entre flash o html. El doble de feina, ja que la versió en flash no mostra res que no es pugui fer amb HTML ni cap animació espectacular.

La versió flash té l’enllaç dels horaris a la portada, però amb una lletra minuscula.

La versió HTML et fa empasar tot una parrafada de dubtós interès fins que no arribes a l’enllaç dels horaris.

Crec que no han entès que la gran majoria de la gent que es connecta a aquesta web és per mirar el horaris, les destinacions o fer consultes  i que cal mostrar-ho clarament.

Per cert, no donen cap adreça mail no cap formulari per contactar.

Tags: Disseny web