Solución Reto
UX DESIGNER SENIOR
Evaluación Heurística Propuesta de Valor Prototipo Interactivo
Proyecto Propio Estudio y Artefacto Diagrama de Flujo
4. Proyecto Propio
PREMISA
Compártenos una muestra del proyecto del que más orgullo sientes :) y cuéntanos cuál fue su
metodología de inicio a fin
CONTEXTO
Este es el último proyecto UX/UI en el que estuve liderando como diseñadora, el cual tuvo gran acogida por parte de los
usuarios y los resultados superaron las expectativas de los stakeholders y sponsors del producto digital.
Es un producto del me siento orgullosa porque se pudo crear un MVP ideal, eficaz, coherente e íntegro cumpliendo con
todas las etapas que puede tener un proceso de diseño; creamos una interfaz maravillosa, estructurada con esfuerzo,
dedicación y amor.
Fuimos un equipo multidisciplinario en el que participaron roles tales como: P.O, LIDER DE PROYECTOS, DISEÑADORA UX, LÍDER
EN DISEÑO UX/UI, ARQUITECTO DE INFORMACIÓN.
DESARROLLO
PORTAL IT LATAM
Un portal creado por todos
y para todos...
Metodología Doble diamante
Descubrir
Definir Prototipar Entregar Testear
Problema INVESTIGACIÓN DISEÑO
Solución
VALIDAR
Di t e Di t e
ve en ve en
rg rg rg rg
en e en e
te nv te nv
Co Co
Analizar
Empatizar Ideación Implementación Iteración
Analizar
Contexto Problema Objetivo
El Portal IT LATAM es una pltaforma Actualmente el Portal IT LATAM es un Rediseñar el Portal IT LATAM a partir de
manejada a través del Software JIRA espacio que carece de intuitividad y una estrategia íntegra que pueda
cuyo objetivo principal es servir como óptima navegabilidad, lo que ha identificar las necesidades y carencias
un canal de autogestión de solicitudes traído consecuencias desfavorables del usuario transformándolas en
y tickets para trabajadores y para el usuario y declive de oportunidades de mejora, creando un
colaboradores (internos y externos)
productividad en las operaciones espacio de experiencias positivas,
de LATAM. internas del equipo de TI. intuitivas y eficaces.
Empatizar
La investigación en números:
12 20 +12
180
USUARIOS PARTICIPARON
EN SESIONES DE CO-CREACIÓN
Mesas de trabajo Stake Holders participaron
en sesiones de cocreación
Horas de cocreación
+50 8 +100
Insights detectados Países participantes Horas de trabajo
interno y consolidación
2. Journey Map
Este Journey fue la herramienta estrella que permitió la relación directa con el usuario para reconocer los diferentes puntos de dolor y
frustraciones que estos tenían en cada parte del proceso de generación de tickets, aportando hallazgos importantes para la posterior
creación de la interfaz.
Journey completo
Pantallas Ingreso Home Jira Portal de atención IT
Objetivos Ingresar a Solicitudes Elegir categoría de Elegir formulario
Por el corporativo LATAM Por Portal atención IT Visualizar los portales Jira Frecuentes formulario
Pensamientos
Gráfica de
emociones
Puntos dolor
Futuro
Oportunidades
MVP
Convenciones
Arquetipos
Usuario Hispano Usuario No Hispano
Género Edad País Género Edad País
28 - 60 28 - 60
años años
Se considera usuario hispano quien trabaja en Latam y habla la Se considera usuario no hispano quien trabaja en Latam y habla
lengua española ej: chilenos, peruanos, españoles etc. idioma diferente al español, ej: brasileños y americanos.
Necesidades Oportunidades Necesidades Oportunidades
Traductor del idioma según paí Generar un acceso directo en el
Lenguaje amigable y clar Lenguaje amigable y clar
Acceso fácil e intuitivo para cambiar menú superior del portal para
Organización de lo más usado en el Organización de lo más usado en el
el idioma cambiar idioma a través de icono
perfi perfi
Lenguaje claro, amigable y no Para el lenguaje incorporar AI que
Filtro de búsqueda intuitivo Filtro de búsqueda intuitivo
técnico interprete los sinónimos según
referencial referencial
Una Guía de acceso rápido con el cultura e idioma del usuario
Una Guía o manual de acceso rápido Una Guía o manual de acceso rápido
paso a paso en la creación de Tener visualización del estado del
para crear solicitudes o tickets para crear solicitudes o tickets
solicitudes tickets y su ticket, la prioridad de la solicitud, su
Formularios mas simples, con menos Formularios mas simples, con menos
requerimientos posición en la fila y cuánto tiempo
campos y con términos amigable campos y con términos amigable
Poder editar mi perfil y ordenar el les llevará resolverlo
Conocimiento del SLA de sus tickets Conocimiento del SLA de sus tickets
contenido de preferencia Tener opciones de editar y ordenar
Mejor organización en los estado n su perfil, para que se refleje en la
Portal intuitivo para navega pagina principal del usuario.
Conocimiento del SLA de sus tickets
Usuario Externo
Género País
Se considera usuario externo quien no esta contratado por
Latam pero si presta servicios a la compañía por terceros.
Edad
28 - 60 años
Necesidades Oportunidades
Acceso para generar tickets propios Generar accesos limitados para crear ticket o solicitudes según perfil del
Manual intuitivo y con lenguaje claro para navegar por el portal externo, para mayor seguridad
Tener una bienvenida al portal que los guíe en las diferentes secciones Tener apoyo de un manual o guía a los usuarios, chatbot , mas un
Conocimiento de los estados y SLA de sus solicitudes onboarding para los que ingresan por primera vez
Poder seleccionar al país de derivación de su tickets Tener visualización del estado del ticket, la prioridad de la solicitud, s
Conocer el estado y prioridad de su solicitud o tickets. posición en la fila y cuánto tiempo les llevará resolverlo.
Benchmarking
El objetivo de este benchmark es mapear oportunidades de mejora con base en las buenas prácticas de otros players del mercado. El sitio
del Portal autoservicio IT actualmente no ofrece una óptima experiencia de usuario, carece de heurística y línea gráfica corporativa acorde,
por lo tanto podría absorber buenas prácticas de mercado para mejorar su estructura.
Players analizados Frentes de análisis
Analizamos algunos aspectos que podrían generar
oportunidades para el Portal IT
Arquitectura de la informació
Navegabilida
Funcionalida
Look and Fee
Contenidos Discursivo
Mesa de ayud
Buscador
Conclusiones
Idear
Arquitectura
Wireframes (Media-alta)
Implementar
UI KIT
Latam Sans Cromática
ABCDFGHIJKLMNÑOPQRSTUVW Primarios
XYZ
abcdefghijklmnñopqrstuvwxyz
123456789!”#$%&/*()
Font Size: 32px/ 2rem (Line height: 40px)
#1B0088 #E8114B #313131 #FFFFFF
Heading 1
Secundarios
Font Size: 24px/ 1.5rem (Line height: 32px)
Heading 2
Font Size: 20px/ 1.25rem (Line height: 24px) #BEB1EE #C68496 #888888 #F2F0F8
Heading 3
Acentos
Font Size: 16px/ 1rem
Font Size: 12px/0.75rem Font Size: 10px/0.625rem
(Line height: 24px) (Line height: 16px) (Line height: 16px)
Paragraph Caption leable
Bold Bold Bold #FFFF33 #99CC33 #99127F #00B5AD
Paragraph Caption leable
Bold italic Bold italic
Bold italic
Paragraph Caption leable
Regular Regular
Regular
Componentes
Botones Toggle Check Box Tags
Selección Ejemplo 1
Primario Secundario ícono Desactivado
ON OFF Vacío Ejemplo 2
Inputs
Menu flotante
Categoría
Input vacío Input lleno Opción 1
Opción 2
Categoría
Input lista Input ícono
Correo
Categoría
Input error
Error 123456
Tabla Buscador
Columna
Columna 1 Columna 2 Columna 3
4
Ejemplo base Acento Etiqueta estado 1 Ejemplo
Ejemplo 1
Ejemplo base Acento Etiqueta estado 2 Ejemplo
Despliegue
Ejemplo 1
Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet Ejemplo 2
consectetur.
Iconos Manejo Fotográfico
Por Selección
defecto
PROTOTIPO
¡Muchas gracias!
