En los últimos años, la Internet cambió profundamente y muchos de sus problemas iniciales, gracias al avance de la tecnología y la democratización de las herramientas de publicación, han ido desapareciendo. Sin embargo, a lo largo de la última década han podido observarse ciertas tendencias en el campo del diseño web que parece necesario corregir. Algunas de ellas han ido desapareciendo, mientras que otras siguen vigentes, aunque quizás con menor intensidad. Por lo menos, eso creen en AddToDesign, donde recopilan seis tendencias erróneas del diseño web de los últimos diez años.

1. Publicidad infiltrada
A pesar de ser insoportables para la mayoría de los usuarios, durante la década pasada se profundizó el uso de avisos invasivos. Suelen ubicarse en cualquier intersticio del diseño o en la forma de encuestas y formularios. Por suerte, esta práctica tiende a revertirse a medida que el presupuesto en publicidad crece y los diseñadores van adquiriendo mayor libertad sobre cómo monetizar su contenido.

2. Enlaces no estandarizados
Un error frecuente, sobre todo en diseñadores novatos, es elegir colores distintos a los habituales para señalar enlaces, como una forma de distinguirse del resto de los sitios web. De esta manera, a veces cuesta diferenciar el texto normal del texto enlazado (que, por convención, es azul), y más aún saber qué enlaces ya fueron visitados y cuáles no. Es una costumbre que todavía sigue muy vigente.

3. Fondos rústicos
Los fondos con texturas (como madera o gravilla) o de estilo wallpaper fueron el sello característico de muchos sitios web nacidos en la década pasada. Aunque no siempre eran desagradables, solían representar obstáculos a la usabilidad. En la actualidad, por suerte, casi no se usan.

4. Flash por todos lados
El uso de Flash para crear introducciones animadas, elementos de página o incluso sitios web enteros es la tendencia más irritante que atravesó el mundo del diseño web durante la década pasada. Afortunadamente, con el correr del tiempo fueron apareciendo herramientas para bloquear esas insoportables animaciones.

5. Ventanas emergentes
Gracias a los bloqueadores incorporados en navegadores como Firefox, en la actualidad no es tan frecuente toparse con pop-ups. Pero en otra época, las ventanas emergentes eran algo común en la mayoría de los sitios web, y no sólo se usaban para mostrar publicidad indeseada sino también para ofrecer contenido de importancia. Hoy, aquellos pop-ups tradicionales son reemplazados por bloques que emergen de la página actual sin abrir una nueva ventana (a veces oscureciendo el fondo), y suelen servir para mostrar imágenes o pedir datos de registración.

6. Diseño de estilo Web 2.0
Las esquinas redondeadas, los fondos de colores claros y los elementos de página bien separados son algunas características que a todos nos agradan. Además, garantizan una buena usabilidad. Sin embargo, esas marcas de estilo ya se han convertido en clichés. Al final, todos los sitios terminan pareciéndose entre sí.

Ver artículo: 6 Terrible Web Design Trends

El SEO, es decir, el conjunto de técnicas para mejorar el posicionamiento en buscadores, se ha convertido en una de las disciplinas más importantes que rodean la gestión de un sitio web. En Mr. SEO advierten sobre algunos errores que suelen cometer quienes recién están dando sus primeros pasos en la optimización para motores de búsqueda.

1. Falta de contenido. No tener una buena cantidad de contenido original puede afectar al sitio web y llevarlo a aparecer en los resultados suplementarios.

2. Contenido duplicado. Esto suele traer problemas con los sistemas de gestión de contenidos. No es bueno usar varias veces el mismo texto con apenas un par de palabras cambiadas. Por ejemplo, si tu sitio web ofrece servicios para diferentes ciudades y utilizas el mismo texto para todas, pero cambiando el nombre de la ciudad según el caso, los buscadores lo considerarán contenido duplicado.

3. Malas URLs. Las URLs que contienen cadenas de consulta pueden traer problemas.

4. Esconder contenido. Créase o no, esto sigue siendo un problema. Algunas personas tratan de salirse con la suya haciendo que el color del texto sea apenas un poco más claro u oscuro que el del fondo (para camuflarlo), o haciendo el texto tan pequeño que sea prácticamente imposible de leer.

5. Intercambiar enlaces. Enlazar a sitios no relacionados, especialmente cuando esto surge por un acuerdo de intercambio de enlaces, puede ser malo para tu web. Es recomendable no acordar intercambios de enlaces con sitios de temática no relacionada. Puede traducirse en una mala indexación en buscadores.

6. Enlaces entrantes y posicionamiento. Muchos novatos no saben bien qué hacer cuando construyen un sitio web. Suponen que, una vez funcionando, deben añadirlo a Google y eso es todo. Otros están obsesionados con los números: piensan que, teniendo más enlaces que sus competidores, les ganarán en posicionamiento. Ninguna de esas creencias es cierta.

7. Etiquetas de título y descripción. No es bueno mantener las mismas etiquetas de título o descripción entre las páginas internas del sitio. Muchos diseñadores piensan que de esa manera ayudan a mantener cierta uniformidad a lo largo del sitio. En realidad, lo único que se consigue con esta práctica es posicionar al sitio entre los resultados suplementarios. Las etiquetas de título y descripción deben reflejar el contenido de cada página particular.

Ver artículo original: Top 7 SEO mistakes new site owners make.

El CSS siempre ha sido el fundamento de todo buen diseño web. Y con la llegada de CSS3, las cosas se han puesto particularmente interesantes. CSS3 introdujo algunas nuevas propiedades que los diseñadores y desarrolladores pueden explotar para crear algunos efectos geniales. Sin embargo, el principal inconveniente de todas esas nuevas características es que la mayoría requieren una implementación específica para cada navegador. Esto implica que, si una característica funciona en un navegador, es posible que no funcione en los demás. Para mejorar la funcionalidad, se hace necesario agregar una porción extra de código.

Pero muchos diseñadores son demasiado perezosos para hacer eso. Para ayudarlos, en Reencoded armaron una extensa lista de las mejores herramientas para generar código CSS3 automáticamente.

Ver artículo:  15 Best CSS3 Generators For Lazy Designers

A la hora de construir un sitio web, siempre es de ayuda seguir un proceso, especialmente cuando se tiene poca experiencia en diseño web.

Cada diseñador puede elegir sus propias directivas a seguir, pero, por lo general, los procesos comunes abarcan seis actividades básicas: aprendizaje, planificación, diseño, codificación, lanzamiento y mantenimiento. Así es el proceso que propone Six Revisions para alcanzar el éxito en el diseño de un sitio web.

Read the rest of this entry »

Photoshop es una herramienta sumamente poderosa y con muchísimas aplicaciones en el campo del diseño web, la fotografía y la ilustración. Todos conocemos sus virtudes para embellecer modelos, inventar paisajes de ensueño, diseñar elementos de navegación en un sitio web, crear logos impactantes y mezclar los colores más diversos para dar origen a verdaderas obras de arte. Pero no todos saben de la increíble cantidad de efectos que ofrece Photoshop para dotar a nuestros textos de un aspecto visual sorprendente, a través de texturas tipográficas que acentúan el significado de lo que queremos comunicar.
En SloDive realizan una increíble selección de tutoriales para usar efectos de texto en Photoshop. Letras de fuego, de neón, de metal; en tres dimensiones o con destellos de luz; hay todo tipo de estilos para elegir.

Ver artículo original: 70 Photoshop Tutorials For Text Decoration From 2010