SlideShare uma empresa Scribd logo
1 de 60
Baixar para ler offline
Miembro de:
SG MOBILE DAY
Marzo 2016
Slippy UX:
Diseñando experiencias
invisibles para
aplicaciones móviles
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.
Mobile Day 2016
ESTA PRESENTACIÓN
TIENE 54 SLIDES Y
VAMOS EN EL 4
Mobile Day 2016
¿LOS SITIOS WEB SIGUEN
SIENDO EL PRINCIPAL CANAL
DIGITAL PARA UNA PERSONA
CON UNA NECESIDAD?
Mobile Day 2016
ALGUNOS DATOS…
Mobile Day 2016
¿A TRAVÉS DE QUÉ CANALES
DIGITALES UNA PERSONA
ESPERA HACER ALGO?
Mobile Day 2016
EN EL NEGOCIO
SITIO WEB “NORMAL”
KIOSKO
CALL CENTER
SMS
NEWSLETTER
APP SMARTPHONE
APP TABLET
SITIO WEB RESPONSIVO
Mobile Day 2016
CONSOLA DE VIDEOJUEGO
COMUNIDADES Y SOCIAL MEDIA
HANDHELD
TV
SMARTWATCH
AUTO
ESTUFA
BANDA DE EJERCICIO
ROPA
Mobile Day 2016
DÓNDE, CUÁNDO Y CÓMO
LAS PERSONAS
INTERACTUAN CON TU
ORGANIZACIÓN NO
PARARÁ DE CAMBIAR.
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
Mobile Day 2016
¿DÓNDE,
CÓMO Y
CUÁNDO?
http://cdn2.business2community.com/wp-content/
uploads/2015/05/55355496b8d847.662353988.jpg8.jpg
Mobile Day 2016
PERO…
LAS PERSONAS ESPERAN
HACER EL MENOR
ESFUERZO POSIBLE POR
INTERACTUAR Y OBTENER
UNA RESPUESTA.
Mobile Day 2016
LA PÁGINA 1 DE RESULTADOS
https://moz.com/blog/new-data-reveals-67-of-consumers-are-influenced-
by-online-reviews
Mobile Day 2016
ENTONCES….
Mobile Day 2016
LAS PERSONAS QUIEREN
EXPERIENCIAS UBICUAS
HACIENDO, EN ALGUNOS
CASOS, EL MENOR
ESFUERZO POSIBLE.
Mobile Day 2016http://www.delta.com
Mobile Day 2016
http://www.delta.com
Mobile Day 2016
EN ALGUNOS CASOS LOS
APARATOS MÓVILES NO
FUERON PENSADOS PARA
TENER UNA INTERACCIÓN
DIGITAL.
Mobile Day 2016
http://www.samsung.com/us/topic/apps-on-your-fridge
Mobile Day 2016
ADEMÁS, ALGUNOS
DISEÑADORES COMPLICAN
LAS EXPERIENCIAS EN ESOS
DISPOSITIVOS.
Mobile Day 2016
http://www.afeonline.com/shop/images/Boeing
Mobile Day 2016
http://www.emme.com.mx
Mobile Day 2016http://i.dailymail.co.uk/i/pix/2014/06/23/article-2666108-1F0D0FBE00000578-954_634x315.jpg
Mobile Day 2016
¿CÓMO CAMBIAR EL
PARADIGMA?
Mobile Day 2016
DISEÑAR
EXPERIENCIAS
INVISIBLES
Mobile Day 2016
Great designs should be experienced
and not seen.
Jared Spool
“ “
Mobile Day 2016
EVITANDO....
Mobile Day 2016
https://worldonaforkdotcom.files.wordpress.com/2013/03/pay-attention-while-walking-your-
facebook-status-can-wait.jpg
Mobile Day 2016
https://worldonaforkdotcom.files.wordpress.com/2013/03/pay-attention-while-walking-your-
facebook-status-can-wait.jpg
Mobile Day 2016 http://www.wordstream.com/images/google-glass-hud.jpg
Mobile Day 2016
¿CÓMO DISEÑO
EXPERIENCIAS
INVISIBLES?
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
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.
Mobile Day 2016
¿CÓMO LO
APLICO?
Mobile Day 2016
1. LA INTERFAZ NO ES SOLO
LA PANTALLA
Mobile Day 2016
¿TODO DEBE SER VISUAL?
¿Y LO TÁCTIL?
¿Y LO AUDITIVO?
¿ME ENTIENDE?
¿LE ENTIENDO?
¿IMPLICA UN DISPOSITIVO
“ADICIONAL”?
Mobile Day 2016
Mobile Day 2016
Mobile Day 2016
2. DISEÑA EN BASE A
MOMENTOS DE ATENCIÓN
SELECTIVA DE LA PERSONA
Mobile Day 2016
¿EN QUÉ MOMENTO EL
USUARIO DEBE PONER
ATENCIÓN?
¿QUÉ DEBE HACER?
¿CÓMO DEBE HACERLO?
¿CUÁNDO NO DISTRAERLO?
Mobile Day 2016
http://www.altitudeinc.com/wp-content/uploads/2014/01/Work-Altitude-Vocollect-main-1920x944.jpg
Mobile Day 2016
3. ESTUDIA EL CONTEXTO
EN QUE OCURRE LA
EXPERIENCIA
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?
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.
Mobile Day 2016
http://techcrunch.com/2014/11/04/how-the-49ers-are-using-beacons-to-help-you-find-hot-dogs-and-beer/
Mobile Day 2016
4. SIMPLIFICA LAS
INTERACCIONES
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?
Mobile Day 2016
http://www.fool.com/investing/general/2015/04/18/how-disney-world-does-the-internet-of-things.aspx
Mobile Day 2016
5. MUESTRA SOLO LA
INFORMACIÓN MÁS
RELEVANTE
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?
Mobile Day 2016
http://www.mizko.net/blog/4-invisible-user-experiences-you-never-knew-about
Mobile Day 2016
6. CREA EXPERIENCIAS
INTELIGENTES
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?
Mobile Day 2016
http://qk9ekibrxo-flywheel.netdna-ssl.com/wp-content/uploads/2014/04/Nest-Thermostat-02.jpg
Mobile Day 2016
ENTONCES….
Mobile Day 2016
EXPERIENCIAS NO
INVASIVAS.
DEPENDEN DEL CONTEXTO.
LO MÁS SIMPLES POSIBLES.
CON POCA INFORMACIÓN.
SOLO OCURREN EN
CIERTOS MOMENTOS.
APRENDEN.
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
Mobile Day 2016
Mobile Day 2016
GRACIAS!!!
@UsariaUX
@laceves
hola @ usaria.mx
www.usaria.mx | www.usaria.co

Mais conteúdo relacionado

Destaque (7)

Presentación Dirección de Seguridad y Salud MRL
Presentación Dirección de Seguridad y Salud MRLPresentación Dirección de Seguridad y Salud MRL
Presentación Dirección de Seguridad y Salud MRL
 
Sistema de gestiòn en seguridad y salud ocupacional
Sistema de gestiòn en seguridad y salud ocupacionalSistema de gestiòn en seguridad y salud ocupacional
Sistema de gestiòn en seguridad y salud ocupacional
 
Sistema de Gestión en Seguridad y Salud en el Trabajo
Sistema de Gestión en Seguridad y Salud en el TrabajoSistema de Gestión en Seguridad y Salud en el Trabajo
Sistema de Gestión en Seguridad y Salud en el Trabajo
 
Norma de inicio 2016.
Norma de inicio 2016. Norma de inicio 2016.
Norma de inicio 2016.
 
Modelo de Sistema de Gestion de Seguridad y Salud en el trabajo
Modelo de Sistema de Gestion de Seguridad y Salud en el trabajo Modelo de Sistema de Gestion de Seguridad y Salud en el trabajo
Modelo de Sistema de Gestion de Seguridad y Salud en el trabajo
 
PROPUESTA PARA LA IMPLEMENTACIÓN DE UN SISTEMA DE GESTIÓN DE SEGURIDAD E HIGI...
PROPUESTA PARA LA IMPLEMENTACIÓN DE UN SISTEMA DE GESTIÓN DE SEGURIDAD E HIGI...PROPUESTA PARA LA IMPLEMENTACIÓN DE UN SISTEMA DE GESTIÓN DE SEGURIDAD E HIGI...
PROPUESTA PARA LA IMPLEMENTACIÓN DE UN SISTEMA DE GESTIÓN DE SEGURIDAD E HIGI...
 
PLANTILLA DEL Sistema de gestión de la seguridad y salud en el trabajo
PLANTILLA DEL Sistema de gestión de la seguridad y salud en el trabajoPLANTILLA DEL Sistema de gestión de la seguridad y salud en el trabajo
PLANTILLA DEL Sistema de gestión de la seguridad y salud en el trabajo
 

Semelhante a Mobile Day - Slippy UX

Movilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidasMovilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidas
Biko
 
Bienvenido al digital branding (1).pdf
Bienvenido al digital branding (1).pdfBienvenido al digital branding (1).pdf
Bienvenido al digital branding (1).pdf
AlejandraArcw
 

Semelhante a Mobile Day - Slippy UX (20)

Solid Day - Zero UI
Solid Day - Zero UISolid Day - Zero UI
Solid Day - Zero UI
 
Web móvil. Desarrollo de Apps y Aplicación en Bibliotecas
Web móvil. Desarrollo de Apps y Aplicación en BibliotecasWeb móvil. Desarrollo de Apps y Aplicación en Bibliotecas
Web móvil. Desarrollo de Apps y Aplicación en Bibliotecas
 
UX Trends 2017 Report
UX Trends 2017 ReportUX Trends 2017 Report
UX Trends 2017 Report
 
UX Nights MTY Vol 01.01 - UX playbook
UX Nights MTY Vol 01.01 - UX playbook UX Nights MTY Vol 01.01 - UX playbook
UX Nights MTY Vol 01.01 - UX playbook
 
WIAD 2016 Mexico City - AI y UX: Una Historia de dos Hermanos -
WIAD 2016 Mexico City - AI y UX: Una Historia de dos Hermanos - WIAD 2016 Mexico City - AI y UX: Una Historia de dos Hermanos -
WIAD 2016 Mexico City - AI y UX: Una Historia de dos Hermanos -
 
Uxday2017.Elaboración de user personas para mobile design. Martha Montelongo
Uxday2017.Elaboración de user personas para mobile design. Martha MontelongoUxday2017.Elaboración de user personas para mobile design. Martha Montelongo
Uxday2017.Elaboración de user personas para mobile design. Martha Montelongo
 
005 - Mobile Day Colombia - Mobile Media - Alberto Pardo (Banano) - Adsmovil
005 - Mobile Day Colombia - Mobile Media - Alberto Pardo (Banano) - Adsmovil 005 - Mobile Day Colombia - Mobile Media - Alberto Pardo (Banano) - Adsmovil
005 - Mobile Day Colombia - Mobile Media - Alberto Pardo (Banano) - Adsmovil
 
Emprendiendo con proyectos Móviles
Emprendiendo con proyectos MóvilesEmprendiendo con proyectos Móviles
Emprendiendo con proyectos Móviles
 
Biblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecasBiblioapps, o cómo crear aplicaciones móviles para bibliotecas
Biblioapps, o cómo crear aplicaciones móviles para bibliotecas
 
Movilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidasMovilidad - Tendencias que cambiarán nuestras vidas
Movilidad - Tendencias que cambiarán nuestras vidas
 
UX/ UI Web y su provecho para la Publicidad y el Marketing INTEC
UX/ UI Web y su provecho para la Publicidad y el Marketing INTECUX/ UI Web y su provecho para la Publicidad y el Marketing INTEC
UX/ UI Web y su provecho para la Publicidad y el Marketing INTEC
 
Trabajo Internacionalización de Minube
Trabajo Internacionalización de MinubeTrabajo Internacionalización de Minube
Trabajo Internacionalización de Minube
 
¿Qué hacemos Orsonia Interactive Ideas?
¿Qué hacemos Orsonia Interactive Ideas?¿Qué hacemos Orsonia Interactive Ideas?
¿Qué hacemos Orsonia Interactive Ideas?
 
RETOS DEL UX EN NUEVAS PLATAFORMAS
RETOS DEL UX EN NUEVAS PLATAFORMASRETOS DEL UX EN NUEVAS PLATAFORMAS
RETOS DEL UX EN NUEVAS PLATAFORMAS
 
Bienvenido al digital branding (1).pdf
Bienvenido al digital branding (1).pdfBienvenido al digital branding (1).pdf
Bienvenido al digital branding (1).pdf
 
Presentacion Evento UX - Iron Hack
Presentacion Evento UX - Iron Hack Presentacion Evento UX - Iron Hack
Presentacion Evento UX - Iron Hack
 
PureMobile 2014
PureMobile 2014PureMobile 2014
PureMobile 2014
 
Descubriendo Tu Ruta
Descubriendo Tu RutaDescubriendo Tu Ruta
Descubriendo Tu Ruta
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.
 

Mais de Software Guru

Mais de Software Guru (20)

Hola Mundo del Internet de las Cosas
Hola Mundo del Internet de las CosasHola Mundo del Internet de las Cosas
Hola Mundo del Internet de las Cosas
 
Estructuras de datos avanzadas: Casos de uso reales
Estructuras de datos avanzadas: Casos de uso realesEstructuras de datos avanzadas: Casos de uso reales
Estructuras de datos avanzadas: Casos de uso reales
 
Building bias-aware environments
Building bias-aware environmentsBuilding bias-aware environments
Building bias-aware environments
 
El secreto para ser un desarrollador Senior
El secreto para ser un desarrollador SeniorEl secreto para ser un desarrollador Senior
El secreto para ser un desarrollador Senior
 
Cómo encontrar el trabajo remoto ideal
Cómo encontrar el trabajo remoto idealCómo encontrar el trabajo remoto ideal
Cómo encontrar el trabajo remoto ideal
 
Automatizando ideas con Apache Airflow
Automatizando ideas con Apache AirflowAutomatizando ideas con Apache Airflow
Automatizando ideas con Apache Airflow
 
How thick data can improve big data analysis for business:
How thick data can improve big data analysis for business:How thick data can improve big data analysis for business:
How thick data can improve big data analysis for business:
 
Introducción al machine learning
Introducción al machine learningIntroducción al machine learning
Introducción al machine learning
 
Democratizando el uso de CoDi
Democratizando el uso de CoDiDemocratizando el uso de CoDi
Democratizando el uso de CoDi
 
Gestionando la felicidad de los equipos con Management 3.0
Gestionando la felicidad de los equipos con Management 3.0Gestionando la felicidad de los equipos con Management 3.0
Gestionando la felicidad de los equipos con Management 3.0
 
Taller: Creación de Componentes Web re-usables con StencilJS
Taller: Creación de Componentes Web re-usables con StencilJSTaller: Creación de Componentes Web re-usables con StencilJS
Taller: Creación de Componentes Web re-usables con StencilJS
 
El camino del full stack developer (o como hacemos en SERTI para que no solo ...
El camino del full stack developer (o como hacemos en SERTI para que no solo ...El camino del full stack developer (o como hacemos en SERTI para que no solo ...
El camino del full stack developer (o como hacemos en SERTI para que no solo ...
 
¿Qué significa ser un programador en Bitso?
¿Qué significa ser un programador en Bitso?¿Qué significa ser un programador en Bitso?
¿Qué significa ser un programador en Bitso?
 
Colaboración efectiva entre desarrolladores del cliente y tu equipo.
Colaboración efectiva entre desarrolladores del cliente y tu equipo.Colaboración efectiva entre desarrolladores del cliente y tu equipo.
Colaboración efectiva entre desarrolladores del cliente y tu equipo.
 
Pruebas de integración con Docker en Azure DevOps
Pruebas de integración con Docker en Azure DevOpsPruebas de integración con Docker en Azure DevOps
Pruebas de integración con Docker en Azure DevOps
 
Elixir + Elm: Usando lenguajes funcionales en servicios productivos
Elixir + Elm: Usando lenguajes funcionales en servicios productivosElixir + Elm: Usando lenguajes funcionales en servicios productivos
Elixir + Elm: Usando lenguajes funcionales en servicios productivos
 
Así publicamos las apps de Spotify sin stress
Así publicamos las apps de Spotify sin stressAsí publicamos las apps de Spotify sin stress
Así publicamos las apps de Spotify sin stress
 
Achieving Your Goals: 5 Tips to successfully achieve your goals
Achieving Your Goals: 5 Tips to successfully achieve your goalsAchieving Your Goals: 5 Tips to successfully achieve your goals
Achieving Your Goals: 5 Tips to successfully achieve your goals
 
Acciones de comunidades tech en tiempos del Covid19
Acciones de comunidades tech en tiempos del Covid19Acciones de comunidades tech en tiempos del Covid19
Acciones de comunidades tech en tiempos del Covid19
 
De lo operativo a lo estratégico: un modelo de management de diseño
De lo operativo a lo estratégico: un modelo de management de diseñoDe lo operativo a lo estratégico: un modelo de management de diseño
De lo operativo a lo estratégico: un modelo de management de diseño
 

Mobile Day - Slippy UX