Aplicaciones móviles: Usabilidad y Experiencia de Usuario

82
DISEÑO DE APLICACIONES PARA MÓVILES

description

El proceso de creación de una app consta de varias fases. El diseño es la que más debemos cuidar si queremos que la experiencia de usuario sea satisfactoria. Para ello, hay que tener en cuenta la usabilidad.

Transcript of Aplicaciones móviles: Usabilidad y Experiencia de Usuario

Page 1: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

DISEÑO DE APLICACIONES PARA MÓVILES

Page 2: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

EXPERIENCIA DE USUARIO Y USABILIDAD

Page 3: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

USABILITY ≠ USER EXPERIENCE

Page 4: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

USABILITY

Page 5: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

USER EXPERIENCE

Page 6: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

USABILITY“la facilidad con que las personas pueden utilizar una herramienta con el fin de alcanzar un objetivo concreto”

Page 7: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

USER EXPERIENCE“El objetivo es que los usuarios se sientan felices antes, durante y después de usar el producto”

Page 8: Aplicaciones móviles: Usabilidad y Experiencia de Usuario
Page 9: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

• Poco esfuerzo mental para usarlo

• Hay pocos errores o equivocaciones en su empleo

• Es eficiente: permite hacer más y más rápido

• Cuesta muy poco aprender a usarlo

USABILITYFUNCIONALIDAD

Page 10: Aplicaciones móviles: Usabilidad y Experiencia de Usuario
Page 11: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

USER EXPERIENCE SENTIMIENTOS

• Entorno

• Colores

• Olfato

• Tacto

• Sonido

• Vista

• Confianza

• Branding

• “Show-off ” effect

• Practicalidad

• Efecto emocional

Page 12: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

Entonces, ¿por qué tenemos esto?

Page 13: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

... o esto

Page 14: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

ouch!

Page 15: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

y esto...

Page 16: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

y esto otro...

Page 17: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

En definitiva...

Page 18: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

“USABLE HAPPINESS”

“Usable happiness: is a product that is simple to use, and makes you smile every time you use it”

Thomas Baekdal

Page 19: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

ESTADÍSTICAS

Page 20: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

DISTRIBUCIÓN DE DISPOSITIVOS

Page 21: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

DISTRIBUCIÓN DE DISPOSITIVOS

Page 22: Aplicaciones móviles: Usabilidad y Experiencia de Usuario
Page 23: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

Android OS: 36%

Page 24: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

Apple iOS: 26%

Android OS: 36%

Page 25: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

Apple iOS: 26%

Blackberry OS: 23%

Android OS: 36%

Page 26: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

Apple iOS: 26%

Windows Mobile/WP7: 10%

Blackberry OS: 23%

Android OS: 36%

Page 27: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

Apple iOS: 26%

Windows Mobile/WP7: 10%

Otros: 5%

Blackberry OS: 23%

Android OS: 36%

Page 28: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

DESCARGAS

29%

71%59%

41%26%

74%

De pago Gratis

35 por teléfono48 por teléfono 15 por teléfono

Page 29: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

826.200 APPS

0

100.000

200.000

300.000

400.000

iPhon

e

Andro

idiPa

dO

vi

Black

berry

Wind

ows P

hone

7Pa

lm

Page 30: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

USUARIOS SMARTPHONES

Page 31: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

USUARIOS SMARTPHONES

Page 32: Aplicaciones móviles: Usabilidad y Experiencia de Usuario
Page 33: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

MOBILE USERS

Page 34: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

MOBILE USERS

MOBILE WEB ACCESS

Page 35: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

MOBILE USERS

MOBILE WEB ACCESS

DESKTOP WEB ACCESS

Page 36: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

EL MÓVIL NO ES UN ORDENADOR

Page 37: Aplicaciones móviles: Usabilidad y Experiencia de Usuario
Page 38: Aplicaciones móviles: Usabilidad y Experiencia de Usuario
Page 39: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

•Trabajo sentado y en un ambiente cómodo

•Pantalla grande que permite multitarea

•Soporte de Ratón y Teclado

Page 40: Aplicaciones móviles: Usabilidad y Experiencia de Usuario
Page 41: Aplicaciones móviles: Usabilidad y Experiencia de Usuario
Page 42: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

•Entorno variable

•Pantalla pequeña que dificulta la introducción de datos

•Visualización de una única pantalla a la vez

•Difícil la multitarea y fácil perderse

Page 43: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

NATIVAS VS WEB APPS

Page 44: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

NATIVA

Page 45: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

GPS

Page 46: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

ACELERÓMETRO

Page 47: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

CAPTURA DE IMÁGENES

Page 48: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

AUDIO Y VÍDEO

Page 49: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

EXPLOTAR LAS PRESTACIONES DEL DISPOSITIVO

3D

Page 50: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

AGENDA DE CONTACTOS

Page 51: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

CALENDARIO

Page 52: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

APROVECHAR EL CANAL DE DISTRIBUCIÓN

Page 53: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

ENVÍO DE PUSH NOTIFICATIONS

Page 54: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

IN APP PURCHASE

Page 55: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

USO OFF-LINE

Page 56: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

MAYOR EXPERIENCIA DE

USUARIO

Page 57: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

WEB APP

Page 58: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

WEB VIEWSOLUCIÓN HÍBRIDA

Page 59: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

WEB VIEW

Page 60: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

WEB VIEWS QUE SIMULAN A UNA APP NATIVA

Page 61: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

¿CÓMO DISEÑAR UNA BUENA INTERFAZ IPHONE?

Page 62: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

TIPOLOGÍAS DE APLICACIONES

Page 63: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

TIPOLOGÍAS DE APLICACIONES

3

Page 64: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

PRODUCTIVITYAPPLICATIONS

•UX orientada a la tarea

•Ordenación de información jerárquica

•Tareas complejas

Page 65: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

UTILITY APPLICATIONS

•Ricas gráficamente

•Validar el estado de algo o mirarlo por encima

•Añaden controles standard

Page 66: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

IMMERSIVE APPLICATIONS

•Hay muchos datos pero no se muestran al usuario

•Custom User Interface

•Pantalla completa

Page 67: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

GESTURES, NOT CLICKS

Page 68: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

Tap Double tapTouch and

hold

Pinch open Swipe SwipePinch close

Drag

Page 69: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

PROCESO DE TRABAJO

Page 70: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

IDEA

Page 71: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

REFERENTES

Page 72: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

BOCETOS A MANO

Page 73: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

MAPA DE NAVEGACIÓN

Page 74: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

DETALLES GRÁFICOS

Page 75: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

GRÁFICA FINAL

Page 76: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

REDISEÑO INFOVUELOSTALLER PRÁCTICO

Page 77: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

BUSCAR VUELO POR NOMBRE

Page 78: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

BUSCAR POR SALIDAS

Page 79: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

BUSCAR POR LLEGADAS

Page 80: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

AÑADIR VUELO A FAVORITOS

Page 81: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

ELIMINAR VUELO DE FAVORITOS

Page 82: Aplicaciones móviles: Usabilidad y Experiencia de Usuario

Mobility Everywhere