Tendencias en diseño web. Rafael Ferrater

37

Transcript of Tendencias en diseño web. Rafael Ferrater

Una web es un flujo de comunicación global, una herramienta de comunicación, información o de venta, o las tres a la vez. Si cumple su cometido es valido.

Ya no vive en el sobremesa como antes, sino que vive en

una Tablet, en un mobile, en un televisor, en una playstation, en una nintendo DS, en un Apple watch o incluso en la tus gafas.

https://insideabbeyroad.withgoogle.com

http://www.cartelle.nl/loveletters

http://www.giantstepsmedias.com/clients

http://bstartup.bancsabadell.com/

https://www.munichshop.net/

¿Que es una tendencia?

Es un patrón de comportamiento Es una moda Es una dirección La tendencia en web es liquida y cambiable, todo cabe y todo vale mientras cumpla su función.

http://www.giampierobodino.com/

http://shop.mango.com/ES-ca/home

El Storytelling siempre funciona.

Hay que contar una historia. De las estructuras más técnicas y funcionales, a paginas con narrativa que cuentan una historia con presentación, desarrollo, intriga, desenlace.

En la que intervienen y se entrelazan el texto, la imagen, el video, la ilustración, la iconografía. Una historia es más fácil de recordar, más atractiva y hace del formato web un todo.

http://www.conguitos.com/somos-los-conguitos/

http://nasaprospect.com

TENDENCIAS

1. First móvil (dispositivos móviles primero) http://apps.desigual.com/mag/

Aunque es cierto que todo pasa por el mobile, no siempre es cierto. Existe un debate en nuestra lado del tejado, y es crear, en una pantalla tan pequeña, la misma experiencia de usuario que en un pantalla de ordenador. Mobile First es una filosofía de adaptación de contenido que va ligado al momento de consumo de la web.

2. Big data. la web diseñada para la captación y distribución de información www.airbnb.es http://www.booking.com/

3. navegación y formatos

3.1 Responsive Design (adaptación de contenidos a diferentes formatos)

http://www.bostonglobe.com http://www.evaxtampax.com http://www.rocajunyent.com/#

3.2 scroll/parallax. http://berepublic.es/#about

3.3 Menos click, más Scroll

http://www.beoplay.com/products/h6-rapha-edition

http://www.awwwards.com/20-best-websites-with-parallax-scrolling-of-2013.html

3.4 A toda pantalla. (mezcla grandes espacios con fotografía)

http://doamaral.com/#/index

4. EL VIDEO, GRAN PROTAGONISTA DE LA COMUNICACIÓN.

Que la cosa se mueva, video a toda pantalla, animaciones

http://be2015.es/ http://24hoursofhappy.com

5. Lenguajes visuales.

5.1 lenguaje infográfico 5.2 Flat Design y minimalismo 5.3. Fotografía en movimiento

http://www.natural-fnb.com/home https://concours-creacarte.societegenerale.com/

6. ordenación y personalización contenidos

6.1 Desaparecen los menús 6.2. Iconos acompañando el texto para reforzar significados. 6.3 La web como buscador (wetransfer, googel….)

http://antonandirene.com/ https://www.wetransfer.com/

Todo lo dicho puede ser invalidado en cualquier momento. Internet vuela y un año es una eternidad. Mi conclusión es que lo que hace 3 años era un sacrilegio hacerlo, ahora es tendencia. No hace falta ser muy perspicaz para pensar que va a seguir pasando. Cada año que pasa las personas envejecemos mejor. Todo lo contrario que las webs, envejecen muy rápido y muchas veces mal.

Mi opinión

La web se convertirá en un soporte donde mandarán los contenidos de calidad, un diseño neutro y muy suave para que manden las fotos, videos, infografías... La tendencia de hacer grandes ejercicios tecnológicos y de navegación da paso a la mejor ordenación de contenidos, donde llegamos rápido y de forma eficiente a la información.