Como ya te imaginarás resulta muy difícil complacer a todos, así que hay que saber hasta dónde es posible.

En la actualidad, se podría decir que el 98% de los usuarios tiene navegadores que soportan HTML 4, sin embargo, en cuanto a la ejecución de CSS aún hay muchas inconsistencias.

Por todo esto, y muchas otras razones de las que ya hablaremos más adelante, lo mejor será siempre probar nuestros sitios en el mayor número de navegadores, y no solo eso, en diferentes versiones de los mismos e incluso con diferentes sistemas operativos, tantos, como te sea posible. De preferencia, hazlo antes de poner tu web online, colócalo en un servidor privado y a partir de allí has tus pruebas.

Puedes pensar que esto te puede llevar demasiado tiempo, de manera que te sugiero uses sitios como Browsershots, una herramienta online que hace capturas de pantallas de tu diseño web en distintos navegadores, en un conjunto de computadoras distribuidas y en cuestión de minutos (dependiendo de la cola de trabajos), te permite descargarlas para que las analices.

La otra opción, es que ocupes el tema como pretexto para visitar a tus amigos!

Recuerda: Aunque tu página se vea diferente en diversos medios, lo importante es que te asegures de que su contenido siga comunicando con claridad.

Enlace: http://browsershots.org

¿Por qué?

Porque los enlaces rotos (internos), dificultan a los buscadores la indexación de la página, o de secciones de ésta. Y no solo eso! al usuario le da la impresión de que el sitio es poco confiable o no es actualizado constantemente. Así que si pensabas que un enlace roto no te afecta en nada, ahora te darás cuenta de cuánto lo hace.

Recuerda que lo que queremos, es:

1. Que el usuario llegue a nosotros (a través de los buscadores)

2. Que el usuario se quede con nosotros (por la calidad de nuestro contenido)

De manera que, es importantísimo que periódicamente revises que los enlaces de tu sitio estén 100% accesibles. Para hacerlo, hay muchísimas herramientas, te recomiendo:

W3C Link Checker

Broken Link Checker

Google webmaster tools (En la ficha Diagnosticos, Errores de Rastreo y por último dar click en “No se ha encontrado”)

Ahora ya lo sabes, ve y busca tus enlaces rotos y arréglalos (tus usuarios y los buscadores te lo agradecerán). Recuerda monitorear este problema por lo menos una vez al mes, ya que, por más cuidado que tengas, seguro encontrarás una buena cantidad de ellos.

¿cómo lo haría?…

Alguna vez, hace ya varios años, una profesora de la facultad nos comentaba que para programar, se necesitaba mucho análisis, mucho pensar, y mucha creatividad.  Así que la pregunta era, ¿cómo desarrollo esa creatividad?

Y su respuesta fue tan simple y sencilla. Programa que veas, que pruebes, que uses, pregúntate.. Si lo tuviera que hacer yo.. ¿cómo lo haría?.

La verdad, es algo que no aplico cuando de aplicaciones se trata. Pero sabes dónde si lo aplico? En el diseño web.

El diseño web, en realidad, no es tan complicado.Se trata de muy buen gusto, y de cuidar hasta el último detalle. Así que si tu estás incursionando en el diseño web, siempre que navegues por la internet, cada página que veas, cada elemento, cada galería, que veas, y si te fascina aún mejor, pregúntate: Si lo tuviera que hacer yo.. ¿cómo lo haría?

Puede que creas, que este ejercicio en realidad no sirve de mucho (aunque es todo lo contrario), pero si lo aplicas, al menos, el día que te llegue un proyecto de ese tipo, ya tendrás una idea de cómo lo harías. (y eso, te ahorra tiempo, creéme).

Dieter Rams

Rams explica su visión y aproximación al diseño según una frase muy famosa: "Weniger, aber besser" que en alemán significa "Menos, pero mejor".

Muchos de sus diseños han encontrado un sitio permanente en varios museos del mundo, incluyendo el MoMA de Nueva York.

Según Rams, los diez principios del buen diseño son:

• El buen diseño es innovador
• El buen diseño hace útil a un producto
• El buen diseño es estético
• El buen diseño ayuda a entender un producto
• El buen diseño no molesta
• El buen diseño es honesto
• El buen diseño es duradero
• El buen diseño es minucioso hasta el último detalle
• El buen diseño se preocupa por el medio ambiente
• El buen diseño es tan poco diseño como sea posible

Para Rams el buen diseño ni es una cuestión de tecnología ni se limita a ser una pátina más o menos estética. Para Rams el diseño es ideas; función, y luego forma. Es estética y usabilidad.

Hay tres cosas importantísimas que afectan la estadía de un visitante en tu página web o blog. Éstas, incluso, pueden hacer que un visitante de ocasión no quiera ni siquiera dar click en tu enlace al encontrarlo como resultado de una búsqueda.

1. Combinaciones ilegibles de texto y fondo. Cuando crees o modifiques tu sitio, considera que la lectura de éste no debe requerir esfuerzo ni producirte dolor de cabeza. Ten muy cuenta el contraste de luminancia entre el texto y el fondo. (Visita este sitio como ejemplo de lo que debes evitar)
2. Texto o imágenes parpadeantes o deslizantes. Estos dos elementos hacen muy difícil lograr la atención hacia algún otro lugar de la página. ¿No me crees? Visita este sitio y dime que lograste cachar de su contenido.
3. Apertura automática de nuevas ventanas del navegador. El usuario no agradece que se abran nuevos sitios web sin su consentimiento. Recuera, es el usuario el que mantiene el control y percibe como hostil una acción que pasa por encima de éste. No te doy ejemplos de éste, seguro tú conoces muchos.

Ahora que ya los conoces, visita tu sitio y verifica que ninguna de estas tres cosas a evitar estén sucediendo. Y si sí, ¿qué esperas? es tiempo de corregirlos.

Lo mejor que puedes hacer es buscar inspiración, ideas, ver ejemplos y seguirlos, ser curioso, equivocarte, cambiar.

Toma en cuenta lo siguiente:

1. Simpleza. No sobrecargues tu página con tipografías diferentes, diversos colores e imágenes, ya que harán que tarde más para descargar y confundirán al usuario. Recuerda que tienes menos de 3 segundos para convencer al usuario. Si tu página tarda más en descargar, para cuando termine, tu visitante ya se habrá ido!
2. Considera tu diseño terminado cuando parezca demasiado simple para el tiempo que le has dedicado.
3. Diseña un árbol de navegación sencillo, éste contiene las páginas que componen el sitio y las ligas (links) entre ellas. No es lo mismo que el esquema (layout) del sitio, éste último deberá mostrar cómo se disponen los elementos de la página (links, texto, logo, header, footer, banners, contenido, buscador, imágenes, etc.)
4. La regla de los 3 clicks. Ésta regla, dice que cualquier persona que visite nuestro sitio debería alcanzar la información más importante como máximo en tres clicks.  Cuantos menos pasos sean necesarios, mejor. Pero, hay que tener cuidado en implementarla. De poco sirve cumplirla al pie de la letra, si terminamos haciendo la navegación de un sitio web completamente incomprensible, en ciertos casos es mejor mas pasos y claros que pocos y confusos. La idea de esta regla consiste en hacer las cosas sencillas, prácticas y ágiles, elementos vitales en estos días.
5. Interactividad: Lo mejor de diseñar un sitio web es la idea de que el receptor no es un espectador pasivo, sino que además de mirar y comprender puede interactuar en distintos niveles con lo que uno ha diseñado.
6. No olvides las cuatro características más importantes: Contenido de calidad, actualización permanente, tiempo mínimo de descarga y facilidad de uso. Éstas cuatro características de un sitio web, hacen de un visitante casual, un usuario permanente.
7. Accesibilidad: recuerda que en internet, existen millones de usuarios, que utilizan servidores distintos, sistemas operativos diferentes (Linux, MacOS, Windows, etc.), con resoluciones distintas, programas y navegadores distintos (y si usan el mismo, con distintas configuraciones) e incluso internautas con capacidades diferentes. Visita http://www.w3.org, página del  World Wide Web Consortium para conocer más acerca de los estándares utilizados en la WWW.
8. Optimiza! Mientras el ancho de banda siga siendo un problema, debemos optimizar todos los elementos de nuestro sitio (en tamaño y cantidad de imágenes, principalmente) para que nuestra página tenga poco peso.
9. Internet es algo así como “comunicación entre redes”. Piensa en una red como una diversidad de cuerdas enlazadas que conforman un todo. ¿Para qué? Para ATRAPAR (ahora deberás entender el significado de WORLD WIDE WEB).  Y literalmente, es lo que debemos hacer, atrapar al usuario. No queremos que venga, sino que vuelva.
10. Y recuerda, el paso más importante y repetitivo, es probar, probar y probar.

Por último, escucha música. La música, aunque no lo parezca, también ayuda. Una buena música es una buena fuente de inspiración. No lo olvides.