Using Analytics to Predict Hollywood Blockbusters

Analytics helps us to connect pieces of research, identifying the right elements to create a unique experience. “Jurassic World” movie is the perfect case study on how research, facts and behaviors can support a multibillion dollar franchise.

Not Another Sequel

We all went ”ugh… please-not-another-sequel!” when we heard the rumor of a Jurassic Park sequel. Apparently, we were wrong. Against all odds and rumors, the dino-action sequel literally ate box office records, with a staggering 208.8 million domestically this weekend, making it the highest grossing opening weekend film of all time.

As of today, Mr. T-Rex is the richest dinusaur in the world. 1.672 billion USD box office worldwide. Raawrr!! Grossing a total of $652,270,625 in USA and $1,019,442,583 internationally. Roughly $600 millions are from Asian markets, China and South Korea leading in Asia; UK, France, and Germany in Europe and finally Mexico and Brazil in Latin America respectively.

The industry is changing the way they do business and technology is doing its part. Analytics tools had proven to be successful, making connections between pieces of research, identifying facts and behaviors. Jurassic World is relevant example of this The audience ‘body language’ was pretty clear: On that weekend, the re-post rate for Jurassic videos on YouTube was 45 to 1 (the average is 9 to 1). The trailer on the official Universal channel got 66.6m views (multi-channel networks money well invested) Twitter almost broke: #JurassicWorld peaked at 63K. The “conversation” for the film was very high and very positive on social media that weekend. Thousands and millions share trailers with their community, on multiple social channels. And that’s intent of purchase…like a kiss. Plus, no big sports events or soccer matches on TV that weekend. Add shirtless Chris Pratt and school calendars and TV were packed with dino-theme curricula. Finally, people just love seeing Pterosaurs munching on tourists! Go family-friendly entertainment! Jurassic World broke box office, scoring the biggest opening weekend in history with a sweet $511.8 million in tickets sales worldwide, outdoing even Harry Potter.

Timing is everything

“Jurassic World” was shrewdly positioned as the June blockbuster to beat, ceding April to “Furious 7” and steering clear of “Avengers: Age of Ultron’s” May release. After “Tomorrowland” flopped over Memorial Day, there was some gum-flapping among box office analysts about whether Universal erred in not putting “Jurassic World” over the four-day holiday. In retrospect, it was the perfect move. The box office, which was coming off of three consecutive lackluster weekends, needed to cool down before it could heat up again.

“You could see this coming after a number of films that didn’t live up to expectations,” said Jeff Bock, a box office analyst with Exhibitor Relations. “There was just this hunger for a big summer tentpole film.”

The studio benefited from timing of another sort. Over the past decade and a half, the fourth “Jurassic Park” saw various filmmakers and screenwriters, such as “The Departed’s” William Monahan and “I Robot’s” Alex Proyas, come on board before getting tossed aside after failing to find the right creative direction for the film. The tortured development worked in “Jurassic World’s” favor, giving it distance from “Jurassic World III,” which is generally considered to be the series’ nadir, and lending the franchise a feeling of freshness.

Premium formats are prime

The Indominus rex, basically a T-rex on steroids, demanded to be seen on the biggest, widest, most souped-up screens possible. That meant that “Jurassic World” got a major boost from premium large format and Imax screens, along with 3D showings. The sequel took in 48% of its domestic opening weekend receipts from 3D screens while setting new high-water marks for Imax and private label PLF screens.

Those formats were in their infancy when “Jurassic Park III” was in theaters — 3D was still a novelty and Imax was reserved for nature films.

“I use my kids as a bit of a barometer,” said Anthony Marcoly, president of worldwide cinema for 3D-maker RealD. “They’ve seen the ‘Jurassic Park’ movies before, but they’ve seen them on TV or DVD. They haven’t had a chance to see a ‘Jurassic’ movie on these big [premium large format] screens or in 3D. People wanted to be brought into the world of ‘Jurassic’ and to see it in a grand fashion and just be drawn into the story.”

It also helped that Trevorrow talked up the virtues of seeing “Jurassic World” with all the extra bells and whistles on promotional videos and by appearing before screenings at the Imax TCL Theater in Los Angeles.

“This is a shared experience,” he told the crowd at one of these events. “It’s why we go to the movies.”

The exhibition industry has taken its knocks for not keeping up with the digital revolution that has upended the entertainment landscape, but “Jurassic World’s” success with tinted specs and sprawling screens demonstrates the lengths that theaters have gone to differentiate their experience from the one found in the living room or at the keyboard. Times have changed, of course, but some of it’s for the better.

Dinosaurs ripping apart humans = appropriate for children of all ages

It’s been 26 years since “Jurassic Park” first illustrated the dangers of bringing velociraptors back to life, and in that time one generation of film fans has come of age and another has emerged. That means that a group of moviegoers who were first weaned on popcorn pics with that first film have grown up and were eager to introduce their sons and daughters to the magic of a T-rex rampage.

To familiarize a new group to the pleasures of the park, Universal reissued “Jurassic Park” in 3D in 2013 in conjunction with its 20th anniversary. It also primed the pump in a nice piece of corporate synergy, hosting a special presentation of “Jurassic Park” last week on NBCUniversal Networks that included interviews with Pratt and Spielberg. The film and TV stations share a corporate parent in Comcast.

The PG-13 rating made the prospect of seeing pterosaurs treat tourists like birdseed something of a family event. That resulted in an opening weekend crowd that was 39% under the age of 25, a demographic that hadn’t been born or was barely verbal when the first film debuted.

“We’re getting everybody and that includes parents with kids,” said Carpou.

Hollywood take note. That’s how you build a blockbuster.

Making Sense of fragmented audiences

Audiences consume and interact with information in unexpected ways, so you have to be tuned in real-time. Consider what’s going on in the analytics and reports, and out of them. Data is generated and delivered by the same audience you are trying to connect, from video channels, chat, social media and tweets. Paying attention to the ‘vibe’ or body language cues can go a long way. Use them to your advantage. Analytics can be tricky, but they are just the tip of the data iceberg. Keep your cool, be yourself and be responsive. Pick your actions accordingly and maybe it could be the start of an unforgettable relationship.

Yesterday afternoon, Marvel Studios showed some chivalry by releasing a poster (a tweet by president Kevin Feige) congratulating Steven Spielberg and the Universal Studios team, Director Colin Trevorrow and golden boy Chris Pratt for beating the hero team, since their lost their title as the previous record holder. With these numbers, we will be seeing more Jurassic (probably without ‘The Park’) in the future.


UX Designers: BESTIAS FANTÁSTICAS Y DONDE ENCONTRARLAS

Cada vez que me preguntan  “¿Que es un diseñador de UX?” Lo primero que pienso es… ¿por donde empiezo?. Parecería que un especialista en UX es como un  animal mítico del que todos hablan y, pocos han visto uno.

WTF es UX Design?

El primer punto en este camino es aclarar que que diseño de UX no es diseño visual. Muchos conectan equivocamente al especialista en UX con diseño gráfico y, viceversa, muchos diseñadores graficos son “diseñadores UX/UI” (esta mezcla de disciplinas me da miedo!!) Si bien ambas disciplinas comparten ADN, la realidad es que son dos criaturas muy distintas. El rol de un especialista en UX es muy diferente. Es importante tener una vision holistica de las disciplinas que intervienen para generar una experiencia de usuario, pero el profesional de UX es una bestia aparte, a menudo, incomprendida por las empresas, y considerada como un lujo. “El diseño no es sólo cómo se ve o cómo se siente: Diseño es cómo funciona”, nos dijo una vez Steve Jobs y, realmente estoy deacuerdo.

Diseñador es alguien que aplica metodologías y prácticas de Design Thinking para resolver cualquier tipo de desafíos, ya sea de negocios o personales. Quizás aplicas estos procesos durante tu dia y no te das cuenta. Yo he visto a mi madre “Prototipar” con post-its haciendo una lista de mercado y como podría ahorrar tiempo en el supermercado a partir de un diagrama de ‘navegación’ y sus ‘objetivos’ de compra.

El segundo punto en esta definición tienen que ver con el enfoque que se busca en cada proyecto o cliente. Para algunos, el rol del UX specialist va mas allá de la plataforma y ven a los usuarios como clientes que utilizan herramientas digitales para interactuar con las organizaciones y sus productos. Para otros, es una especialidad dentro de la experiencia del cliente, pero en cada uno de sus definiciones, el punto en común es el usuario.

El especialista UX busca representar y comprender al usuario -y aun mas allá de eso- educar a las organizaciones y equipos de trabajo, acerca de las necesidades, desafíos y puntos críticos de los mismos, y luego alentar al equipo, trabajando en conjunto para crear una mejor experiencia.

Perfiles de UX designers segun su background

INVESTIGADORES 

Disciplina de nicho, muchas veces es considerada un lujo más que una necesidad. Los investigadores ayudan a las empresas a desarrollar un plan de investigación para conocer en profundidad a su publico y usuarios a través de diferentes metodologías. Encuestas, entrevistas, pruebas de usabilidad y resonancia de marcas, estudios etnográficos, etc, proveen a las empresas datos cuantitativos y cualitativos revelando preferencias, detalles, lógica de interacción y emociones para el uso de productos y cumplimiento de metas de negocio.

ESTRATEGAS

Desarrollan proyectos de investigación y diseño. Toman los datos y conclusiones obtenidos en la investigación y los sintetizan en un sistema de diseño de alto nivel, crean identidades o perfiles de usuario, escenarios y journeys. Los estrategas generan un sistema de diseño abstracto que sirve como modelo conceptual para crear un modelo concreto y real.

ARQUITECTOS DE INFORMACIÓN

Los arquitectos de información son el punto de transición entre la estrategia y el diseño, aportando una vision general del usuarios a quienes esta destinado el producto o servicio y resolviendo el diseño abstracto en una experiencia completa. Desarrolla los site maps, wireframes, describiendo en detalle cómo las interacciones del usuario deberían comportarse desde un punto de vista funcional.

DISEÑADORES DE INTERACCIÓN

Muy parecido a los AI, con la diferencia que su resultado proviene de la evaluación Heurística (EH), un análisis de usabilidad y calidad de uso de una interfaz desde patrones existentes, relación entre el sistema y el mundo real, consistencias y estándares, flexibilidad de uso, diseño minimalista y/o experiencia personal.

STORYTELLERS

Proporcionan una comprensión detallada de las estructuras de contenidos (noticias, sub-títulos, teasers, cuerpo, imágenes, etc.), taxonomías (estructuras jerárquicas para categorizar y relacionar el contenido) y el storytelling emotivo que forma la historia generando en una narrativa global que crea un impacto y adhesion en el usuario.

DISEÑADORES VISUALES

Los diseñadores visuales tomar el wireframe y lo convierten en diseño, recursos o assets necesarios para hacer un producto real. Muchos diseñadores cuentan con background en print, tipografías, identidad de marca, etc. Los buenos diseñadores visuales entienden que la usabilidad, elementos cognitivos y jerarquías de la UX pueden son afectados por color, tipografía y composición, teniendo un fuerte impacto en la experiencia de usuario más allá del atractivo estético.

INGENIEROS DE UI

Transforman los documentos de diseño en productos reales. Dependiendo del nivel de complejidad de los proyectos, pueden tener un background como ingenieros de software o experiencia en desarrollos web. Son pocos los profesionales de este subconjunto que puede realizar todo, desde investigación hasta implementación.

Espero esta mini guía sirva de ayuda a la hora de buscar un perfil, ya sea generalista, especifico o híbrido de estas disciplinas. Lo importante es tener en claro cual es el foco del proyecto o de nuestro cliente, nuestro primer usuario. Te comparto una frase de Donald Norman, un capo de la ciencia cognitiva, Co-Fundador del grupo Nielsen y ex VP de Investigación de Apple:

“No es suficiente que creamos productos que funcionen, que sean comprensibles y utilizables, también necesitamos construir productos que traigan alegría y emoción, placer y diversión, y además, la belleza de la vida a las personas”.


La realidad aumentada (AR) y la realidad virtual (VR) han dejado de ser una “novedad” para transformarse en una realidad, impulsando no solo un modelo de usabilidad del futuro, sino también un potencial cambio de paradigmas en el ecosistema de negocios.Esta tecnología virtual no está solamente limitada a los juegos o al entretenimiento. E-commerce, transporte, medicina y moda se verán revolucionadas en el futuro cercano que, más que una moda tecnológica, promete ser una nueva forma de experimentar el mundo. Si bien estamos acostumbrados a las experiencias digitales, el diseño y desarrollo de experiencias e interfaces para VR y AR siguen siendo algo nuevo y muchas veces implican un gran desafío, tanto desde lo tecnológico hasta su usabilidad. Miremos algunos conceptos claves, desafíos técnicos y modelos de negocio posibles de esta nueva manera de interpretar la realidad.

Read english version here...

Realidad Premium

Las interfaces de usuario de AR han mejorado mucho, más allá del aspecto tecnológico, presentando la información de forma 'más natural', en tiempo real y principalmente, donde se encuentra el usuario. Pero en definitiva, la AR no deja de ser una “opinión” o punto de vista respecto al mundo real. Para las empresas puede representar un objetivo que, incorpora información adicional para aumentar esta opinión. Todas las formas de ver el mundo son opiniones: buenas, malas, útiles, etc. pero al fin son solo eso, opiniones, expresadas a través de datos (texto, imagen, vídeo, etc.). Por ejemplo, una imagen satelital de tu barrio (realidad) cubierta con nombres de calles, flechas u otra información es una 'aumentación'. En sentido amplio, el mundo es una plataforma y lo que vemos representado visualmente y como interactuamos, es la UX de nuestra vida.

Herramientas de diseño AR/VR

Antes de pensar en diseñar una interface de AR/VR, deberíamos preguntarnos cómo funciona. Las herramientas para diseñar y desarrollar prototipos de interfaces de realidad virtual y aumentada son diferentes de las utilizadas en el diseño y desarrollo de aplicaciones digitales tradicionales, por ejemplo, InVision, Adobe o Prototype, etc. Incluso no solo el software sino también tenemos que contar con una maquina potente como para procesar toda la información y en algunos casos gafas especiales o dispositivos para testear los resultados. Incluso para los diseñadores es difícil encontrar inspiración y más aún encontrar información sobre buenas prácticas y metodologías de desarrollo de AR/VR, ya este campo esta “virtualmente” inexplorado. Existen miles de fuentes y libros acerca de prácticas y metodologías de desarrollo de web y mobile, pero para diseños virtuales muy poco se sabe, y hasta podemos contar con los dedos de una sola mano casos de éxito comercial.

¿Como funciona el proceso? Un sensor (cámara) observa parte de la realidad. Esta imagen se combina con metadatos/catalizadores (etiquetas de geolocalización, gráficos o códigos específicos a nuestra app) y desencadena un evento correspondiente. Por ejemplo: Vamos a un museo o un lugar histórico, y una etiqueta de geolocalización en nuestra app o dispositivo nos muestra un gráfico sobre una pintura o un monumento. Esta 'match' de metadatos sobre el objeto o lugar recupera la información pertinente al respecto, combinando elementos sobre la imagen original, desencadenando un evento que muestra información pertinente.Para realizar este proceso los dispositivos tienen que contar con sensores de alta calidad, conexión en tiempo real y una UX clara y precisa. Comprender “la escena” es clave, para poder activar el ‘matching’ de información y generar la imagen “aumentada”. Estos elementos relevantes se obtienen a través de la interacción con el usuario, captando su atención a medida que observemos su contexto inmediato, intención y comportamiento, por ejemplo, seguimiento de mirada, tacto, gestos y reconocimiento de voz, determinando qué componentes del mundo real aumentar

Metodologías para diseñar interfaces AR/VR

Si bien se han producido algunos desarrollos exitosos, continuamos en una etapa de investigación y desarrollo. Empresas como Apple, Amazon y Google actualmente impulsan esta tecnología. Pero la realidad es que estamos ‘jugando’ o experimentando y los resultados de nuestras interfaces todavía no sean lo suficientemente intuitivos y de gran usabilidad como con nuestras appss web o mobile. Aunque compartimos muchos parámetros y disciplinas con nuestra contraparte mobile, crear aplicaciones de AR/VR ni se compara con ella. Una experiencia o interface de AR/VR mal o pobremente diseñada podría poner en peligro la integridad física de sus usuarios. Sumergirse en una experiencia de realidad aumentada o virtual es otra historia. El año pasado estuve en la muestra de Björk y hubo gente que salía con dolor de cabeza, mareada y desorientada. He visto gente caerse de sillas en eventos con gafas de realidad aumentada.

Asimismo, imágenes y arte que parecen espectaculares y vibrantes en un website, en AR/VR no funcionan. Los desarrolladores deben ser precavidos en este sentido. Conducir un testeo de usabilidad de estas tecnologías es todo un tema, además recordemos que estamos trabajando en 3 dimensiones. Técnicas que son eficaces en desarrollo en 2 dimensiones son a menudo ineficaces para experiencias AR/VR.

En búsqueda de una experiencia inmersiva, creamos con mi equipo salas de wireframing en 3D 'real', hecha conelementos cortados en papel y cartón colgando de hilos, con anteojos hechos por nosotros mismos, simulando una interfaz, y testeandolos en una sala a oscuras.

Nuestros usuarios voluntarios (amigos y parientes) 'navegaban’ nuestro mundo virtual como si fuera una interface 'tamaño natural'. Sin casco virtual, ya que los costos eran prohibitivos, pero tuvimos un acercamiento real que nos permitió entender los desafíos del usuario al desarrollar la experiencia. Creo que a medida que haya mayor crecimiento comercial en el área, mayores serán las herramientas que aparezcan, pero por el momento, todo es bastante casero.

Tipos de plataformas

1-Teléfonos móviles: ya hay mucho dicho respecto a telefonos móviles. Poseen cámaras de alta sensibilidad, capacidades de geolocalización, reconocimiento facial y numerosos sensores que posibilidad una experiencia contenida y focalizada.

2-Vehículos: el parabrisas del vehículo proporciona una interfaz ideal para la representación de información localizada. Muchos de estos vehículos “inteligentes” tienen ilimitada energía (eléctrica/solar) y puede soportar gran cantidad de datos y comunicaciones. Fabricantes europeos de autopartes ya están desarrollando proyecciones translúcidas de AR, que permiten a los pilotos o controladores ver información sin tener que retirar la vista del camino.

3-Dispositivos “usables” comúnmente llamados wearable techcomo gafas holodecks (como los fallidos Occulus o Google Glass) y sensores “usables”para piel, vestimenta o zapatos, que aportan datos ambientales y biométricos para ser procesados por las aplicaciones. Muchos de ellos todavía en etapa de investigación y con limites en potencia y transmisión de datos, son caros, y les falta el condimento de ‘masividad’ o necesidad’como tienen los celulares hoy en día.

Parámetros básicos para un prototipo de AR

Estas categorías nos ayudaran para visualizar la experiencia de manera holística aplicando ciertos parámetros o elementos que nos ayuden a acercarnos al objetivo de nuestra experiencia:

Desencadenante o “trigger”: Es el evento o la observación sobre el cual el “aumento” se produce. Proporcionando información acerca de los lugares de interés cercanos, habilitando a los usuarios a buscar restaurantes, hoteles y tiendas, u obtener más información acerca de ellos como los anteojos Vuzix Blade o Apple Smart Glasses.

Interactividad: es cómo los usuarios interactúan con la información 'aumentada' a través del gesto, mirada, voz y posicionamiento, incluso a través de la voz o sonidos.Un ejemplo de alta interactividad pueden ser anuncios que se abren automáticamente para revelando descuentos al acercarme. Esto lo vimos en la película Minority Report.

Naturalidad: Eventos desencadenados por objetos de realidad natural, reconocibles o integradas al medio ambiente

y/o con objetos físicos, tal como lo está utilizando Amazon.

Preguntas a la hora de diseñar una UX de realidad aumentada

Paradójicamente la realidad aumentada “aumenta” los problemas y desafíos, amplificando los mismos retos de usabilidad de las interfaces tradicionales, ya sea sobrecargar los usuarios de información o de como determinar una acción especifica. Para abordar problemas de usabilidad, los diseñadores deben centrarse en ciertos puntos clave:

1-¿Puede el usuario notar la diferencia entre la realidad y ’aumentación’? La confusión podría llevar a errores del usuario si una aplicación transmite una impresión errónea del mundo.

2-¿El 'aumento' (y no de precios en la canasta familiar) está alineado con la realidad? La alineación en tiempo real es muy importante ya que la realidad puede cambiar rápidamente. Por ejemplo, una app de navegación de AR, la señal de tráfico cambia su estado constantemente, pudiendo ocasionar un accidente si la info aumentada bloquea o no esta actualizada.

3-¿Cómo puede un usuario transicionar entre AR apps y aplicaciones tradicionales?Siempre hay que tener en mente al usuario, ayudándolo a resolver tareas, o en su búsqueda de contenido e información. Es una experiencia global y la AR es un elemento genial para la transición. Por ejemplo, dentro de un ambiente tradicional dedicar un lugar condicionado especialmente para AR.

4-¿Cómo debería organizarse la información 'aumentada'? Por ejemplo, si un producto viene en diferentes variedades, colores o precios, sería de gran ayuda una taxonomía coherente para agrupar productos relacionados/ alineados con la intención del usuario. Una aplicación de AR que presenta toda la información a la vez podría confundir al usuario.

Desafíos sociales

AR / VR es muy diferente a otras tecnologías informáticas tanto por lo que realiza y por sus características físicas complejas. Como toda nueva tecnología, pueden pasar años (o meses) antes de ser masivamente adoptadas. Entretenimiento, turismo y automóviles han comenzado a incorporar AR/VR a su terminología diaria de uso. La tecnología AR /VR es válida y útil dependiendo del contexto del usuario, y a las regulaciones que de privacidad que comparten con otras aplicaciones tecnológicas hermanas, la privacidad de los usuarios, de su ambiente y su seguridad son riesgos potenciales a tener en muy en cuenta. Hoy en día, los usuarios son muy escépticos -con razon- acerca de dónde y cómo las empresas obtienen nuestros datos personales y como mis hábitos de consumo ya están cualificados en algoritmos con nombre y apellido.

El futuro del negocio multidimensional

No hace falta ser un visionario futurista para entender que AR/VR se convertirá en un negocio durante la próxima década?- Si el E-Commerce y las plataformas VOD revolucionaron el mercado de como los usuarios consumen contenidos, servicios y demás aspectos de la vida cotidiana, imaginemos el próximo paso si incorporamos experiencia virtuales aumentadas. ¿Salir al supermercado sin moverte de tu living? Una locura no muy loca. ¿Comprarte ropa desde tu propio cuarto sin ir a una tienda? son aspectos que las grandes marcas como Amazon ya están implementando.

Por ejemplo, en lugar de mostrar anuncios por palabras clave, como en la web, la publicidad en AR podría mostrarse por metadata de geolocalizacion o patrones. Esta transición ya dejo de ser experimental para muchas empresas que ya están desarrollando un nuevo ecosistema de negocios.

 

Netflix, hace 14 años te enviaba 3 DVD de películas por correo, y recuerdo que era una increíble novedad, que termino desbancando a las tiendas de ‘Blockbuster’, forzando a los gigantes del cable a replantear su estrategia comercial. Esto paso prácticamente ayer.

Para muchos realidad aumentada y realidad AR son solo pruebas de concepto, pero tienen éxito y mucho potencial. Con el tiempo, nuevas herramientas y metodologías de desarrollo surgirán, convirtiendo a la realidad aumentada y virtual en una experiencia habitual para el usuario y como creadores del futuro, tenemos que estar preparados.

 

 

 

Real time design tools

Just the other day I happened to wake up early. That is unusual for an engineering student. After a long time I could witness the sunrise. I could feel the sun rays falling on my body. Usual morning is followed by hustle to make it to college on time. This morning was just another morning yet seemed different.

Witnessing calm and quiet atmosphere, clear and fresh air seemed like a miracle to me. I wanted this time to last longer since I was not sure if I would be able to witness it again, knowing my habit of succumbing to schedule. There was this unusual serenity that comforted my mind. It dawned on me, how distant I had been from nature. Standing near the compound’s gate, feeling the moistness that the air carried, I thought about my life so far.

I was good at academics, so decisions of my life had been pretty simple and straight. Being pretty confident I would make it to the best junior college of my town in the first round itself, never made me consider any other option. I loved psychology since childhood, but engineering was the safest option. Being born in a middle class family, thinking of risking your career to make it to medical field was not sane. I grew up hearing ‘Only doctor’s children can afford that field’ and finally ended up believing it. No one around me believed in taking risks. Everyone worshiped security. I grew up doing the same.

This is what has happened to us. We want the things we have been doing forcefully to fail. And then maybe people around us would let us try something else or our dreams. We are accustomed to live by everyone else’s definition of success. We punish people for the things they are passionate about, just because we were unable to do the same at some point in our life.

I feel like these concrete buildings have sucked our desires and our dreams. We are so used to comfort that compromise seems like a taboo. We have lost faith in ourselves. If we can make through it right now, we can do the same in the days to come. You only need a desire to survive and nothing more- not money or cars or designer clothes.

Staying locked up in four walls have restricted our thinking. I feel like our limited thinking echoes through this wall. We are so used to schedules and predictable life that we have successfully suppressed our creative side.

When you step out of these four walls on a peaceful morning, you realize how much nature has to offer to you. Its boundless. Your thoughts, worries, deadlines won’t resonate here. Everything will flow away along with the wind. And you will realize every answer you had been looking for, was always known to you.

It would mean a lot to me if you recommend this article and help me improve. I would love to know your thoughts!


Time is passing by

CSS selectors all exist within the same global scope. Anyone who has worked with CSS long enough has had to come to terms with its aggressively global nature — a model clearly designed in the age of documents, now struggling to offer a sane working environment for today’s modern web applications. Every selector has the potential to have unintended side effects by targeting unwanted elements or clashing with other selectors. More surprisingly, our selectors may even lose out in the global specificity war, ultimately having little or no effect on the page at all.

Any time we make a change to a CSS file, we need to carefully consider the global environment in which our styles will sit. No other front end technology requires so much discipline just to keep the code at a minimum level of maintainability. But it doesn’t have to be this way. It’s time to leave the era of global style sheets behind.

It’s time for local CSS.

In other languages, it’s accepted that modifying the global environment is something to be done rarely, if ever.

In the JavaScript community, thanks to tools like Browserify, Webpack and JSPM, it’s now expected that our code will consist of small modules, each encapsulating their explicit dependencies, exporting a minimal API.

Yet, somehow, CSS still seems to be getting a free pass.

Many of us — myself included, until recently — have been working with CSS so long that we don’t see the lack of local scope as a problem that we can solve without significant help from browser vendors. Even then, we’d still need to wait for the majority of our users to be using a browser with proper Shadow DOM support.

We’ve worked around the issues of global scope with a series of naming conventions like OOCSS, SMACSS, BEM and SUIT, each providing a way for us to avoid naming collisions and emulate sane scoping rules.

We no longer need to add lengthy prefixes to all of our selectors to simulate scoping. More components could define their own foo and bar identifiers which — unlike the traditional global selector model—wouldn’t produce any naming collisions.

import styles from './MyComponent.css';
import React, { Component } from 'react';
export default class MyComponent extends Component {
 render() {
    return (
      <div>
        <div className={styles.foo}>Foo</div>
        <div className={styles.bar}>Bar</div>
      </div>
    );
  }

The benefits of global CSS — style re-use between components via utility classes, etc. — are still achievable with this model. The key difference is that, just like when we work in other technologies, we need to explicitly import the classes that we depend on. Our code can’t make many, if any, assumptions about the global environment.

Writing maintainable CSS is now encouraged, not by careful adherence to a naming convention, but by style encapsulation during development.

Once you’ve tried working with local CSS, there’s really no going back. Experiencing true local scope in our style sheets — in a way that works across all browsers— is not something to be easily ignored.

Introducing local scope has had a significant ripple effect on how we approach our CSS. Naming conventions, patterns of re-use, and the potential extraction of styles into separate packages are all directly affected by this shift, and we’re only at the beginning of this new era of local CSS.

process.env.NODE_ENV === 'development' ?
    '[name]__[local]___[hash:base64:5]' :
    '[hash:base64:5]'
)

Understanding the ramifications of this shift is something that we’re still working through. With your valuable input and experimentation, I’m hoping that this is a conversation we can have together as a larger community.

Note: Automatically optimising style re-use between components would be an amazing step forward, but it definitely requires help from people a lot smarter than me.


My tech travel setup

MacBook Pro

Robert Capa, a famous photojournalist once said, “If your pictures aren’t good enough, you’re not close enough.” It’s not just about zooming in with your lens, either. It’s about getting physically closer to people and getting to know them better. It’s also about spending a little time with a stranger before taking their photo. That helps build the trust and comfort that’ll come through in your pictures. Walk up to your subject with a simple wave and a smile to help communicate that you mean no harm.

Ask permission to take a photo if they speak the same language as you. If you don’t share a language, try learning some basic phrases ahead of time, gesture at your camera and ask through expression. Of course if someone doesn’t want their picture taken, it’s imperative to respect their wishes and move on — people are always more important than photographs. National Geographic writes that “making great pictures is primarily a mental process.” What makes you want to photograph the person or place? How might you describe it to a friend, and what adjectives would you use? Are there details you can focus on that tell a story?

iPad/iPhone

Maybe it’s a dry, arid desert, captured by focusing on the patterns of cracked earth. Or a prairie that’s photographed with the horizon at the bottom of the frame, to help create a sense of the open sky and tranquility. Or maybe it’s the story of a deft artisan, fingernails covered in wet clay as she molds a pot. When you’re on the road it can be tough to eat right and make sure you get all the right nutrients. I started taking daily supplements of Multi-Vitamin, Fish Oil capsules and Vitamin D and it helps a lot. Especially the Vitamin D since I don’t get to see the sun a lot during the winter in Sweden.

Sennheiser HD-25 Headphones

It’s difficult to recreate the grandeur of a vast landscape in the confines of a picture frame. But one way to add a sense of depth to your photos is to compose them with objects in the foreground that support the scene. It can be as simple as a winding road through a national park, or some rocks to show off the local geology.

If you’re taking photos of people during normal daylight hours, a quick way to get more flattering light is to move the person out of direct sunlight. The light is much “softer” and doesn’t cast stark, unflattering shadows across their facial features. Even better, have someone stand next to an open door or window as the single source of light.


Optimizing your media strategy can generate a significant budget release, either for growth reinvestment or return to bottom line.

As your company’s content strategy becomes more sophisticated, your marketing budgets become bigger and more complex, demanding top-notch planning efficiency. Global marketing spend exceeds $1 trillion, around 1 to 2 percent of global GDP and keeps growing faster.
beforehand, this requires stepping back to evaluate priorities and best practices to achieve that, understanding the strengths and weaknesses of each type of planning. When blended together, you end up with a highly effective strategy that moves your business forward much more quickly than focusing on a single tactic alone, allowing the investment to be effective. The goal is to be more efficient and by experience, it can be achieved. The key is to progressively incorporate certain practices into your daily planning.

TEST YOUR BUDGET “USABILITY”: FROM CARD SORTING TO JOURNEY MAPPING…ALL YOU CAN EAT UX BUFFET

1-Create a visual spent landscape I used this technique from my storyboarding days and now is a must-use tool in UX design. It’s like pitching the budget to yourself! Take a wall and use as many post-its until you see the full budget ecosystem. It really works.

2-Ensure alignment across units: create an objective analysis of economic, strategic, and marketing-oriented criteria for each brand. Better marketing return of investment (MROI) starts with better and clear objectives.

3-Align your targets: clarify and align mismatched marketing and sales targets, it will bring light into your budget allocation efforts.

4-Consolidate your brand spending: sort your spent in relation to your growth goals and forecast: grow aggressively, grow, sustain, etc.

5-Find relevant drivers of value: made your mission to constantly find new ways to engage and guide customers. New experiences, new channels, research, communications or content, your brand should bring innovation and expertise.

6-Identify the most effective media and channels: spending in the right places will reach more priority customers, whether is online or in-store -or your partner venue- it will most likely to be a hit. Find out where consumers make their decisions. Data-driven media spent is an extremely efficient way to advertise.

7-Country-based budget: Consider the particulars of each country’s multicultural context and shift spending from lower- to higher-priority markets.

8-Generate internal communications: demonstrate to the rest of the organization how the new allocations would benefit the company overall. Every successful planning needs everyone in the company to be involved and supportive.

9-Identify your consumer's journey: use digital analytics, social media management, in-store initiatives, and post-purchase online service. Understanding the consumer path from research and consideration to purchase and brand loyalty.

10-Focus on your consumers experience: deliver consistent high-quality content for use across touch-points both online and in-store. This also applies to your partners’ experience, think of them as your ambassadors and evangelist. Create a workshop or a learning event. An online channel exclusively for your partners could be a hit -and a relatively inexpensive- way to get where your audience is.

CONCLUSION:

You can mix and match these UX practices like colors on a palette to create the right vision of your media budget into a successful work of art.

Let me know what you think. Thank you!

The new audience identity

Understanding your audience in this ever-complex marketplace requires a unique ability to combine massive amounts of measurement information with the right perspective.

While entertainment industry is changing the way they do business, technology is doing its part. Analytics tools had proven to be successful, making connections between pieces of research, identifying facts and behaviors. But if we want to understand how our audiences interact with our content, we might need to change how questions are made.

The New Audience Format

Spoiler alert. There's is no audience format anymore. Audiences have grown to become agnostic, nomadic, multi-tasking, experiential and very direct. There are no two viewers alike. In the same demographic, they might not share the same interests. Most of the time they are ‘uninspired’ by expensive Networks marketing extravaganzas. Options multiply with every tweet, facebook like or selfie ever taken. If you’re not reaching, engaging, and monetizing your audience, you’re likely losing them to someone else.

Changing the concept of engagement

When it comes to understanding, all the information you can get is important. But you have to be smart and sensitive in order to relate effectively. Read the signs, get feedback, and adjust your approach as necessary. Think of an audience in terms of a “first date”. Analytics can give you a way to read your audience “body language”. You’ll get tons of real time feedback. From measurement tools, analytics apps and marketing research, you get to embed with your product, and how much you can play out. It’s important to have all the details, but the key is to understand how to read the information. You got to be responsive.

A subtle smile, eye contact, mirroring, head-tilt, all require a bit of interpersonal sensitivity. Look at the trends in the social media; keep an eye on relevant comments. The right timing or even the weather can give you a metric that algorithms might have missed. Take a moment, observe, and the pointers will become visible. You’ll actually see your audience ‘body language’ the way Neo sees The Matrix.

A relevant example is the movie Jurassic World. The audience ‘body language’ was pretty clear: On that weekend, the re-post rate for Jurassic videos on YouTube was 45 to 1 (the average is 9 to 1). The trailer on the official Universal channel got 66.6m views (multi-channel networks money well invested) Twitter almost broke: #JurassicWorld peaked at 63K. The “conversation” for the film was very high and very positive on social media that weekend. Thousands and millions share trailers with their community, on multiple social channels. And that’s intent of purchase...like a kiss. Plus, no big sports events or soccer matches on TV that weekend. Add shirtless Chris Pratt and school calendars and TV were packed with dino-theme curricula. Finally, people just love seeing Pterosaurs munching on tourists! Go family-friendly entertainment! Jurassic World broke the box office, scoring the biggest opening weekend in history with a sweet $511.8 million in tickets sales worldwide, outdoing even Harry Potter. Universal Studios had a nice date!

Conclusion. Audiences consume and interact with information in unexpected ways, so you have to be tuned in real-time. Consider what’s going on in the analytics and reports, and outs of them. Data is generated and delivered by the same audience you are trying to connect, from video channels, chat, social media and tweets. Paying attention to the ‘vibe’ or body language cues can go a long way. Use them to your advantage. Analytics can be tricky, but they are just the tip of the data iceberg. Keep your cool, be yourself and be responsive. Pick your actions accordingly and maybe it could be the start of an unforgettable relationship.


EXPERIENCIAS EDUCATIVAS ON-DEMAND

La innovación en materia de tecnología educativa han impactado en cómo los alumnos y profesionales quieren aprender. Aulas virtuales, dispositivos móviles, lectores digitales, VOD, video games y contenidos en “la nube” alimentan a un mercado ‘hambriento’ de innovación.

Un factor clave para la innovación es la tasa de adopción de nuevas tecnologías por parte de la comunidad joven. Los millennials que buscan insertarse en el mercado laboral, traen un conjunto de expectativas acerca de cómo aprender y colaborar. Más aún, ellos nos enseñan que el aprendizaje se logra mejor en incrementos continuos, en función de la demanda/necesidad de aprendizaje y capacitación de los alumnos.

Gracias a la evolución de la tecnología y la aparición de múltiples dispositivos y diversos medios de comunicación, una de las claves para hacer que el aprendizaje sea eficiente y eficaz es la velocidad, disponibilidad y accesibilidad de los contenidos. Los empresarios y compañías reconocen la oportunidad de aprovechar el mercado de educación “adulto”, no solo aumentando la inversión en estos productos sino también en el desarrollo de contenidos y experiencias de aprendizaje “on-demand”.

Esta tendencia no es una moda a corto plazo, relacionada con una plataforma de moda, sino más bien, un cambio de paradigma que tendrán un impacto profundo en el mercado del futuro.

La inversión en tecnologías educativas acompaña la capacidad y necesidad del alumno de consumir contenido rápido, cuándo quiere y donde quiera. Herramientas para desarrollo y capacitación, entrega de contenidos, lectores digitales, bibliotecas virtuales, juegos y sistemas de administración basados en la nube han impulsado un alto nivel de innovación educativa.

Gran parte de la inversión proviene de empresas que tradicionalmente han invertido educación post-secundaria, pero ahora están cambiando su enfoque hacia la capacitación laboral. La razón principal de este cambio está directamente ligada a la manera de consumir contenidos, ya que la capacidad y accesibilidad de contenidos y conocimientos trasciende los niveles de edad, alcanzando el mercado de la educación de adultos y la formación corporativa.

ESTUDIANTES EN LAS NUBES.

con la llegada de los dispositivos móviles y la modalidad de contenidos por demanda, las bibliotecas virtuales han crecido rápidamente. Este rápido crecimiento significa que los alumnos tienen acceso a prácticamente cualquier tipo de contenido de aprendizaje que deseen en cualquier momento que quieran -y en cualquier dispositivo- ya sea un celular o una tablet, y no están más limitados a una computadora de escritorio o un aula física. La abundancia de información  puede ser algo positivo para los estudiantes, pero en el caso de la capacitación profesionales debe tener una estrategia que garantice a los alumnos un contenido diseñado especialmente para sus necesidades de trabajo y objetivos de capacitación.

PERSONALIZAR LA EXPERIENCIA DE APRENDIZAJE.

Aprendizaje adaptativo es acerca de la personalización de la experiencia de aprendizaje. Mediante el uso de técnicas de aprendizaje adaptativas, podemos reducir el tiempo que toma a los alumnos para que dominen, eliminando la necesidad de cubrir contenidos obsoletos o ya conocidos. Esto mejora la efectividad de los programas, ya que el alumno sólo se centra en lo que es necesario.

Los enfoques tradicionales de desarrollo de contenidos se focalizan en un ‘talle unico’ en vez de adaptar el contenido a las necesidades del alumno. La experiencia de  capacitación busca la personalización del contenido, pero para ello, la plataforma debe poder replicar esta experiencia ajustando la información en base a elecciones o respuestas anteriores del alumno. El éxito futuro de aprendizaje adaptativo es no está sólo en el diseño de la tecnología, sino en el diseño del contenido. El contenido debe ser acortado y modificado en los objetos de aprendizaje, consumida según las necesidades del alumno.

LA EXPERIENCIA DE APRENDIZAJE: MENTORÍAS

La ciencia del aprendizaje nos ha revela que una de las técnicas más eficaces para aumentar la retención y la aplicación de un contenido es ampliando la experiencia de aprendizaje a pre y post-capacitación. El lugar de estudio y trabajo sigue evolucionando con la aparición de nuevas generaciones y nuevas tecnologías, desarrollando una cultura de aprendizaje más inclusiva.

Las empresas valoran el desarrollo interno de líderes para el futuro, y el conocimiento institucional se transmite a nuevos talentos. Una de las maneras más eficaces para transferir conocimiento propio es a través de mentoring y coaching. Y el viejo dicho es cierto, la mejor manera de aprender algo nuevo es enseñándolo. La tutoría no sólo desarrolla los alumnos, sino que también es una forma de desarrollar talento actual del que enseña.

EVOLUCIÓN DE LAS MECÁNICAS DE JUEGO

Enseñanza a través de medrosos lúdicos mejora la motivación, el compromiso y la retención de conocimientos. La pronta ejecución de los juegos se centró en la sustitución de la experiencia en el aula con un juego. El siguiente paso evolutivo en el mundo de los videojuegos nos permitió aprender a incorporar mecánicas de juego en programas de aprendizaje. El corazón un juego atractivo (video-games) es una buena historia que atrae a los jugadores, apelando a sus motivaciones y emociones. La evolución de la teoría de juegos ha encontrado que utilizando el principio de la narración y la participación conecta las emociones del alumno mientras aumenta su participación y asimilación.

CLASES PEQUEÑAS, GRANDES RESULTADOS.

Con la popularidad  de las plataformas virtuales y programas de formación en línea los modelos de aulas tradicionales van evolucionando. La razón de una clase con muchos alumnos era para amortizar los costos fijos asociados con un instructor y el aula. Ahora las necesidades del negocio y las necesidades de los alumnos están alineadas. La formación de profesionales está conectada directamente con las necesidades del mercado laboral, y con la comprensión de esta necesidad, podemos mejorar el rendimiento académico del alumno.El desafío es poder desarrollar contenidos que se adapten a las necesidades del alumno.

La experiencia educativa necesita prepararse para el futuro del aprendizaje, quizás no sabemos cuál será la tecnología de aquí a un par de años, quizás sea una tableta holografía de VR, no lo se. Pero el futuro está en conectado con la experiencia colaborativa y social. Las escuelas del futuro quizas tengan clases online con estudiantes ubicados en diferentes o incluso diferentes países. La tecnología no debe ser una barrera para la enseñanza, o reducida a un dispositivo o una plataforma, sino como un viaje cambio, crecimiento y evolución social.

 


I was recently quoted as saying, I don't care if Instagram has more users than Twitter. If you read the article you’ll note there’s a big “if” before my not giving of said thing.
Of course, I am trivializing what Instagram is to many people. It’s a beautifully executed app that enables the creation and enjoyment of art, as well as human connection, which is often a good thing. But my rant had very little to do with it (or with Twitter). My rant was the result of increasing frustration with the one-dimensionality that those who report on, invest in, and build consumer Internet services talk about success.

Numbers are important. Number of users is important. So are lots of other things. Different services create value in different ways. Trust your gut as much (or more) than the numbers. Figure out what matters and build something good.