La llegada de las nuevas web 2.0. trajeron una nueva manera de entender el diseño de las web, textos más grandes colores más vivos…. pero lo que hace distinta a una web 2.0. es su contenido, su interactividad con el usuario, no su diseño, sin embargo asistimos a una clonación sin fín de webs debido a una asociación errónea en la que se relaciona éxito con “mantener una apariencia tipo”.

Estamos todos de acuerdo con que el cambio ha sido para mejor, más aire en los diseños, más limpieza en los bloques, pero algunas veces casi aséptica, y debido a su popularización falta de personalidad.

Tenemos que aprender de los mejores y tratar de adaptarse a las tendencias de nuestros propios diseños.

¿Cual es la tendencia actual?

La tendencia actual en cuanto a diseño de páginas web se puede describir del siguiente modo:

• Elementos Retro-
  Desde la vieja cámara Polaroid, radios antiguas, impresiones de época,… todo para conseguir un ambiente acogedor.
• Paletas de colores cálidos-oscuros-
  El uso de colores oscuros, como marrón oscuro, burdeos y la mostaza en lotes de variaciones y matices en asociación con ese aspecto retro. En contraste con el brillante y de alto contraste de los colores de la tendencia actual.
• Texturas reales-
  A veces orgánica, la simulación de madera, piedra, paredes manchadas o añadas fondos de escritorio.
• Grunge Retro Fonts-
  Adiós a la típica fuente de esquinas redondeadas en negrita que utilizamos hoy en día. Demos la bienvenida a las fuentes y tipos grunge llenas de asperezas y detalles.
• Cajas desiguales-
  Es el efecto desigual de acabado en cajas, marcos o partida. Obtenidos por efectos como rasgados de papel de símbolos de la pintura.
• Objetos decorativos-
  Tanto ornamentos florales como tribales, se dejan ahora ver de manera tímida pero muy importante en las 2.0.
• Manchas-
  Esto es de nuevo una característica grunge, pero también de época. Agregando como manchas de pintura creando la ilusión de algo desgastado por el paso del tiempo.
• Collages en las cabeceras-
  Cabeceras que llegan a ser verdaderas obras maestras en las que el autor o el producto vendido cuentan sus historias.

El título de una página web es especialmente importante por varios motivos.
Además de ser una imprescindible herramienta de marketing, ya que permite al webmaster optimizar la presencia de una web frente a los buscadores, también facilita la navegación de los usuarios en los bookmark de los navegadores.

Un título debe describir perfectamente nuestra página, de tal modo que sea capaz de dar una información concisa y precisa del contenido que estamos mostrando. En un resultado de búsqueda, va a ser el bloque más destacado que el usuario encuentre en el buscador.

Si hablamos del posicionamiento en los buscadores, debemos tener en cuenta varios factores a la hora de diseñar un buen título para nuestra página:

• Google indexa sólo los primeros 64 caractéres de nuestro título, frente a los 120 que indexa yahoo. Por este motivo deberemos meter la máxima información dentro de esos 64 primeros caractéres para que funcione bien en ambos buscadores. Existe incluso la probabilidad de que al usar un título demasiado largo, los motores de búsqueda lo interpreten como una posible fraudulencia.

• Cada título debe ser único.

• Debe de contener los keywords más relevantes, sin olvidar que tendrá más importancia las primeras palabras que escribamos.

• Hay que tener muy encuenta la primera y última palabra

• Escribir todos los sustantivos con mayúscula, pronombres, adjetivos, verbos, adverbios, y subordinar las conjunciones (“como”, “porque”, “aunque”).

• Minúscula en todos los artículos.

En la home, colocaremos primero el nombre de la marca, seguido de una breve descripción.
En las páginas interiores la marca apareceá al final de la descripción para mantener la relación entre páginas.
En las páginas de nivel 2, colocaremos una breve descripción y al final de esta el título de la sección.

Desgraciadamente he podido comprobar como en grandes empresas el diseño de la web queda relegado al dpto. informático o al jefe de turno, que en la mayoría de los casos entiende mucho de otras cosas pero nada de diseño. Y es que para decir la verdad, desgraciadamente hemos elegido una profesión en la que todo el mundo se ve con derecho a ser un auténtico experto. Todos llevamos un diseñador dentro

Estos son mis consejos a la hora de hacer un buen sitio web.

• Estudio de mercado – estudiemos a la competencia. Es muy importante ver qué hacen las demás web que ofrecen nuestro mismo producto, podemos sacar buenas ideas, podemos ver sus errores o darnos cuenta de temas que no habíamos contemplado.
• Simplicidad en la arquitectura – debemos ser capaces de encontrar una arquitectura simple que haga que la web sea usable. Una buena web no puede llevar instrucciones de uso.
• Jerarquía y ubicaciones – es muy importante que el usuario sepa en todo momento dónde está la información principal y la secundaria. La web tiene zonas más importantes y otras secundarias, hay que saber dónde colocar los titulares, formularios, botones de formulario… es decir, hacer un buen estudio de usabilidad.
• Colores, fuentes, imágenes y códido – usemos un diseño en función del contenido de nuestra web. No es igual una web en la que el usuario busque información y tenga que leer, que una web, en la que el usuaio entre a ver fotografías. En la primera deberemos usar tonos y contrastes que permitan hacer una buena lectura, en el segundo tendremos que buscar buenos contrastes que resalten esas fotografías. Las fuentes deben ser lo suficientemente grandes para poder ser leidas con facilidad y siempre en ambos casos es muy importante que el código sea lo más ligero posible. Usar css y dejar de lado las tablas, sobre todo las tablas anidadas que hacen que nuestro contenido no se muestre en google.

Evidentemente no es sólo cuestión de estos 4 puntos, pero en mi opinión y experiencia son los cuatro pilares fundamentales del diseño web.

Creo en la simplicidad, por supuesto que no todos los sitios web pueden ser igual de sencillos, pero si deberían ser todos capaces de en pocos rasgos dar a conocer lo que el usuario está esperando de ese site.

Toda web tiene un objetivo y todo usuario tiene una atención finita.
El diseñador ha de ser capaz de llevar la atención del usuario hacia lo que quiere y no quiere buscar, pero de un modo fácil y sencillo, sin banners estridentes ni demás recursos tan usados en muchas web.

El usuario ha de diferenciar en todo momento lo realmente importante de una información, es muy importante saber elegir un titular o saber cuándo tenemos que poner en negrita una frase. En mi relación laboral como diseñador de www.muchoviaje.com pude comprobar como cuando hacía publicidad online para otros sitios (orange, msn, yahoo,….) el resultado de click through era mucho mayor cuando las creatividades estaban disimuladas con el aspecto del site que las contenía. Esto es, el usuario veía esas creatividades como parte de la información del site y no como publicidad externa.

Tenemos que permitir la comunicación, y también tenemos que reducir al mínimo el ruido.

No podemos seguir engañando al usuario con contenidos falsos. Que un usuario no encuentre el contenido de la información que ha solicitado bien por mala arquitectura y usabilidad del sitio o bien por haber sido “engañado” no genera visitas válidas, porque ese usuario no volverá nunca a consultar en nuestra web.