Analizando los Principios básicos de diseño

Webs que me gustan y otras no tanto

1.GILLIAS

Esta web de un estudio de diseño es super minimalista, dejando todo el protagonismo a la imagen y al color.

+ COSAS QUE SUMAN:

  • El uso del color. Muy coherente a lo largo de toda la página. El rosa, el amarillo y el azul, son los colores corporativos. Muy dinámicos.
  • Como el color es el protagonista, el resto de elementos son bastante sencillos para no competir. En general se mantiene una simetría en toda la página, muy equilibrada.
  • Las fotos también tienen mucho color y son el elemento principal en la mayoría de los casos. Cuando no, se apoya en iconos. Textos muy breves y uso de iconos.
  • Buen uso de los espacios en blanco y los márgenes, creando así una estructura visual muy fácil de entender. Da sensación de orden.

2. CATRHAM

Otra página minimalista pero donde el color es más sutil y discreto.

+ COSAS QUE SUMAN:

  • Buena sensación al ver el slider en la home, crea muchas sensaciones.
  • Menú que se colpasa a medida que bajas. Muy útil.
  • Página que transmite mucha armonía por el uso de los elementos y del blanco.
  • Los tonos neutros de la página son fríos, grises, verdes y azules, que transmiten calma. Para un estudio de Yoga, es muy acertado.
  • También es sencilla de navegar. Secciones muy claras y ordenadas. Cuenta con un slider, vídeos, galería y noticias.
  • Las imágenes son limpias y claras, sin fuertes contrastes, pero juega con el corte de las mismas para crear dinamismo.
  • Textos muy breves y discretos, dando más importancia a la imagen. Muy sensorial: comida, sonido, vídeo…
  • En general, la sensación de “calma” al entrar en la página está muy conseguida. Dan ganas de quedarse en ella.

3. KLINKI

Tienda online de muebles de estilo nórdico.

+ COSAS QUE SUMAN:

  • Página de “diseño”, enfocada a un público que sabe apreciarlo. Es arriesgada, pero aun así es clara.

- Juega con recursos gráficos de cortar imágenes y crea mucho dinamismo. Parece desestructurada, pero no lo está, ya que los blancos dejan que respire y se separen bien los contenidos en secciones claras.

- Textos superpuestos en las imágenes. A pesar de que pudiera parecer caótico, lo hace bien, porque respeta los espacios en blanco. Los contrastes entre las fotos y los textos son buenos, con lo cual es legible.

  • Paleta de colores coherente con tonos neutros y naturales. Destacan el gris y el marrón como tonos predominantes.
  • Apuesta por cortes en las imágenes de detalles. En muchos de ellos no nos muestra el producto entero. Lo mismo, responde a un gusto estético que se nota a lo largo de toda la página.

- COSAS A MEJORAR

  • Quizá lo más caótico sería el menú del final, parece como superpuesto. Demasiadas capas que dan sensación de que se ha desajustado algo en la página. Además conviven dos menús a la vez.

4. RENFE

Creo que es la web sobre la que más quejas he oído nunca.

- COSAS A MEJORAR:

  • Mucho ruido visual.
  • -El menú superior de arriba, ¿para quién es? Hay diferentes usuarios y no queda claro a quién habla. Se mezclan totalmente los canales.
  • El buscador un poco caótico. Mucho caos de contenido: viajeros de larga distancia, cercanías, proveedores?, viajes, coches, hoteles… Que lo primero que leas en RENFE, es la palabra COCHES, dice mucho de cómo está estructurada la página.
  • El banner muy agresivo e invasivo, el movimiento despista.
  • La segunda parte de la web, pasa totalmente desapercibida. Parece contenido de relleno. Un menú muy amplio con una estructura rara. No sabes si son menús, destacados o productos. Las taxonomías no quedan nada claras, están mezcladas.
  • La pobre Irene tiene que estar saturada de tantas preguntas que le harán. Buen intento de poner una cara humana“detrás”, pero hay muchos fallos.

5. UCM

¡Y esta de propina! Porque ya me he venido arriba.

- COSAS A MEJORAR:

  • Uohhh, ¡qué ganas de estudiar aquí!
  • Que una de las universidades más prestigiosas (incluyendo carreras de comunicación) tenga esta página, me alucina.
  • Entiendo que es una página compleja por la cantidad de oferta que tiene. Se nota que se ha hecho un esfuerzo por simplificar el contenido, pero… se han quedado ahí.
  • La home es muy pobre. Da más la sensación de haber entrado en una intranet del 2000. Vale que luego metan la info en el resto de páginas, pero ponle un poco más de mimo, ¿no? ¡Seduce al usuario para que quiera ir a estudiar a esta universidad!
  • El intento de iconitos está muy bien, pero visualmente son pobres y quedan aburridos. Los colores no son vivos ni alegres, más bien apagados, con falta de luz.
  • Las secciones no están bien estructuradas, no hay armonía ni simetría. El slider con los ¿minisliders de la derecha? están en desequilibrio con la sección de abajo de Avisos y Destacados. No compensan los pesos.
  • Anda, ¡si hay redes sociales! Parece que estamos en el s.XXI.
  • Los destacados, todos tratados por igual, solo con texto. No hay jerarquía visual que me destaque la importancia de unas noticias sobre otras.
  • Menos mal que hay un slider que dice que han abierto la piscina de verano. Ah… que si yo soy un estudiante extranjero que quiero estudiar aquí, seguro que lo más importante para mi futuro es saber que puedo ir a la piscina a tomar el sol.