Solid Day - Zero UI
-
Upload
software-guru -
Category
Design
-
view
99 -
download
0
Transcript of Solid Day - Zero UI
![Page 1: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/1.jpg)
Yaerespartedelaevolución
SolidDay
Zero UI: del diseño de pantallas al diseño de cosas
LuisCarlosAcevesG.@laceves#sgnext
![Page 2: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/2.jpg)
Miembro de:
![Page 3: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/4.jpg)
SG Next 2016
ESTA PRESENTACIÓN TIENE 51 SLIDES Y VAMOS EN EL 4
![Page 5: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/5.jpg)
SG Next 2016
INTERACCIÓN E INTERFACES
![Page 6: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/6.jpg)
SG Next 2016
DIFERENTES LENGUAJES DE INTERACCIÓN
![Page 7: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/7.jpg)
SG Next 2016
DIFERENTES LENGUAJES DE INTERACCIÓN
![Page 8: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/8.jpg)
SG Next 2016
DIFERENTES LENGUAJES DE INTERACCIÓN
![Page 9: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/10.jpg)
SG Next 2016
¿CUÁLES SON LAS CONSECUENCIAS EN IoT?
![Page 11: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/11.jpg)
SG Next 2016
EN IoT MUCHOS APARATOS NO FUERON DISEÑADOS PARA CONECTARSE A INTERNET.
![Page 12: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/12.jpg)
SG Next 2016
http://www.samsung.com/us/topic/apps-on-your-fridge
![Page 13: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/13.jpg)
SG Next 2016
http://gonedigital.net/wp-content/uploads/SamsungNF3.jpg
![Page 14: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/14.jpg)
SG Next 2016
https://i.ytimg.com/vi/Qyho8ZvEVn8/hqdefault.jpg
![Page 15: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/15.jpg)
SG Next 2016
LOS DISEÑADORES SEGUIMOS CREANDO EXPERIENCIAS SUPONIENDO QUE TODAS OCURRIRÁN EN UNA PANTALLA.
![Page 16: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/16.jpg)
SG Next 2016
https://www.callfire.com/sites/default/files/blog/wp-content/uploads/2010/09/IVRChalkPrompts.jpg
![Page 17: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/17.jpg)
SG Next 2016
http://www.gasnaturalfenosa.com.mx/
Buscar cómo solicitar una “prueba de hermeticidad”
![Page 18: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/18.jpg)
SG Next 2016
ALGUNOS CUESTIONAMIENTOS…
![Page 19: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/20.jpg)
SG Next 2016
UNA DE VARIAS RESPUESTAS...
![Page 21: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/23.jpg)
SG Next 2016
¿QUÉ RETOS TENGO AL DISEÑAR ZERO UIs?
![Page 24: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/24.jpg)
SG Next 2016
DISEÑO HOLÍSTICO
![Page 25: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/25.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/26.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/27.jpg)
SG Next 2016
LENGUAJE NATURAL
![Page 28: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/28.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/29.jpg)
SG Next 2016
http://static.betazeta.com/www.wayerless.com/up/2012/10/siri.png
![Page 30: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/30.jpg)
SG Next 2016
![Page 31: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/31.jpg)
SG Next 2016
DISEÑO DE EXPERIENCIAS INVISIBLES
![Page 32: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/32.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/33.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/34.jpg)
SG Next 2016
https://www.youtube.com/watch?v=kMXrbYbdfHM
![Page 35: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/35.jpg)
SG Next 2016
http://www.altitudeinc.com/wp-content/uploads/2014/01/Work-Altitude-Vocollect-main-1920x944.jpg
![Page 36: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/36.jpg)
SG Next 2016
LOS DATOS DEL COMPORTAMIENTO PARA APRENDER
![Page 37: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/37.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/38.jpg)
SG Next 2016
http://www.wareable.com/sport/super-bowl-2016-50-wearable-tech-in-the-nfl
![Page 39: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/39.jpg)
SG Next 2016
http://qk9ekibrxo-flywheel.netdna-ssl.com/wp-content/uploads/2014/04/Nest-Thermostat-02.jpg
![Page 40: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/40.jpg)
SG Next 2016
“EL NEGOCIO” DE LOS WIREFRAMES
![Page 41: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/41.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/42.jpg)
SG Next 2016
http://www.argos.co.uk/wcsstore/argos/en_GB/images/buyingguides/tvs/tvbg-resolution.jpg
![Page 43: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/43.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/44.jpg)
SG Next 2016
LAS ACCIONES Y EL CONTEXTO
![Page 45: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/45.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/46.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/47.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/48.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/49.jpg)
SG Next 2016
CONCLUSIÓN….
![Page 50: Solid Day - Zero UI](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/50.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042517/58e941a71a28ab84768b5f25/html5/thumbnails/51.jpg)
SG Next 2016
GRACIAS!!!
@UsariaUX @laceves hola @ usaria.mx
www.usaria.mx | www.usaria.co