App Trii
App Trii
App Trii
Cambio de sistema de diseño
Cambio de sistema de diseño
Cambio de sistema de diseño
Descripción del proyecto
Trii es una plataforma de inversión en la bolsa de valores de Colombia y fondos de inversión colectiva.
Objetivo del proyecto
Mejorar la experiencia que tiene el usuario y rediseñar el sistema de diseño en mobil.
¿Quienes participan en el caso?
Cristian Tascon
1
Paso
Criterios de diseño
Crear una experiencia de usuario fluida, intuitiva y atractiva que satisfaga las necesidades de los usuarios y cumpla con los objetivos del negocio.
Tono de voz
Crear una comunicación clara, concisa y atractiva que conecte con el usuario y transmita la personalidad de la marca.
Arquitectura
de la información
La organización de la información dentro de una interfaz para que sea fácil de encontrar y usar.
2
Paso
Pautas y procesos
Marca
1
Paso
Accesibilidad
El diseño cumple ahora las pautas de accesibilidad haciéndole entender al usuario lo que hace y haciéndole sentir control en cada proceso que realice.
Pautas de escritura
Crear textos claros, concisos y atractivos que guíen al usuario y le ayuden a completar sus tareas.
Directrices de microcopias
Crear mensajes breves, claros y relevantes que guíen e informen al usuario en cada paso de su interacción con la interfaz.
Terminología
Cree los términos y frases estándar que deben mantenerse iguales durante toda la experiencia del usuario, acelerando el proceso de diseño y unificando su voz.
Internacionalización
Definir estándares para el manejo de contenidos traducidos a varios idiomas soportados por el producto. Incluye el manejo de casos extremos de traducción y bidireccionalidad de contenido.
2
Paso
Mapa de empatía
User persona
Arquitectura de la información
Pruebas de usabilidad
Flujo de usuarios
Prototipo de baja fidelidad
Pruebas de baja fidelidad
Prototipo de alta calidad
Resultados
Resultados esperados
Los resultados que tuvieron los usuarios al probar el prototipo comienza con la simplicidad de encontrar sus acciones al logearse en la app.
por otro lado el usuario mostró comodidad y rapidez al encontrar una empresa en la cual quería invertir con un a búsqueda rápida en el tipo de inversión que era “Financiero”.
la compra de la acción fue guiada por la propia interfaz guiando al usuario no entre pantallas si no en elección rápida como se suele hacer al comprar un producto de Apple pudiendo el usuario volver atrás sin volver a repetir el proceso de pasarela de pago.
a final lo que queríamos lograr es que el usuario pueda hacer las cosas mas simples sea alguien joven o un adulto mayor dandole todo el trabajo a través de heurísticas.
Métricas cualitativas:
Los 4 usuarios mostraron un nivel neutro durante su interacción con la aplicación. No se observaron expresiones faciales o lenguaje corporal que indicaran frustración, como fruncir el ceño, suspirar o movimientos bruscos.
Comentarios
Los usuarios completaron las tareas sin dificultad.
No se encontraron errores o dificultades significativas.
La interfaz de usuario fue considerada clara y fácil de usar.
Conclusiones
Las aplicaciones sociales no son lo mismo que una aplicación fintech, por lo tanto los usuarios que pertenecen a este nicho suelen hacer compras dentro de la app con determinado tiempo o solamente echar un ojo a como van sus activos.
1
Paso
Descripción del proyecto
Trii es una plataforma de inversión en la bolsa de valores de Colombia y fondos de inversión colectiva.
Objetivo del proyecto
Mejorar la experiencia que tiene el usuario y rediseñar el sistema de diseño en mobil.
¿Quienes participan en el caso?
Cristian Tascon
2
Paso
Criterios de diseño
Crear una experiencia de usuario fluida, intuitiva y atractiva que satisfaga las necesidades de los usuarios y cumpla con los objetivos del negocio.
Tono de voz
Crear una comunicación clara, concisa y atractiva que conecte con el usuario y transmita la personalidad de la marca.
3
Paso
Arquitectura de la información
La organización de la información dentro de una interfaz para que sea fácil de encontrar y usar.
Marca
1
Paso
Descripción del proyecto
Descripción del proyecto
Trii es una plataforma de inversión en la bolsa de valores de Colombia y fondos de inversión colectiva.
Trii es una plataforma de inversión en la bolsa de valores de Colombia y fondos de inversión colectiva.
Objetivo del proyecto
Objetivo del proyecto
Mejorar la experiencia que tiene el usuario y rediseñar el sistema de diseño en mobil.
Mejorar la experiencia que tiene el usuario y rediseñar el sistema de diseño en mobil.
¿Quienes participan en el caso?
¿Quienes participan en el caso?
Cristian Tascon
1
Paso
2
Paso
Criterios de diseño
Crear una experiencia de usuario fluida, intuitiva y atractiva que satisfaga las necesidades de los usuarios y cumpla con los objetivos del negocio.
Tono de voz
Crear una comunicación clara, concisa y atractiva que conecte con el usuario y transmita la personalidad de la marca.
Arquitectura de la información
La organización de la información dentro de una interfaz para que sea fácil de encontrar y usar.
2
Paso
2
Paso
Criterios de diseño
Crear una experiencia de usuario fluida, intuitiva y atractiva que satisfaga las necesidades de los usuarios y cumpla con los objetivos del negocio.
Tono de voz
Crear una comunicación clara, concisa y atractiva que conecte con el usuario y transmita la personalidad de la marca.
Arquitectura de la información
La organización de la información dentro de una interfaz para que sea fácil de encontrar y usar.
2
Paso
2
Paso
Criterios de diseño
Crear una experiencia de usuario fluida, intuitiva y atractiva que satisfaga las necesidades de los usuarios y cumpla con los objetivos del negocio.
Tono de voz
Crear una comunicación clara, concisa y atractiva que conecte con el usuario y transmita la personalidad de la marca.
Arquitectura
de la información
La organización de la información dentro de una interfaz para que sea fácil de encontrar y usar.
2
Paso
3
Paso
Arquitectura de la información
La organización de la información dentro de una interfaz para que sea fácil de encontrar y usar.
Pautas y procesos
1
Paso
Accesibilidad
El diseño cumple ahora las pautas de accesibilidad haciéndole entender al usuario lo que hace y haciéndole sentir control en cada proceso que realice.
Pautas de escritura
Crear textos claros, concisos y atractivos que guíen al usuario y le ayuden a completar sus tareas.
Directrices de microcopias
Crear mensajes breves, claros y relevantes que guíen e informen al usuario en cada paso de su interacción con la interfaz.
2
Paso
Terminología
Cree los términos y frases estándar que deben mantenerse iguales durante toda la experiencia del usuario, acelerando el proceso de diseño y unificando su voz.
Internacionalización
Definir estándares para el manejo de contenidos traducidos a varios idiomas soportados por el producto. Incluye el manejo de casos extremos de traducción y bidireccionalidad de contenido.
3
Paso
Mapa de empatía
User persona
Arquitectura de la información
Pruebas de usabilidad
Flujo de usuarios
Prototipo de baja fidelidad
Pruebas de baja fidelidad
Prototipo de alta calidad
Resultados
Resultados
Resultados esperados
Los resultados que tuvieron los usuarios al probar el prototipo comienza con la simplicidad de encontrar sus acciones al logearse en la app.
por otro lado el usuario mostró comodidad y rapidez al encontrar una empresa en la cual quería invertir con un a búsqueda rápida en el tipo de inversión que era “Financiero”.
la compra de la acción fue guiada por la propia interfaz guiando al usuario no entre pantallas si no en elección rápida como se suele hacer al comprar un producto de Apple pudiendo el usuario volver atrás sin volver a repetir el proceso de pasarela de pago.
a final lo que queríamos lograr es que el usuario pueda hacer las cosas mas simples sea alguien joven o un adulto mayor dandole todo el trabajo a través de heurísticas.
Métricas cualitativas:
Los 4 usuarios mostraron un nivel neutro durante su interacción con la aplicación. No se observaron expresiones faciales o lenguaje corporal que indicaran frustración, como fruncir el ceño, suspirar o movimientos bruscos.
Comentarios
Los usuarios completaron las tareas sin dificultad.
No se encontraron errores o dificultades significativas.
La interfaz de usuario fue considerada clara y fácil de usar.
Conclusiones
Las aplicaciones sociales no son lo mismo que una aplicación fintech, por lo tanto los usuarios que pertenecen a este nicho suelen hacer compras dentro de la app con determinado tiempo o solamente echar un ojo a como van sus activos.
Todo a la mano
Todo a la mano
El usuario puede ver todos los tipos de inversión que puede realizar dentro de Trii.
El usuario puede ver todos los tipos de inversión que puede realizar dentro de Trii.
Invertir
Invertir
Esto le permite al usuario identificar
y donde dirigirse al momento de invertir
Esto le permite al usuario identificar
y donde dirigirse al momento de invertir
Rediseño de contenido
Rediseño de contenido
Rediseño de contenido
Rediseño de elementos mejor distribuidos siguiendo el sistema de diseño de bordes en los botones.
Rediseño de elementos mejor distribuidos siguiendo el sistema de diseño de bordes en los botones.
Diseño anterior
La jerarquía del contenido se distribuyo mejorándolo a la vista del usuario.
La jerarquía del contenido se distribuyo mejorándolo a la vista del usuario.
La jerarquía del contenido se distribuyo mejorándolo a la vista del usuario.
Noticias
Noticias
Las noticias son importantes a la hora de invertir, en esta sección se le informa al usuario las últimas noticias sobre el mercado.
Tendencias
Tendencias
Ahora el usuario puede ver las acciones que están en tendencias apartadas de las acciones normales.
Una comunidad
Una comunidad
Ahora Trii tiene una sección de comentarios para personas interesadas en las acciones del mercado.
Ahora Trii tiene una sección de comentarios para personas interesadas en las acciones del mercado.
Encuentra tus acciones mas rapido
Encuentra tus acciones mas rapido
Encuentra tus acciones mas rapido
Las acciones de tu interés serán más rápidas de buscar y observar información sin ni siquiera entrar en ellas.
Las acciones de tu interés serán más rápidas de buscar y observar información sin ni siquiera entrar en ellas.
Widgets responsive
Widgets responsive
Widgets responsive
Todo usuario podrá utilizar las herramientas sin importar si es desde una Web, Smartphone o un TV.
Todo usuario podrá utilizar las herramientas
sin importar si es desde una Web, Smartphone o un TV.
Todo usuario podrá utilizar las herramientas sin importar si es desde una Web, Smartphone o un TV.
¡Espero que te haya gustado!
¡Espero que te haya gustado!
Muchas gracias por ver mi contenido.
Muchas gracias por ver mi contenido.
Cristian Tascon
@uxui.cristiantascon