Inteligencia Artificial.
Diseño • UI / UX / Desarrollo • 2019
Desde el departamento de redacción se hizo petición para un especial que tratara el tema de la Inteligencia Artificial. Los redactores tenían planteado grandes recursos de contenido, tenían preparado entrevistas, contenido gráfico que enlazará con papel y era la primera vez que a la sección de ciencia se le proporcionaba un proyecto exclusivo para su temática.
Como buenos profesionales que son, estaba advertido que el contenido iba a ser amplio, profundo y con posibilidades de un mayor incremento de contenido.
La base de diseño eran artículos con su presentación de imagen, cuidado de tipografías, coherencia de colores, citas reseñables y una retícula que pudiera incorporar gran cantidad de contenido.
Hubo una petición que cogió fuerza en el planteamiento del proyecto. Querían insertar unas frases introductorias para hacer un énfasis inicial y empezar con gran expectación el contenido a mostrar.
La solución y mejor característica para este planteamiento era realizar una presentación tipo slider con la misma linea grafica para que crease coherencia e impacto visual. La antesala a los artículos.
Here we go!!!
En este tipo de especiales siempre hay que contar con la velocidad de carga, por la cual las interacciones y animaciones siempre deben ser cuidadas, simples y lo más importante que no consuma grandes recursos, en todo momento se tiene constancia que trabajamos con Responsive Design y el perfil y consulta del usuario es en mayor medida a través del móvil.
Ya se sabe, la mejor iteracción es la que no se aprecia.
Parte de colaborar con un equipo es hacer entender los requerimientos que implica trabajar con la web. Viniendo del mundo gráfico y transcendiendo al mundo de creación de sitios web y app tengo especial sensibilidad al estilo y buen diseño de toda gráfica a insertar pero esto implica que hay que ser muy virtuoso para optimizar elementos gráficos en ciertos formatos y que sean correctos en proporción a peso (Mb). Esto es un diálogo constante que tengo con mis queridos compañeros diseñadores gráficos. Design, optimize!!!
Ya se sabe, en la web todo suma.
Pero la familiaridad entre las dos ramas, gráfico y web, hace que un desarrollo compartido de estilos sea maravillosamente agradable y eficaz
Al ser uno de los primeros especiales de esta sección de ciencia, surgió el problema de la ilusión desbordada por insertar contenido. El planteamiento de hacer un storytelling había desaparecido por lo que se determinó realizarlo como un artículo completamente editorial, a una columna y con desplazamiento vertical.
Para tratar la diferencia e inmersión de lectura del periódico respecto al proyecto se decidió la utilización de un efecto parallax, que nos servía tanto para diferenciar secciones de lectura en la propia página como para la página común de la empresa.
Los proyectos denominados especiales, como es el caso y que parten del departamento de 'Laboratorio de El Mundo' tenían la particularidad que el código desarrollado era propio y no se heredaban plantillas corporativas y aunque testeadas no tenían la flexibilidad y características para la realización de estos proyectos.
Así que siempre toca picar código, plantear una correcta jerarquía y estructura en HTML sin olvidar a nuestro amigo Javascript que nos hace la magia para complementar nuestros proyectos especiales.