Presentació dins la Jornada "Guia per millorar el teu web sanitari" 19/06/2015 #jornadeswma

2. 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.

3. 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.

5. https://insideabbeyroad.withgoogle.com
http://www.cartelle.nl/loveletters
http://www.giantstepsmedias.com/clients
http://bstartup.bancsabadell.com/
https://www.munichshop.net/

6. ¿Que es una tendencia?

7. 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.

8. http://www.giampierobodino.com/
http://shop.mango.com/ES-ca/home

9. El Storytelling siempre
funciona.

11. 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.

12. 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.

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

14. TENDENCIAS

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

16. 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.

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

19. 3. navegación y formatos

20. 3.1 Responsive Design
(adaptación de contenidos a
diferentes formatos)
http://www.bostonglobe.com
http://www.evaxtampax.com
http://www.rocajunyent.com/#

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

22. 3.3 Menos click, más Scroll

23. http://www.beoplay.com/products/h6-rapha-edition
http://www.awwwards.com/20-best-websites-with-
parallax-scrolling-of-2013.html

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

25. http://doamaral.com/#/index

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

27. Que la cosa se mueva, video a
toda pantalla, animaciones
http://be2015.es/
http://24hoursofhappy.com

29. 5. Lenguajes visuales.

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

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

32. 6. ordenación y
personalización contenidos

33. 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/

34. 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.

35. Mi opinión

36. 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.