Crea productos como Batman #UX

35
Vol. X: De Regreso a los Orígenes Crea productos como Batman Ing. Héber Martínez

Transcript of Crea productos como Batman #UX

Page 1: Crea productos como Batman #UX

Vol. X: De Regreso a los Orígenes

Crea productos como Batman Ing. Héber Martínez

Page 2: Crea productos como Batman #UX

Héber MartínezDirector de Mente Interactiva, agencia de medios interactivos.

He trabajado para más de 100 marcas online en 15 años como Elf Cosmetics, Gobierno Federal Mexicano, Brown War, Sushi Factory, Sushimi Group, además como asesor tecnológico para campañas políticas y figuras públicas.

Soy catedrático en Universidad Casablanca, Tecnológico de Monterrey, así como asesor privado de medios digitales para diversas empresas mexicanas.

Geek, hardcore gamer, guitarrista de rock hendrixiano, estudiante de piano en la Escuela de Música y orgulloso padre de un beagle.

/hebmt

www.mrheb.com

/hebmartinezrios

Page 3: Crea productos como Batman #UX
Page 4: Crea productos como Batman #UX

Bruce Wayne • Multimillonario • Algo emo • Huérfano • Entrenado en toda arte

marcial • Mucho tiempo libre • Detesta la injusticia

Page 5: Crea productos como Batman #UX
Page 6: Crea productos como Batman #UX
Page 7: Crea productos como Batman #UX

¿Qué tienen la competencia de Bruce Wayne que él no tenga?

Page 8: Crea productos como Batman #UX

Todos tienen poderes sobrehumanos, Bruce no. Necesita valerse de algo más.

Page 9: Crea productos como Batman #UX

Delimita tu target • En el área urbana de Ciudad

Gótica.• Bruce Wayne = Usuario

Page 10: Crea productos como Batman #UX

1. Conoce tu propósito • Vencer a los criminales. • Maximizar habilidades físicas. • Infundir miedo a los criminales.

• EXTRA: Verse fabuloso.

Ilustración de: http://frogbillgo.deviantart.com/

Page 11: Crea productos como Batman #UX

2. Explora Una idea que lo identifique: Murciélago

Page 12: Crea productos como Batman #UX

2. Explora • Bosquejos en papel. • Mockups. Prototipos con mayor

detalle.

Page 13: Crea productos como Batman #UX

Sin cuadritos Con cuadritos Pachón

Un buen producto no es estático. Debe modificarse con el tiempo, según el contexto y el usuario, en el caso de Batman, la estética de la época.

Page 14: Crea productos como Batman #UX

Colores Una vez aterrizado el concepto en prototipo, puede pensarse en el estilo del producto, como los colores a utilizar. En el caso de Batman el color predominante es el NEGRO por funcionalidad (Batman trabaja de noche), concepto (murciélago) y la idea de infundir el miedo en los criminales.

Page 15: Crea productos como Batman #UX
Page 16: Crea productos como Batman #UX

NOMBRE DE TU PRODUCTO: El Vampiro Justiciero

La Rata Voladora Súper Mirrey Nocturno

Bat-Man El Héroe Sin Padres

Batman

Page 17: Crea productos como Batman #UX

3. Sé un Detective • Estudia tu entorno. • Toma en cuenta tus

restricciones. • Analiza y adáptate. • No temas regresar a la

baticomputadora (al papel).

Page 18: Crea productos como Batman #UX

4. No temas fracasar

Page 19: Crea productos como Batman #UX

Al principio, Batman pensaba que era buena idea llevar capa a la pelea hasta luchar contra alguien que lo aventó desde una azotea en llamas.

Page 20: Crea productos como Batman #UX

Batman, a raiz de su falla de diseño, convirtió su capa en un planeador que puede activarse a conveniencia.

Page 21: Crea productos como Batman #UX

Algunas ideas que al principio, pueden parecer buenas, en el proceso pueden modificarse.

Page 22: Crea productos como Batman #UX

WTF!!!

Page 23: Crea productos como Batman #UX
Page 24: Crea productos como Batman #UX

5. No subestimes la teatralidad • Ataca las emociones.• Las mejores líneas las tienen los chilos de la

película.• Una vez más: conoce a tu target. Conoce al

(los) usuario(s).

Page 25: Crea productos como Batman #UX

Citas Célebres • “Soy Batman…” *Golpea* • “Tengo un superpoder: Nunca me rindo”. • “Soy venganza. Soy la noche. Soy

Batman”. • “Solo trabajo en negro… y de vez en

cuando en gris muy muy oscuro”.

Page 26: Crea productos como Batman #UX

6. Entra en acción.

Page 27: Crea productos como Batman #UX
Page 28: Crea productos como Batman #UX
Page 29: Crea productos como Batman #UX

7. Mide tu batiéxito (ROI) • Incidencia del crimen. • Villanos noqueados. • Ciudadanos de gótica

rescatados. • Menciones en The Gotham

Times. • Horas de sueño de Bruce

Wayne. • Chicas conquistadas.

Page 30: Crea productos como Batman #UX
Page 31: Crea productos como Batman #UX

8. Conviértete en Leyenda. • La gente ama a Batman. • Bruce Wayne ama ser Batman.

Page 32: Crea productos como Batman #UX

USUARIO U.I.

Page 33: Crea productos como Batman #UX

UX=Batman

Page 34: Crea productos como Batman #UX

El traje no es Batman. Bruce Wayne no es Batman.

Batman es la experiencia.

Page 35: Crea productos como Batman #UX

Observaciones finales

Busca que tu producto digital tenga un propósito, delimita quienes se beneficiarán con él, y trabaja por y para ellos.

Dale humanidad a tu producto. Aun Batman, siendo un personaje de ficción, construye a Batman por su teatralidad, líneas y personalidad. Sin todo esto, es un tipo más del montón disfrazado justiciero.

Mide tus resultados, ajuste, implementa, y si las cosas no son como las deseabas, vuelve a regresar al paso anterior. El proceso de UX es iterativo.

www.mrheb.com

/hebmt

/hebmartinezrios