DISEÑO DE APLICACIONES PARA MÓVILES

EXPERIENCIA DE USUARIO Y USABILIDAD

USABILITY ≠ USER EXPERIENCE

USABILITY

USER EXPERIENCE

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

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

• 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

USER EXPERIENCE SENTIMIENTOS

• Entorno

• Colores

• Olfato

• Tacto

• Sonido

• Vista

• Confianza

• Branding

• “Show-off ” effect

• Practicalidad

• Efecto emocional

Entonces, ¿por qué tenemos esto?

... o esto

ouch!

y esto...

y esto otro...

En definitiva...

“USABLE HAPPINESS”

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

Thomas Baekdal

ESTADÍSTICAS

DISTRIBUCIÓN DE DISPOSITIVOS

DISTRIBUCIÓN DE DISPOSITIVOS

Android OS: 36%

Apple iOS: 26%

Android OS: 36%

Apple iOS: 26%

Blackberry OS: 23%

Android OS: 36%

Apple iOS: 26%

Windows Mobile/WP7: 10%

Blackberry OS: 23%

Android OS: 36%

Apple iOS: 26%

Windows Mobile/WP7: 10%

Otros: 5%

Blackberry OS: 23%

Android OS: 36%

DESCARGAS

29%

71%59%

41%26%

74%

De pago Gratis

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

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

USUARIOS SMARTPHONES

USUARIOS SMARTPHONES

MOBILE USERS

MOBILE USERS

MOBILE WEB ACCESS

MOBILE USERS

MOBILE WEB ACCESS

DESKTOP WEB ACCESS

EL MÓVIL NO ES UN ORDENADOR

≠

•Trabajo sentado y en un ambiente cómodo

•Pantalla grande que permite multitarea

•Soporte de Ratón y Teclado

•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

NATIVAS VS WEB APPS

NATIVA

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

GPS

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

ACELERÓMETRO

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

CAPTURA DE IMÁGENES

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

AUDIO Y VÍDEO

EXPLOTAR LAS PRESTACIONES DEL DISPOSITIVO

3D

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

AGENDA DE CONTACTOS

EXPLOTAR LAS PRESTACIONES

DEL DISPOSITIVO

CALENDARIO

APROVECHAR EL CANAL DE DISTRIBUCIÓN

ENVÍO DE PUSH NOTIFICATIONS

IN APP PURCHASE

USO OFF-LINE

MAYOR EXPERIENCIA DE

USUARIO

WEB APP

WEB VIEWSOLUCIÓN HÍBRIDA

WEB VIEW

WEB VIEWS QUE SIMULAN A UNA APP NATIVA

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

TIPOLOGÍAS DE APLICACIONES

TIPOLOGÍAS DE APLICACIONES

3

PRODUCTIVITYAPPLICATIONS

•UX orientada a la tarea

•Ordenación de información jerárquica

•Tareas complejas

UTILITY APPLICATIONS

•Ricas gráficamente

•Validar el estado de algo o mirarlo por encima

•Añaden controles standard

IMMERSIVE APPLICATIONS

•Hay muchos datos pero no se muestran al usuario

•Custom User Interface

•Pantalla completa

GESTURES, NOT CLICKS

Tap Double tapTouch and

hold

Pinch open Swipe SwipePinch close

Drag

PROCESO DE TRABAJO

IDEA

REFERENTES

BOCETOS A MANO

MAPA DE NAVEGACIÓN

DETALLES GRÁFICOS

GRÁFICA FINAL

REDISEÑO INFOVUELOSTALLER PRÁCTICO

BUSCAR VUELO POR NOMBRE

BUSCAR POR SALIDAS

BUSCAR POR LLEGADAS

AÑADIR VUELO A FAVORITOS

ELIMINAR VUELO DE FAVORITOS

Mobility Everywhere