Solid Day - Zero UI

51
Ya eres parte de la evolución Solid Day Zero UI: del diseño de pantallas al diseño de cosas Luis Carlos Aceves G. @laceves #sgnext

Transcript of Solid Day - Zero UI

Page 1: Solid Day - Zero UI

Yaerespartedelaevolución

SolidDay

Zero UI: del diseño de pantallas al diseño de cosas

LuisCarlosAcevesG.@laceves#sgnext

Page 2: Solid Day - Zero UI

Miembro de:

Page 3: Solid Day - Zero UI

SG Next 2016

ACERCA DE…

•  Fundador, socio y director general de Usaria, firma de consultoria en UX en México y Colombia.

•  Consultor y conferencista en temas de diseño de experiencia de usuario (UX).

•  Autor del libro Mejores Prácticas en el Diseño de Portales Gubernamentales.

•  Columnista de los periódicos El Norte y Reforma. •  exPresidente del Observatorio Ciudadano del

portal NL. •  Catedrático de posgrado en la Universidad de

Monterrey.

Page 4: Solid Day - Zero UI

SG Next 2016

ESTA PRESENTACIÓN TIENE 51 SLIDES Y VAMOS EN EL 4

Page 5: Solid Day - Zero UI

SG Next 2016

INTERACCIÓN E INTERFACES

Page 6: Solid Day - Zero UI

SG Next 2016

DIFERENTES LENGUAJES DE INTERACCIÓN

Page 7: Solid Day - Zero UI

SG Next 2016

DIFERENTES LENGUAJES DE INTERACCIÓN

Page 8: Solid Day - Zero UI

SG Next 2016

DIFERENTES LENGUAJES DE INTERACCIÓN

Page 9: Solid Day - Zero UI

SG Next 2016

Tratamos de copiar viejos lenguajes de interacción en nuevas tecnologías:

Etapa 1: nueva tecnología. Etapa 2: adaptar viejo lenguaje de interacción… y fracasar. Etapa 3: crear nuevo lenguaje de interacción (después de fracasar en adaptar el viejo lenguaje) http://www.youtube.com/watch?v=MYDuy7wM8Gk

PERO… COMETEMOS ERRORES

Page 10: Solid Day - Zero UI

SG Next 2016

¿CUÁLES SON LAS CONSECUENCIAS EN IoT?

Page 11: Solid Day - Zero UI

SG Next 2016

EN IoT MUCHOS APARATOS NO FUERON DISEÑADOS PARA CONECTARSE A INTERNET.

Page 12: Solid Day - Zero UI

SG Next 2016

http://www.samsung.com/us/topic/apps-on-your-fridge

Page 13: Solid Day - Zero UI

SG Next 2016

http://gonedigital.net/wp-content/uploads/SamsungNF3.jpg

Page 14: Solid Day - Zero UI

SG Next 2016

https://i.ytimg.com/vi/Qyho8ZvEVn8/hqdefault.jpg

Page 15: Solid Day - Zero UI

SG Next 2016

LOS DISEÑADORES SEGUIMOS CREANDO EXPERIENCIAS SUPONIENDO QUE TODAS OCURRIRÁN EN UNA PANTALLA.

Page 16: Solid Day - Zero UI

SG Next 2016

https://www.callfire.com/sites/default/files/blog/wp-content/uploads/2010/09/IVRChalkPrompts.jpg

Page 17: Solid Day - Zero UI

SG Next 2016

http://www.gasnaturalfenosa.com.mx/

Buscar cómo solicitar una “prueba de hermeticidad”

Page 18: Solid Day - Zero UI

SG Next 2016

ALGUNOS CUESTIONAMIENTOS…

Page 19: Solid Day - Zero UI

SG Next 2016

¿QUÉ PASA HOY CON LA INTERACCIÓN MULTI/OMNICANAL ? ¿CÓMO DEBE LA INTERACCIÓN EN IOT O EN WEARABLES? ¿LA INTERACCIÓN SERÁ SOLO EN PANTALLAS?

Page 20: Solid Day - Zero UI

SG Next 2016

UNA DE VARIAS RESPUESTAS...

Page 21: Solid Day - Zero UI

SG Next 2016

Zero UI: “alejarse” del paradigma de pantallas (táctiles o tradicionales) para integrar interfaces más naturales con los dispositivos que nos rodean.. Andy Goodman – Fjord

Page 22: Solid Day - Zero UI

SG Next 2016

CARACTERÍSTICAS DE LAS ZERO UIs

•  Utilizar interfaces hápticas, visuales, por voz o basadas en principios de inteligencia artificial.

•  Interactuar mediante palabras, gestos y comportamientos naturales en contextos cambiantes.

•  Lograr que la interfaz entienda el lenguaje de interacción de las personas, en lugar del lenguaje de interacción computacional.

•  Aprender utilizando los datos de entrada.

Page 23: Solid Day - Zero UI

SG Next 2016

¿QUÉ RETOS TENGO AL DISEÑAR ZERO UIs?

Page 24: Solid Day - Zero UI

SG Next 2016

DISEÑO HOLÍSTICO

Page 25: Solid Day - Zero UI

SG Next 2016

No es suficiente pensar en diseño visual o diseño de interacción:

•  Diseño industrial. •  Ergonomía. •  Arquitectura. •  Arte. •  Antropología. •  Factores humanos.

Page 26: Solid Day - Zero UI

SG Next 2016

http://www.fool.com/investing/general/2015/04/18/how-disney-world-does-the-internet-of-things.aspx

Page 27: Solid Day - Zero UI

SG Next 2016

LENGUAJE NATURAL

Page 28: Solid Day - Zero UI

SG Next 2016

¿Cómo hacer que el dispositivo me entienda? ¿Qué influencia tienen las variables culturales? ¿Cómo navego “platicando”?

Page 29: Solid Day - Zero UI

SG Next 2016

http://static.betazeta.com/www.wayerless.com/up/2012/10/siri.png

Page 30: Solid Day - Zero UI

SG Next 2016

Page 31: Solid Day - Zero UI

SG Next 2016

DISEÑO DE EXPERIENCIAS INVISIBLES

Page 32: Solid Day - Zero UI

SG Next 2016

Slippy UX: las interfaces son diseñadas para desplegar la miníma información de forma que los elementos esenciales puedan ser identificados de un vistazo. Jake Zukowski – Frog design

Page 33: Solid Day - Zero UI

SG Next 2016

¿En qué momento las personas deben poner atención? ¿Deben observar una pantalla? ¿Cómo deben interactuar? ¿Qué diseño le puede ayudar sin distraerlo?

Page 34: Solid Day - Zero UI

SG Next 2016

https://www.youtube.com/watch?v=kMXrbYbdfHM

Page 35: Solid Day - Zero UI

SG Next 2016

http://www.altitudeinc.com/wp-content/uploads/2014/01/Work-Altitude-Vocollect-main-1920x944.jpg

Page 36: Solid Day - Zero UI

SG Next 2016

LOS DATOS DEL COMPORTAMIENTO PARA APRENDER

Page 37: Solid Day - Zero UI

SG Next 2016

¿Qué hago con la información que genera un dispositivo? ¿Cómo puedo aprender de ella? ¿Qué comportamientos son recurrentes? ¿Cómo me ayuda a tomar decisiones?

Page 38: Solid Day - Zero UI

SG Next 2016

http://www.wareable.com/sport/super-bowl-2016-50-wearable-tech-in-the-nfl

Page 39: Solid Day - Zero UI

SG Next 2016

http://qk9ekibrxo-flywheel.netdna-ssl.com/wp-content/uploads/2014/04/Nest-Thermostat-02.jpg

Page 40: Solid Day - Zero UI

SG Next 2016

“EL NEGOCIO” DE LOS WIREFRAMES

Page 41: Solid Day - Zero UI

SG Next 2016

¿Ya no haré wireframes? ¿Las pantallas se van a terminar en algún momento? ¿Qué nuevos estándares tengo que aprender? ¿Cómo puedo estar actualizado?

Page 42: Solid Day - Zero UI

SG Next 2016

http://www.argos.co.uk/wcsstore/argos/en_GB/images/buyingguides/tvs/tvbg-resolution.jpg

Page 43: Solid Day - Zero UI

SG Next 2016

http://img-2.newatlas.com/compare-smartwatches-2015-late-129.jpg?auto=format%2Ccompress&ch=Width%2CDPR&fit=max&h=700&q=60&w=616&s=15ec3e4de65dad236b26fb332190e068

Page 44: Solid Day - Zero UI

SG Next 2016

LAS ACCIONES Y EL CONTEXTO

Page 45: Solid Day - Zero UI

SG Next 2016

¿Cuáles son las acciones naturales que hace una personas para interactuar con un dispositivo? ¿Cómo influye el entorno? ¿Cómo influyen otras personas? ¿Cómo debe reaccionar el dispositivo?

Page 46: Solid Day - Zero UI

SG Next 2016

ETNOGRAFÍA

•  Método de investigación basado en la observación. •  Recopilación de necesidades. •  Entorno natural. •  No se controla el entorno porque alteraría el

estudio.

Page 47: Solid Day - Zero UI

SG Next 2016

http://techcrunch.com/2014/11/04/how-the-49ers-are-using-beacons-to-help-you-find-hot-dogs-and-beer/

Page 48: Solid Day - Zero UI

SG Next 2016

http://bloximages.chicago2.vip.townnews.com/batesvilleheraldtribune.com/content/tncms/assets/v3/editorial/3/69/369ff720-a5ee-58a6-8c86-201b48cbf82e/53e92fd6b2304.image.jpg?resize=540%2C382

Page 49: Solid Day - Zero UI

SG Next 2016

CONCLUSIÓN….

Page 50: Solid Day - Zero UI

SG Next 2016

•  DISEÑAR PARA IoT IMPLICA NUEVOS LENGUAJES DE INTERACCIÓN.

•  ZERO UI ES UNA VERTIENTE PARA DISEÑAR EXPERIENCIAS EN IoT.

•  EQUIPOS Y CONOCIMIENTOS MULTIDISCIPLINARIOS.

•  PENSAR EN LO NATURAL PARA LAS PERSONAS.

Page 51: Solid Day - Zero UI

SG Next 2016

GRACIAS!!!

@UsariaUX @laceves hola @ usaria.mx

www.usaria.mx | www.usaria.co