Macromedia Flash el padre del UX y las microinteracciones.
Christian Irack

Macromedia Flash el padre del UX y las microinteracciones.

Hace unos ayeres (bastantes ayeres) existía el tan odiado/amado Flash, se trataba de un plugin similar al player (horrible) de Java o a lo que hoy usa Unity con Unity Web Player. Que podía correr en cualquier navegador, pero nunca en tu celular, por fin 31 de diciembre de 2020, Adobe le puso fin.

No hay texto alternativo para esta imagen

Flash se volvió tan famoso en todo el mundo debido a su "ágil" manera de construir sitios web, aplicaciones de escritorio y hasta apps móviles, en una o dos horas podrías desarrollar un intro animado con su interfaz, un menú interactivo y quizá un par de secciones listas para publicarlas, lo que hoy te va a tomar cerca de 2 o 3 días con React, Angular, Vue o cualquier framework moderno de JavaScript que decidas usar.

Los más experimentados diseñadores/desarrolladores seguramente les tocó usar en alguna ocasión flash o al menos lo escucharon, con flash no existían las medias tintas, o te enamorabas a la primera o lo odiabas y nunca más lo volvías a usar.

La forma de programar era en ActionScript, un lenguaje que podría decir casi hermano de JavaScript y muy, pero muy similar (si no es que igual) a lo que hoy conocemos como ES6, con tipado de datos, exportación e importación de librerías, clases, herencia, paquetes (módulos). Incluso podría decir que flash fue el 🚀 pionero de los "componentes reutilizables" y "encapsulación de lógica", ya que la mayoría de los que desarrollamos teníamos cientos de librerías para todo, desde scroll's, combobox, carruseles, galerías, players de video, paginadores, pickers, inputs, sliders, tooltips, etc. Con sus métodos y clases encapsuladas en cada uno (con microinteracciones) y que importamos una y otra vez, ya fuera remotamente o localmente en distintos proyectos para poder personalizarlos y adaptarlos en tiempo récord.

No hay texto alternativo para esta imagen

En la época de Flash era habitual encontrarse sitios interactivos, sobrecargados de animaciones, piruetas, 3D, menús elásticos, entre un sin fin de efectos que cada diseñador/desarrollador se inventaba. Incluso componentes hechos a la medida o creados de cero. Lo que hoy nos sorprende debido a que ya son muy pocos los sitios web que se atreven a usar siquiera un "rollover" 🤡.

Entrar a un sitio web era toda una experiencia, desde su carga con preloaders animados para que el usuario no abandonará el sitio, hasta su carga completa que siempre impresionaba a los clientes que pedían un intro cada vez "más impactante".

La mayoría del UX que conocemos y el UI que usamos, ya tiene mucho tiempo que se usaba en los sitios web de flash, pero ahora ya existe un "orden y un porque", lo que en aquel entonces solo se usaba para que viera "bonito" o se sintiera "interactivo" sin importar mucho si era funcional o fácil de usar, hoy ya es una preocupación y ya existen técnicas y marcos de trabajo que analizan cada decisión de diseño, definitivamente han evolucionado las técnicas y la especialización en lo que hoy conocemos como experiencia de usuario e interfaz de usuario.

No hay texto alternativo para esta imagen

Hace unos años era importante saber diseñar y programar porque casi nadie contrataba especialistas, en realidad tenías que ser especialista en todo, con la evolución de las tecnologías y prácticas de diseño hoy todas las áreas son mucho más especializadas, hoy se requieren expertos para áreas específicas, como por ejemplo: experto en backend, experto en frontend, experto en mobile, experto en UX, etc. Desde mi punto de vista tiene sus ventajas y desventajas 🤓.

Nunca entenderé como un sitio completo con intro, animaciones, secciones, galería de fotos en .swf podría pesar menos de 2MB, lo que casi pesa solamente el "node_modules" de NodeJs apenas al iniciar un proyecto 😅

No hay texto alternativo para esta imagen

El motivo de este post era recordar un poco los sitios interactivos que ya casi no se ven a menos que estén desarrollados en Unity, reproducir alguno de estos sitios con JavaScript podría ser un trabajo monumental o casi imposible. También para hacer una reflexión de cómo la tecnología ha ido mutando y adaptándose para poder mantener proyectos cada vez más complejos y escalables que puedan ser consultados desde cualquier dispositivo o navegador de manera casi instantánea.

Aquí hay algunos sitios, juegos y presentaciones en flash que borre para siempre (para siempre) de mi disco de backup 😂 y que solo estarán disponibles en formato de video 🥲

No hay texto alternativo para esta imagen

Juego creado para Splenda, dónde podías ganar algunos premios de la marca si lograbas completar los niveles.

  • Flash player.

Página de agencia de publicidad

  • Flash player

Sitio web para presentar los últimos modelos de celulares de Samsung ("de esa epoca")

  • Flash player

Proyecto para kioskos interactivos en uno de los mejores parques a nivel mundial.

  • Flash player

Página web para promoción de Bimbo

  • Flash Player

Videojuego de futbol creado para una promoción.

  • Flash player

Landing page animado para DHL

  • Flash player

Videojuego para promoción de Splenda

  • Flash player

Micrositio interactivo para Ultrajewels

  • Flash player

Micrositio para Teletón

  • Flash player


¿Conociste o hiciste algún proyecto en flash alguna vez?


Por último te recomiendo trucos y tips para aumentar la visibilidad de tu perfil de LinkedIn: Ver vídeo en youtube

Sin lugar a dudas un gran software, que aún, aunque no lo crean algunos dispositivos como los cajeros automáticos lo siguen utilizando, con flash aprendí las nociones de la interacción y los principios de la experiencia de usuarios al interactuar con una interfaz ♥️ Te amo flash

Mario González

Senior UX / UI Designer | Webmaster | Digital Product Designer

3 años

Excelente articulo! En su momento me toco hacer muchos sitios con Flash. Tambien me sorpendia su capacidad para comprimir los .swf y que soportaba graficos vectoriales.

Jajaja es totalmente cierto quien no recuerda conectar Action Script con bases de datos?

Emilio Correa González

Head Design Team, Mobile Area / Digital & Tech Services at BDO Spain

3 años

Que buen artículo y como me ha llegado al corazón. Entiendo que flash tenia muchas limitaciones y problemas pero era sencillamente maravilloso. Como diseñar con plastilina, sencillo y rápido. Su línea de tiempo para la animación estaba a años luz del complicadísimo y ortopédico sistema de after effects. Y la programación en action script era muy cómoda. la podías adaptar a tu nivel. En fin, lo echo de menos.

James Cruz

· Product Designer | UX/UI Designer ·

3 años

Si lo queríamos y Apple lo saco de la jugada!

Inicia sesión para ver o añadir un comentario.

Más artículos de Christian Flores

  • Fullstack developers, ¿Quiénes son? ¿Mito o realidad? 🤔

    Fullstack developers, ¿Quiénes son? ¿Mito o realidad? 🤔

    El término teórico de un fullstack developer, se refiere a un desarrollador que tiene conocimiento de cada una de las…

    8 comentarios
  • El freelance nunca hizo rico a nadie.

    El freelance nunca hizo rico a nadie.

    Hacer freelance solamente frena tu carrera profesional. *Ojo: En este artículo me referiré siempre a "Freelace"…

    15 comentarios
  • El futuro de las oficinas después del Codiv19

    El futuro de las oficinas después del Codiv19

    Desde que comencé a buscar empleo en el 2003, siempre fue fundamental encontrar uno donde me sintiera agusto, desde…

    3 comentarios
  • ¿Cómo conseguir empleo aún si no eres titulado? . 🚀

    ¿Cómo conseguir empleo aún si no eres titulado? . 🚀

    No necesitas pasar 4 años encerrado en una universidad para incursionar en alguna área digital que puedes aprender en 6…

    2 comentarios
  • El apocalipsis retail.

    El apocalipsis retail.

    Una de las causas del apocalipsis del retail (término acuñado por los medios estadounidenses para describir el cierre…

    1 comentario
  • Buenas prácticas en UX

    Buenas prácticas en UX

    El User Experience existe en el mundo digital desde hace mucho tiempo, pero algunos conceptos son nuevos. Aunque es un…

    3 comentarios
  • Mantente actualizado en tecnología, marketing digital y UX con...

    Mantente actualizado en tecnología, marketing digital y UX con...

    La mayoría de los diseñadores UX y Devs que conozco guardan(mos) cerca de 236 mil marcadores para algún día verlos…

    4 comentarios
  • Las mujeres más poderosas en tecnología & emprendimiento!

    Las mujeres más poderosas en tecnología & emprendimiento!

    Hoy 8 de marzo se conmemora en México el día de la mujer y nada más con ese pretexto como buen mexicano, vamos a ver…

    3 comentarios
  • El UX de Facebook a lo largo de 12 años.

    El UX de Facebook a lo largo de 12 años.

    Las grandes empresas que hoy conocemos comenzaron con un mínimo producto viable (MVP - Feo como un pie), incluso con…

    5 comentarios
  • Cualquiera puede programar, sin ser ingeniero.

    Cualquiera puede programar, sin ser ingeniero.

    Algunas personas se han acercado por consejos del tipo ¿Qué lenguajes de programación aprender?, ¿Si no soy ingeniero…

    11 comentarios

Otros usuarios han visto

Ver temas