experiencia de uso como factor crítico de éxito de una aplicación
TRANSCRIPT
![Page 1: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/2.jpg)
USER EXPERIENCE
![Page 3: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/9.jpg)
SIMPLICIDAD E INTERACCIÓN
![Page 10: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/13.jpg)
APLICACIONES
TABLET
APLICACIONES
MÓVIL
ENTORNOS
DESKTOP
![Page 14: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/14.jpg)
APLICACIONES
TABLET
APLICACIONES
MÓVIL
ENTORNOS
DESKTOP
![Page 15: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/16.jpg)
![Page 17: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/17.jpg)
navigation
pane
![Page 18: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/18.jpg)
![Page 19: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/19.jpg)
![Page 20: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/20.jpg)
![Page 21: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/21.jpg)
![Page 22: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/22.jpg)
APLICACIONES
TABLET
APLICACIONES
MÓVIL
ENTORNOS
DESKTOP
![Page 23: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/23.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/25.jpg)
![Page 26: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/26.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/27.jpg)
![Page 28: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/28.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/29.jpg)
![Page 30: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/30.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/31.jpg)
![Page 32: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/32.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/33.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/34.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/35.jpg)
![Page 36: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/36.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/37.jpg)
![Page 38: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/38.jpg)
![Page 39: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/39.jpg)
![Page 40: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/40.jpg)
![Page 41: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/41.jpg)
![Page 42: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/42.jpg)
![Page 43: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/43.jpg)
![Page 44: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/44.jpg)
![Page 45: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/45.jpg)
APLICACIONES
TABLET
APLICACIONES
MÓVIL
ENTORNOS
DESKTOP
![Page 46: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/46.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/47.jpg)
![Page 48: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/48.jpg)
![Page 49: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/49.jpg)
![Page 50: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/50.jpg)
![Page 51: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/51.jpg)
![Page 52: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/52.jpg)
DISEÑO VISUAL
![Page 53: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/53.jpg)
. 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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/54.jpg)
![Page 55: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/55.jpg)
![Page 56: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/56.jpg)
. 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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/57.jpg)
![Page 58: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/58.jpg)
![Page 59: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/59.jpg)
. 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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/60.jpg)
Modern UI
![Page 61: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/61.jpg)
![Page 62: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/62.jpg)
. 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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/63.jpg)
PERSONALIZACIÓN
![Page 64: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/64.jpg)
. 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](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/65.jpg)
![Page 66: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/66.jpg)
![Page 67: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/67.jpg)
![Page 68: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/68.jpg)
![Page 69: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/69.jpg)
so… any questions?
![Page 70: Experiencia de uso como factor crítico de éxito de una aplicación](https://reader034.vdocuments.co/reader034/viewer/2022052217/557abdb2d8b42a642f8b4bb7/html5/thumbnails/70.jpg)