Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mobile Day - Slippy UX

492 views

Published on

Presentado por Luis Carlos Aceves en Mobile Day México 2016.

Published in: Software
  • Be the first to comment

  • Be the first to like this

Mobile Day - Slippy UX

  1. 1. Miembro de:
  2. 2. SG MOBILE DAY Marzo 2016 Slippy UX: Diseñando experiencias invisibles para aplicaciones móviles
  3. 3. Mobile Day 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.
  4. 4. Mobile Day 2016 ESTA PRESENTACIÓN TIENE 54 SLIDES Y VAMOS EN EL 4
  5. 5. Mobile Day 2016 ¿LOS SITIOS WEB SIGUEN SIENDO EL PRINCIPAL CANAL DIGITAL PARA UNA PERSONA CON UNA NECESIDAD?
  6. 6. Mobile Day 2016 ALGUNOS DATOS…
  7. 7. Mobile Day 2016 ¿A TRAVÉS DE QUÉ CANALES DIGITALES UNA PERSONA ESPERA HACER ALGO?
  8. 8. Mobile Day 2016 EN EL NEGOCIO SITIO WEB “NORMAL” KIOSKO CALL CENTER SMS NEWSLETTER APP SMARTPHONE APP TABLET SITIO WEB RESPONSIVO
  9. 9. Mobile Day 2016 CONSOLA DE VIDEOJUEGO COMUNIDADES Y SOCIAL MEDIA HANDHELD TV SMARTWATCH AUTO ESTUFA BANDA DE EJERCICIO ROPA
  10. 10. Mobile Day 2016 DÓNDE, CUÁNDO Y CÓMO LAS PERSONAS INTERACTUAN CON TU ORGANIZACIÓN NO PARARÁ DE CAMBIAR.
  11. 11. Mobile Day 2016 ¿DÓNDE, CÓMO Y CUÁNDO? http://www.nielsen.com/us/en/insights/news/2015/age- of-technology-generational-video-viewing-preferences- vary-by-device-and-activity.html
  12. 12. Mobile Day 2016 ¿DÓNDE, CÓMO Y CUÁNDO? http://cdn2.business2community.com/wp-content/ uploads/2015/05/55355496b8d847.662353988.jpg8.jpg
  13. 13. Mobile Day 2016 PERO… LAS PERSONAS ESPERAN HACER EL MENOR ESFUERZO POSIBLE POR INTERACTUAR Y OBTENER UNA RESPUESTA.
  14. 14. Mobile Day 2016 LA PÁGINA 1 DE RESULTADOS https://moz.com/blog/new-data-reveals-67-of-consumers-are-influenced- by-online-reviews
  15. 15. Mobile Day 2016 ENTONCES….
  16. 16. Mobile Day 2016 LAS PERSONAS QUIEREN EXPERIENCIAS UBICUAS HACIENDO, EN ALGUNOS CASOS, EL MENOR ESFUERZO POSIBLE.
  17. 17. Mobile Day 2016http://www.delta.com
  18. 18. Mobile Day 2016 http://www.delta.com
  19. 19. Mobile Day 2016 EN ALGUNOS CASOS LOS APARATOS MÓVILES NO FUERON PENSADOS PARA TENER UNA INTERACCIÓN DIGITAL.
  20. 20. Mobile Day 2016 http://www.samsung.com/us/topic/apps-on-your-fridge
  21. 21. Mobile Day 2016 ADEMÁS, ALGUNOS DISEÑADORES COMPLICAN LAS EXPERIENCIAS EN ESOS DISPOSITIVOS.
  22. 22. Mobile Day 2016 http://www.afeonline.com/shop/images/Boeing
  23. 23. Mobile Day 2016 http://www.emme.com.mx
  24. 24. Mobile Day 2016http://i.dailymail.co.uk/i/pix/2014/06/23/article-2666108-1F0D0FBE00000578-954_634x315.jpg
  25. 25. Mobile Day 2016 ¿CÓMO CAMBIAR EL PARADIGMA?
  26. 26. Mobile Day 2016 DISEÑAR EXPERIENCIAS INVISIBLES
  27. 27. Mobile Day 2016 Great designs should be experienced and not seen. Jared Spool “ “
  28. 28. Mobile Day 2016 EVITANDO....
  29. 29. Mobile Day 2016 https://worldonaforkdotcom.files.wordpress.com/2013/03/pay-attention-while-walking-your- facebook-status-can-wait.jpg
  30. 30. Mobile Day 2016 https://worldonaforkdotcom.files.wordpress.com/2013/03/pay-attention-while-walking-your- facebook-status-can-wait.jpg
  31. 31. Mobile Day 2016 http://www.wordstream.com/images/google-glass-hud.jpg
  32. 32. Mobile Day 2016 ¿CÓMO DISEÑO EXPERIENCIAS INVISIBLES?
  33. 33. Mobile Day 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
  34. 34. Mobile Day 2016 CARACTERÍSTICAS DEL SLIPPY UX •  Contar con la menor cantidad de salidas. •  Desplegar la información solo cuando el contexto es favorable. •  Hacer que las interacciones sean lo más simple posibles. •  Aprovechar la personalización para evitar capturar datos. •  Aprender del contexto para predecir y dar resultados.
  35. 35. Mobile Day 2016 ¿CÓMO LO APLICO?
  36. 36. Mobile Day 2016 1. LA INTERFAZ NO ES SOLO LA PANTALLA
  37. 37. Mobile Day 2016 ¿TODO DEBE SER VISUAL? ¿Y LO TÁCTIL? ¿Y LO AUDITIVO? ¿ME ENTIENDE? ¿LE ENTIENDO? ¿IMPLICA UN DISPOSITIVO “ADICIONAL”?
  38. 38. Mobile Day 2016
  39. 39. Mobile Day 2016
  40. 40. Mobile Day 2016 2. DISEÑA EN BASE A MOMENTOS DE ATENCIÓN SELECTIVA DE LA PERSONA
  41. 41. Mobile Day 2016 ¿EN QUÉ MOMENTO EL USUARIO DEBE PONER ATENCIÓN? ¿QUÉ DEBE HACER? ¿CÓMO DEBE HACERLO? ¿CUÁNDO NO DISTRAERLO?
  42. 42. Mobile Day 2016 http://www.altitudeinc.com/wp-content/uploads/2014/01/Work-Altitude-Vocollect-main-1920x944.jpg
  43. 43. Mobile Day 2016 3. ESTUDIA EL CONTEXTO EN QUE OCURRE LA EXPERIENCIA
  44. 44. Mobile Day 2016 ¿DÓNDE OCURRE LA EXPERIENCIA? ¿CÓMO ES EL ENTORNO? ¿HAY MÁS PERSONAS? ¿QUÉ PASA SI EL USUARIO PUEDE/NO PUEDE HACER ALGO?
  45. 45. Mobile Day 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.
  46. 46. Mobile Day 2016 http://techcrunch.com/2014/11/04/how-the-49ers-are-using-beacons-to-help-you-find-hot-dogs-and-beer/
  47. 47. Mobile Day 2016 4. SIMPLIFICA LAS INTERACCIONES
  48. 48. Mobile Day 2016 ¿CÓMO INTERACTÚAN USUARIO Y TECNOLOGÍA? ¿CUÁL ES EL FLUJO DE TRABAJO MÁS SIMPLE? ¿CÓMO ES LA ACCIÓN- REACCIÓN? ¿CUÁL ES LA VISIBILIDAD DEL ESTADO DE LA TRANSACCIÓN?
  49. 49. Mobile Day 2016 http://www.fool.com/investing/general/2015/04/18/how-disney-world-does-the-internet-of-things.aspx
  50. 50. Mobile Day 2016 5. MUESTRA SOLO LA INFORMACIÓN MÁS RELEVANTE
  51. 51. Mobile Day 2016 ¿QUÉ INFORMACIÓN LE MUESTRO AL USUARIO? ¿EN QUÉ FORMATO? ¿A TRAVÉS DE QUÉ INTERFAZ? ¿POR CUÁNTO TIEMPO DEBE VER LA INFORMACIÓN?
  52. 52. Mobile Day 2016 http://www.mizko.net/blog/4-invisible-user-experiences-you-never-knew-about
  53. 53. Mobile Day 2016 6. CREA EXPERIENCIAS INTELIGENTES
  54. 54. Mobile Day 2016 ¿CÓMO APRENDER DEL COMPORTAMIENTO? ¿QUÉ SE PUEDE PREDECIR? ¿CÓMO HACERLO MÁS INTELIGENTE? ¿QUÉ TRABAJO Y ACCIONES SE PUEDE EVITAR QUE HAGA EL USUARIO, PERO QUE SIGAN EXISTIENDO?
  55. 55. Mobile Day 2016 http://qk9ekibrxo-flywheel.netdna-ssl.com/wp-content/uploads/2014/04/Nest-Thermostat-02.jpg
  56. 56. Mobile Day 2016 ENTONCES….
  57. 57. Mobile Day 2016 EXPERIENCIAS NO INVASIVAS. DEPENDEN DEL CONTEXTO. LO MÁS SIMPLES POSIBLES. CON POCA INFORMACIÓN. SOLO OCURREN EN CIERTOS MOMENTOS. APRENDEN.
  58. 58. Mobile Day 2016 6. INTELIGENTE 3. EL CONTEXTO 5. SOLO INFORMACIÓN RELEVANTE 1. INTERFAZ 2. ATENCIÓN SELECTIVA SLIPPY UX 4. POCAS INTERACCIO- NES
  59. 59. Mobile Day 2016
  60. 60. Mobile Day 2016 GRACIAS!!! @UsariaUX @laceves hola @ usaria.mx www.usaria.mx | www.usaria.co

×