Embed Size (px)
DESCRIPTION
Buenas prácticas y elementos a tener en cuenta a la hora de trabajar la experiencia de usuario en móviles y tabletas
Citation preview
M Ó V I L , P E R S O N A L E I N T E R M I T E N T E
UX dispositivos móviles
2014
1
In
3
El smartphone es el centro de la vida digital.
España esta por encima de la media europea
Nuestro Smartphone es:
6
• Teléfono• Calendario• Reloj / despertador• Agenda• Libreta• Cámara de fotos• Álbum de fotos• Reproductor música (walkman)• GPS• Video juego• Solucionador de dudas• Linterna• Chat
Ayuda a la compra
12
• Encontrar donde comprar
• Comprar precios
• Conocer características
• Compartir
Intuitivo
20
• Interacción con las manos es más natural que con el ratón
• Crecimiento mucho mas rápido y popular
• Más atractivo para personas poco expertas en tecnología
Nuevos inputs
22
• Sin intermediarios (ratón)
• Más naturales
• Implicando más elementos del cuerpo
• Inconscientes
• Tridimensionales
• Voz
Inmediatez
24
• Siempre encima
• Siempre localizado
• Comunicación instantánea
• Información instantánea
Conciso y frecuente
26
• Entre 1 y 10 min por sesión
• Muchas veces al día
• Navegación más dirigida
Donde y cuando
35
• Contextos polarizados
• Atención dividida o interrumpida
• Interacción física limitada
Web móvil
39
• Mismo desarrollo para todos los sistemas operativos: .
• Inmediato (no es necesario descargar ni actualizar)
• Sencillo, rápido y barato desarrollar
• No acceso a componente nativos (cámara)
• Problemas compatibilidad navegadores
• No funcionan offline
App nativa
40
• Acceso a componentes nativos
• Mejor rendimiento
• Modo offline
• Mercado
• Costoso de desarrollar
• Actualizaciones
• Distintas versiones para distintos sistemas operativos
Híbridas
42
• Utilizan un sistema u otro en función del contenido/funcionalidades a mostrar
D I S P O S I T I V O S P E Q U E Ñ O S
E L E M E N T O S G R A N D E S
[email protected] 2014
43
Diseño
Elementos grandes
45
• Botones grandes
• Letra grande
• Espacio grandes para hacer scroll
• Mejor elegir que escribir
Responsive
51
• Mismo contenido adaptado a distintos dispositivos
• Simplificar mantenimiento
Mobile First
53
• Dispositivo más usado
• Reducir tiempos de carga
• Ayuda a poner el foco en lo importante
Software
55
• Aplicaciones híbridashttp://phonegap.com/https://trigger.io/
• Emuladorhttps://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc
• Accesibilidad para móvileshttp://www.w3.org/Mobile/
• Responsivehttp://niravigad.com/responsive_man/http://quirktools.com/screenfly/http://www.responsinator.com/
Bibliografia
57
• Mobile First Luke Wroblewski
• http://www.slideshare.net/shoobe01/40min-how-peopleholdtouchconveys-30874671
• http://www.slideshare.net/mobile/Fate/dia-de-la-usabillidad-2013-clnica-de-ux-para-apps
• http://www.ideup.com/blog/interaccion-en-dispositivos-moviles-i
• http://www.uxabilidad.com/inspiracion/sitios-web-moviles-v-s-aplicaciones-nativas.html
• http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/es//events/thinkmobile2011/files/preso-laura.pdf
• http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/es//events/thinkmobile2011/files/alberto-knapp.pdf
• http://mobiforge.com/files/dotMobi%20Mobile%20Web%20Developers%20Guide.pdf
• http://www.slideshare.net/slashmobility/sesion-1-slash-mobility-mobile-apps-testing
• http://www.acens.com/blog/videografia-sie13.html
• http://www.uxed.org/2014/02/interaccion-en-dispositivos-moviles-mas-alla-de-pulsar-botones/
