Experiencia de uso como factor crítico de éxito de una aplicación

of 70 /70
Movilidad y modernización aplicaciones EXPERIENCIA DE USO COMO FACTOR CRÍTICO DE ÉXITO DE UNA APLICACIÓN

Transcript of Experiencia de uso como factor crítico de éxito de una aplicación

Page 1: Experiencia de uso como factor crítico de éxito de una aplicación

Movilidad y modernización

aplicaciones

EXPERIENCIA DE USO

COMO FACTOR CRÍTICO

DE ÉXITO DE UNA

APLICACIÓN

Page 2: Experiencia de uso como factor crítico de éxito de una aplicación

USER EXPERIENCE

Page 3: Experiencia de uso como factor crítico de éxito de una aplicación

FACILIDAD DE…

. comprender la aplicación

. deducir dónde está la información

. cómo llegar a ella 25%

Page 4: Experiencia de uso como factor crítico de éxito de una aplicación

35%INTERACCIÓN

diseño de mecanismos para que el

usuario disponga de lo que necesita

cuando lo necesita

Page 5: Experiencia de uso como factor crítico de éxito de una aplicación

20%DISEÑO VISUALpresentar la información de modo que se

interprete rápida y eficazmente

Page 6: Experiencia de uso como factor crítico de éxito de una aplicación

20%DISEÑO VISUALes uno de los factores más importantes

de percepción del usuario

Page 7: Experiencia de uso como factor crítico de éxito de una aplicación

20%PERSONALIZACIÓN

la capacidad que tiene el usuario de

convertir la aplicación en su aplicación

Page 8: Experiencia de uso como factor crítico de éxito de una aplicación

10%ACCESORIOStoda herramienta adicional que el

usuario no echaría de menos, pero que

definitivamente le encantará

Page 9: Experiencia de uso como factor crítico de éxito de una aplicación

SIMPLICIDAD E INTERACCIÓN

Page 10: Experiencia de uso como factor crítico de éxito de una aplicación

DÓNDE ESTÁ LA INFORMACIÓNMapa de navegación. Diseño de espacios.

COMO LLEGA EL USUARIO A ELLAQué tengo que hacer para acceder a la información

VÍAS ALTERNATIVAS¿Y hay otros modos de llegar ahí mismo?

ARQUITECTURA DE

INTERFAZ

Page 11: Experiencia de uso como factor crítico de éxito de una aplicación

INTERACCIÓN

INTERACCIÓN NATURALDiseñar pensando en cuál sería la interacción más

natural para ese elemento en ese entorno

MINIMIZAR INTERACCIÓNSin perder en interacción natural

RESPUESTA Y DISEÑO VISUALQue el feedback de la interacción sea tan natural como

la interacción misma

Page 12: Experiencia de uso como factor crítico de éxito de una aplicación

MODELO DE ACCIÓN

CÓMO SE REALIZAN ACCIONESQué tiene que hacer el usuario para hacer algo

general, o algo sobre un elemento concreto

DESDE DÓNDE SE PUEDEN HACERDefinir los contextos en qué se pueden ejecutar

VÍAS ALTERNATIVAS¿Y hay otros modos de ejecutar la misma acción?

Page 13: Experiencia de uso como factor crítico de éxito de una aplicación

APLICACIONES

TABLET

APLICACIONES

MÓVIL

ENTORNOS

DESKTOP

Page 14: Experiencia de uso como factor crítico de éxito de una aplicación

APLICACIONES

TABLET

APLICACIONES

MÓVIL

ENTORNOS

DESKTOP

Page 15: Experiencia de uso como factor crítico de éxito de una aplicación

VARIAS ARQUITECTURAS DE INTERFAZ

Ventanas (SDI) versus MDI, TDI, …

Single, Multiple, and Tabbed Document Interface

VARIOS MODELOS DE NAVEGACIÓN

Navegación por SO versus in-app

VARIOS MODELOS DE ACCIÓN

Menús de acciones versus acciones on-the-fly

Page 16: Experiencia de uso como factor crítico de éxito de una aplicación
Page 17: Experiencia de uso como factor crítico de éxito de una aplicación

navigation

pane

Page 18: Experiencia de uso como factor crítico de éxito de una aplicación
Page 19: Experiencia de uso como factor crítico de éxito de una aplicación
Page 20: Experiencia de uso como factor crítico de éxito de una aplicación
Page 21: Experiencia de uso como factor crítico de éxito de una aplicación
Page 22: Experiencia de uso como factor crítico de éxito de una aplicación

APLICACIONES

TABLET

APLICACIONES

MÓVIL

ENTORNOS

DESKTOP

Page 23: Experiencia de uso como factor crítico de éxito de una aplicación

DIFERENTES ARQUITECTURASTodas se basan en modelos jerárquicos, pero con matices

DIFERENTES MODELOS DE NAVEGACIÓNLas características del dispositivo condicionan

INTERACCIÓN DISTINTALos mismos gestos sirven para cosas distintas

hay varias guías de estilo…

Page 24: Experiencia de uso como factor crítico de éxito de una aplicación

ARQUITECTURA

ANDROID E iOS PRESENTAN UN MODELO

JERÁRQUICO SIMPLE. WINDOWS PHONE PERMITE

PRESENTAR ELEMENTOS A UN MISMO NIVEL.

algunas diferencias…

Page 25: Experiencia de uso como factor crítico de éxito de una aplicación
Page 26: Experiencia de uso como factor crítico de éxito de una aplicación

ARQUITECTURA

ANDROID E IOS USAN NAVEGACIÓN IN-APP,

MIENTRAS QUE WINDOWS PHONE NO.

algunas diferencias…

Page 27: Experiencia de uso como factor crítico de éxito de una aplicación
Page 28: Experiencia de uso como factor crítico de éxito de una aplicación

WINDOWS PHONE BASA SU NAVEGACIÓN EN EL

BOTÓN BACK. iOS EN LA PROPIA INTERFAZ.

ANDROID LOS USA AMBOS.

algunas diferencias…

INTERACCIÓN

Page 29: Experiencia de uso como factor crítico de éxito de una aplicación
Page 30: Experiencia de uso como factor crítico de éxito de una aplicación

Android y WP lo utilizan para mostrar acciones contextuales

INTERACCIÓN

SWIPE/DESLIZARAndroid y WP lo utilizan para desplazarse entre pestañas

iOS lo usa para desplegar acciones sobre un determinado elemento

TAP’N’HOLD / MANTENER PULSADO

iOS lo usa para mostrar tooltips

Android también lo usa para mostrar tooltips y para seleccionar en listas

En Android e iOS se usa para desplegar un panel de navegación

Page 31: Experiencia de uso como factor crítico de éxito de una aplicación
Page 32: Experiencia de uso como factor crítico de éxito de una aplicación

ACCIONES

ANDROID

Menú de acciones arriba a la derecha

Si hay más acciones se despliegan en popup

Menú contextual en tap’n’hold

iOS y Windows Phone

Menú de acciones abajo

Si hay más acciones se despliegan desde abajo

Windows Phone presenta menú contextual en tap’n’hold

Page 33: Experiencia de uso como factor crítico de éxito de una aplicación

ACCIONES

ANDROID

Menú de acciones arriba a la derecha

Si hay más acciones se despliegan en popup

Menú contextual en tap’n’hold

iOS y Windows Phone

Menú de acciones abajo

Si hay más acciones se despliegan desde abajo

Windows Phone presenta menú contextual en tap’n’hold

Page 34: Experiencia de uso como factor crítico de éxito de una aplicación

ACCIONES

ANDROID

Menú de acciones arriba a la derecha

Si hay más acciones se despliegan en popup

Menú contextual en tap’n’hold

iOS y Windows Phone

Menú de acciones abajo

Si hay más acciones se despliegan desde abajo

Windows Phone presenta menú contextual en tap’n’hold

Page 35: Experiencia de uso como factor crítico de éxito de una aplicación
Page 36: Experiencia de uso como factor crítico de éxito de una aplicación

APLICACIONES E INTERFACES DEDICADAS PARA

CADA ESCENARIO Y DISPOSITIVO

la recomendación desde UX es…

Page 37: Experiencia de uso como factor crítico de éxito de una aplicación
Page 38: Experiencia de uso como factor crítico de éxito de una aplicación
Page 39: Experiencia de uso como factor crítico de éxito de una aplicación
Page 40: Experiencia de uso como factor crítico de éxito de una aplicación
Page 41: Experiencia de uso como factor crítico de éxito de una aplicación
Page 42: Experiencia de uso como factor crítico de éxito de una aplicación
Page 43: Experiencia de uso como factor crítico de éxito de una aplicación
Page 44: Experiencia de uso como factor crítico de éxito de una aplicación
Page 45: Experiencia de uso como factor crítico de éxito de una aplicación

APLICACIONES

TABLET

APLICACIONES

MÓVIL

ENTORNOS

DESKTOP

Page 46: Experiencia de uso como factor crítico de éxito de una aplicación

LOS PROPIOS SISTEMAS ‘MONOPOLIZAN’ CIERTAS

INTERACCIONES POR SU PROPIO FUNCIONAMIENTO

pasa +/- lo mismo que en móvil, pero además…

. NAVEGACIÓN Y SISTEMA DE ACCIONES

. COMPLEMENTOS

Page 47: Experiencia de uso como factor crítico de éxito de una aplicación
Page 48: Experiencia de uso como factor crítico de éxito de una aplicación
Page 49: Experiencia de uso como factor crítico de éxito de una aplicación
Page 50: Experiencia de uso como factor crítico de éxito de una aplicación
Page 51: Experiencia de uso como factor crítico de éxito de una aplicación
Page 52: Experiencia de uso como factor crítico de éxito de una aplicación

DISEÑO VISUAL

Page 53: Experiencia de uso como factor crítico de éxito de una aplicación

. MOSTRAR MÁS O MENOS INFORMACIÓN

. ADECUAR EL DISEÑO DE CADA PARTE

. CAMBIAR LA INTERACCIÓN DE LA APLICACIÓN

adaptar el diseño para el tamaño disponible…

Page 54: Experiencia de uso como factor crítico de éxito de una aplicación
Page 55: Experiencia de uso como factor crítico de éxito de una aplicación
Page 56: Experiencia de uso como factor crítico de éxito de una aplicación

. REUBICAR BLOQUES UNO DEBAJO DE OTRO

. MOVER DATOS ENTRE BLOQUES

. LOS BLOQUES SE HACEN GRANDES O PEQUEÑOS

reorganizar la información dentro del espacio

Page 57: Experiencia de uso como factor crítico de éxito de una aplicación
Page 58: Experiencia de uso como factor crítico de éxito de una aplicación
Page 59: Experiencia de uso como factor crítico de éxito de una aplicación

. QUE EL DISEÑO DE LA APLICACIÓN SEA ATRACTIVO

. ESTABLECER UNA IDENTIDAD VISUAL

. DISEÑAR LA INFORMACIÓN PARA QUE SEA FÁCIL DE ANALIZAR

el diseño visual condiciona el uso. Es clave…

Page 60: Experiencia de uso como factor crítico de éxito de una aplicación

Modern UI

Page 61: Experiencia de uso como factor crítico de éxito de una aplicación
Page 62: Experiencia de uso como factor crítico de éxito de una aplicación

. DISEÑAR LA INFORMACIÓN PARA QUE SEA FÁCIL DE LEER Y ANALIZAR

. ESCOGER UN DISEÑO QUE FAVOREZCA LA INTERACCIÓN

el diseño visual condiciona el uso. Es clave…

número de facturas

pagadas a N díascalidad de la deuda Indicadores (momento

actual y evolución)

Page 63: Experiencia de uso como factor crítico de éxito de una aplicación

PERSONALIZACIÓN

Page 64: Experiencia de uso como factor crítico de éxito de una aplicación

. ESCOGER QUÉ INFORMACIÓN VER EN CADA ESPACIO

. CREAR Y COMPARTIR BLOQUES NUEVOS (STORE)

. ESCOGER ASPECTO VISUAL (COLOR, ESTILO, …)

poder configurar visualmente la aplicación

Page 65: Experiencia de uso como factor crítico de éxito de una aplicación
Page 66: Experiencia de uso como factor crítico de éxito de una aplicación
Page 67: Experiencia de uso como factor crítico de éxito de una aplicación
Page 68: Experiencia de uso como factor crítico de éxito de una aplicación
Page 69: Experiencia de uso como factor crítico de éxito de una aplicación

so… any questions?

Page 70: Experiencia de uso como factor crítico de éxito de una aplicación