TRANSCRIPCIÓN:

En el último par de meses se ha venido discutiendo en foros y blogs de Internet sobre la muerte completa de Adobe Flash, a partir del anuncio de Adobe de parar el soporte para Flash Mobile Player. Esta herramienta que permite la interacción compleja para aplicaciones y animaciones web, ha sido poco a poco desplazada por los estándares HTML5, CSS3 y Javascript entre otras. El tráfico de Internet se dirige cada vez más a realizarse a través de dispositivos móviles (celulares, tablets), pantallas de televisión y demás interfaces táctiles, los cuales muchos no soportan la tecnología Flash.

Como lo menciono en un principio, Flash es muy bueno para sitios que requieren de una interactividad rica en experiencias y branding como por ejemplo para videojuegos o películas, en donde el contenido pasa a segundo término y los audiovisuales al primero. Desgraciadamente la mayor parte de la web no es así. Se requiere compatibilidad a través de cualquier dispositivo y una buena optimización del sitio en motores de búsqueda, lo que Flash ciertamente ha dificultado.

También hay que tomar en cuenta que al final no existe un “Internet Móvil” por sí sólo. Se accede al mismo por muchos tipos de dispositivos. Esto es por lo que desarrolladores están considerando dejar la herramienta para implementar a su trabajo los nuevos estándares.

Darme cuenta de esto me es un poco triste pero también tranquilizador. Fui de los Diseñadores que emprendieron entusiastamente el aprendizaje de Actionscript, pero cuando llegó la versión 3.0 a cambiar todo, me hizo tomar la decisión de esperar un poco para ver si en realidad iba a valer la pena pulirme en el lenguaje. Y esto porque después de aprender Lingo en Macromedia Director, se aprende el tiempo que te lleva. Ese mismo tiempo que puedes invertir en mejorar tus técnicas de ilustración, tu habilidad administrativa o por supuesto estándares web validados. Aunque paradójicamente siempre hay nuevas herramientas que dominar (léase Adobe Edge o Muse), por lo menos nos aseguramos que podamos estar más al día con un desarrollo más universal y accesible.

Lo triste es pensar en tantas animaciones y experimentos visuales que quedarán en bóveda.

Lo mejor es que casi todos mis clientes ya están conscientes de esto porque utilizan su iPad o Blackberry para navegar, y no pueden ver sitios o banners en Flash.

Algunas notas relacionadas al tema:
With Adobe backtracking Flash, it’s time we did too. Boagworld.
Is Flash dead? Netmagazine.com
Adobe to Focus on HTML5 App Development

1. Primero y más importante: Layout con CSS, no solamente estilo. Es decir, hacer layouts sin tablas. El porqué es importante. El cómo se hace. Cómo funciona el box-model. Dónde sí utilizar tablas. Al día de hoy esto es básico.

2. SEO: ¿Saben cómo he aprendido de SEM & SEO? Pues bloggeando. Tuve un maestro de Mercadotecnia que gracias a su entusiasmo obligó a toda una generación a abrir sus blogs para responder ejercicios, hacer ensayos y demás. Desgraciadamente no moderó a sus alumnos y terminaron dejándose ataques anónimos entre ellos, peléandose en clase y finalmente a nosotros nos nos promovió esa actividad. Pero la experiencia de mantener un blog te enseña a aprender a analizar fuentes de tráfico, términos de búsqueda y mucho conocimiento que termina afectando la redacción de nuestros contenido en Internet. En clase de Internet y sus medios jamás tocamos este tema.

Ustedes dirán: “el SEO no es tan difícil”, “se aprende en la marcha”, pero la verdad es que es todo un submundillo que tiene sus mañas y beneficios, y si se puede aprender lo antes posible tiene una gran rentabilidad.

3. Los estándares web. Ahora que Internet Explorer 9 ya los considera, es el momento perfecto para aprender a diseñar con estándares. Si el html era la tabla de multiplicar, los estándares serían la tabla de dividir (un poco más difícil, aunque involucra saberse las tablas anteriores). Ejemplos de uso práctico que involucran los web standards: Saber cuando usar flash, cuando no, cuando usar funcionalidad con javascript o con tecnología Spry. Para todo eso hay que educarse o seguiremos viendo sitios completos hechos en flash, titulares y copywrites en imagen y demás barbaridades. También informar los beneficios de la accesibilidad en CSS: crear hojas de estilo para diferentes formatos y dispositivos. Una cosa más que aprendí gracias a un diseñador inglés de nombre Paul Boag es a su vez considerar cuando el proyecto en cuestión no costea el uso de estándares, dependiendo de la realidad, el presupuesto, el tiempo, etc.

4. Otra cosa que me hubiese encantado aprender es la personalización de Sistemas de Administración de Contenido, algo tan de moda hoy. Los llamados “sitios autoadministrables”. Admito que se entra en un área de diseño de sitios dinámicos pero el diseñador gráfico siempre puede entrarle. Lo único que necesita saber es como funcionan estos sistemas.

5. Definir nuestra posición como diseñador y no como programador (hasta cierto punto ‘admitir’). Que el diseño sea una actividad multidisciplinaria no significa que nuestro campo de acción sea todólogo. Y sobre todo en web, donde sistemas requieren un conocimiento de programación especializado. Esto se lo mencioné al maestro, ya que afecta también como se enseña el diseño web. Admitámoslo: nosotros aprendemos más con imágenes, somos más visuales. Y pienso que a veces el maestro no lo consideraba.

El tener a todo un grupo de alumnos nuevos en el tema con intimidantes hojas de código no sólo no era lo más apropiado a mi parecer, sino que tenía a la mayor parte en constante duda y retrasando el avance. El hands-on training es más en un taller donde ya se conocen los fundamentos. Como ejemplo de lo más lindo propondría lo que hace Lynda.com: prepara presentaciones explicando de forma muy visual los fundamentos y en términos sencillos, para después pasar al software.

¿Por que incluyo este último punto? Porque muchos diseñadores creen que hoy todo se puede hacer sin saber programar tanto y no siempre es así. Hay que saber de entrada cuando un proyecto se escapa de nuestra capacidad.

Después de tener más experiencia utilizando Dreamweaver y WordPress le sugiero al docente que en vez de tratar de hacernos diseñar todo en vista de código (como un notepad), existe todo una interfaz a base de cuadros de diálogo, páneles de CSS y comportamiento que nos ayudan como diseñadores a administrar todo. Ojo que no diga que no haya que aprender el código. Sí. Pero creo que para nosotros los diseñadores es más fácil generar el código a base de esta interfaz gráfica y con la repetición, ir viendo como trabaja el código. De cualquier manera para establecer reglas y parámetros hay que saber lo que son los selectores, seudo-selectores, IDs, clases, selectores compuestos, etcétera. Pero no esperen que nos aprendamos todos los tags como tablas de multiplicar. Seguro los consultaremos cuando los vayamos utilizando, después de conocer los que son fundamentales.

Hablando de las tablas de multiplicar, a mi hermano de secundaria ya le enseñaron HTML. Antes me parecía increíble pensar que a esa edad los chicos siquiera lo entendieran. Pero para mi sorpresa sí que lo entienden. Seguro que es a base de lo mismo que les comento arriba. Sistemas WYSYWYG y bajo repetición. ¿Las etiquetas HTML serán las nuevas tablas de multiplicar para la educación media?

¿Y tu paleta de que la quieres?

Toda clase de diseño a mi parecer debería terminar con una sesión informativa de cómo cobrar lo que se está diseñando. A cuanto se cotiza un banner animado, una animación en flash, un sitio informativo, en cuanto salen los programadores para distintos tipos de proyectos, etc.

Por último, y bajo la recomendación de muchos expertos que he leído en la red social Quora, lo optimo para estar preparados para tomarle el paso a HTML5, Css3 y Javascript (no hablemos de otras tecnologías que atañen más a un programador) es aprender los cimientos que ya son compatibles con estas últimas tecnologías. Es decir, si vamos a aprender HTML5, pues las etiquetas básicas siguen siendo las mismas de HTML, igual con los selectores de CSS, pero ya irlos viendo bajo la perspectiva de lo último que hay, y dejar el abanico abierto. En el tema de comportamientos (behavior), en un curso es comprensible que no se alcance a ver, pero bajo la misma técnica de repetición y uso de las librerías básicas creo que es más que suficiente para que el diseñador novato aprende como funcionan (no se diga que significan a detalle, pero por lo menos que hace que funcionen, volviendo al punto pasado).

Pd. Si enseñara HTML5 lo primero que enseñaría sería a utilizar webfonts (agréguenla a la cuenta).
Pd2. Sugerencia para los maestros de Diseño: más infografías y más motion graphics

Wallaby se unirá seguramente como parte de la suite de aplicaciones web de Adobe, o incluso como módulo del mismísimo Flash Profesional (CS6 para ese entonces), pero pueden irse descargando la versión de prueba de sus laboratorios. Arrastran su .fla a la aplicación y ella se encargará de transformar el archivo. Ojo que todavía no funciona de forma íntegra con toda clase de archivos, por ello es versión beta para prueba. Además no todas las funcionalidades de flash están soportadas por el metalenguaje HTML5. Wallaby fue designado para emitir archivos compatibles con navegadores que soportan Webkit.

Una vez que el archivo en HTML5 se haya creado, podrá modificarse en editores de este lenguaje de marcación como lo es Dreamweaver (CS5).

[Ver todas sus Notas técnicas y tips técnicos]

Fuente: LaCronica.com / Ciencia y Tecnología.

Fuera de los datos vistos en este análisis ¿Cómo alcanzar la parte alta de la infografía, esa que dice ganar más de 20,000? Según mis mentores y sempais del Diseño Gráfico, aquí algunas formas:

• Teniendo al menos 5 años trabajando en agencia y haber acendido a director de Arte, Diseñador Senior, algo.
• Accediendo a una dirección o puesto administrativo de una empresa, aunque esto involucre dejar tu disciplina de diseño (MKT, Administración, PR, etc).
• Abriendo tu propia empresa, y obviamente que sea fructífera.
• Años de experiencia y contratos, como lo vemos en la tendencia.
• Especialización en algo que no se explote localmente, y del cual sólo tu puedas proveer, y por lo tanto cobrar bien.

96% Creen que el diseño es mal pagado.

URGE un AIGA Mexicano, un consorcio, una escuela, ¡algo! Algo que le enseñe a la gente casos de éxito por Diseño; razones para invertir, definir lo que hace un Diseñador, promover las mejores prácticas comerciales, establecer precios mínimos y sugeridos, etc. Algo unificado.

Sólo el 3% tiene más de 33 años y son Diseñadores ¿Porqué podría suceder esto?

• Porque a ese rango de edad o puesto, no le llegó la encuesta, o no leen blogs y por lo tanto no participaron. Esta puede ser la más lógica, pero pueden haber otras.
• -No aguantaron el estrés o se estancaron.
• -Son ex-diseñadores y ahora se dedican a otra cosa que les va mejor.
• Se murieron de hambre.
• En su época no se estudiaba Diseño. En México el auge de este tipo de estudios es relativamente reciente.

¿Qué les parece? Lean la nota completa de la Revista Neopixel.

COLOURlovers hacen un notable estudio sobre los colores que utilizan las principales marcas con mayor presencia en línea, apoyados por Alexa, Compete y Nielsen. Según el estudio, en la web pululan los logos azules y rojos, aunque muchísimos startups no hacen una investigación en forma sobre el tema, como lo fuera facebook. Si leen la entrada, expanden un poco el estudio hacia la dominancia de los colores rojo y azul en el ámbito corporativo americano.

¿Significa esto que hay en realidad pocos caminos del color en el diseño de marcas? En realidad no, sugieren los autores. Una marca se crea con más que sólo su logotipo. La calidad, la promoción constante y la experiencia que genera son igual o más importantes que la identificación cromática (y formal) de la marca. Pero saber las tendencias de color ayuda a los diseñadores a conocer las asociaciones simbólicas que la gente tiene de empresas que consideran buenas o en el top-of-mind del ciberespacio. Mark Zuckenberg, por ejemplo, cuenta que al ser preguntado sobre del porqué eligió el color azul para el icono de facebook, responde que era el único color que el puede apreciar, pues es daltónico. Ahora más de 500 millones de personas van y observan un sitio web azulado muchas horas por semana.

Fuente: ColourLOVERS

También agregan el proceso de Diseño de su logotipo.

Enlace: The Lynda.com Story.

Lynda.com se encargó del entrenamiento oficial del Adobe Creative Suite 4, y en estos momentos ya está actualizando todo su contenido a la nueva suite.

http://oscar.go.com/video/index

El sitio tiene un diseño bastante práctico y de alguna manera social. Podemos observarlo desde lo sencillo de su logotipo. En el portal también destaca su Message Board donde verdaderamente se observa el debate entre los usuarios sobre las películas nominadas, a manera de foro. De momento yo recomendaría ver: Avatar (en 3D), District 9, The Hurt Locker, Sherlock Holmes, Star Trek y Up in the air. Definitivamente una lista muy fantástica y hasta Shonen.

Un gran avance para el cine de animación. Les recomiendo visitar el sitio, ver los trailers y considerar ver cine nuevo, y conocer alternativas diferentes, aún partiendo del establishment.

Funcionalidades:

• Guarda imágenes capturadas de cada uno de los navegadores.
• Soporte en IE8, Safari 4, Chrome 3.0 y Firefox 3.5.
• Disponibilidad de reglas y guías.
• Explorar las capturas para observar detalles en cada previsualización.
• Registro con hoja transparente para anotación de las diferencias de algunos detalles (Onion Skin Registration).
• Retraso de capturas. Esto te da la capacidad de capturar una imagen de tu sitio cada 10 segundos, para que observes que es lo que se está cargando en cada momento.

Prúebalo gratis en: Adobe Labs
Observa el tutorial: