top of page

Caso "Profit"

 

Paso a paso de un diseño de producto 

Proceso

Objetivos UX Iniciales:

 

Transformando el
Entrenamiento Remoto

Nuestro punto de partida en este proyecto fue abordar un desafío crítico en el ámbito del entrenamiento remoto. Identificamos una problemática clave: mejorar la experiencia de atender a los clientes para aquellos que se dedican al entrenamiento remoto.


Este enfoque se centró en personas que entrenan desde casa, respondiendo a la creciente tendencia de 'Entrenar en casa'. Nuestro objetivo es simple pero poderoso: ayudar a estas personas a atender a más clientes de manera efectiva y, en consecuencia, aumentar sus ingresos.

Kick off

Explorando la Realidad:

 

Entendiendo la Vida Diaria de un Entrenador Remoto

Para diseñar soluciones efectivas, investigamos la rutina diaria de un entrenador remoto. Entrevistamos a un representante de este grupo, obteniendo una comprensión profunda de su experiencia laboral y sus desafíos. Además, nos centramos en la primera

semana de entrenamiento, identificando momentos cruciales en esta fase inicial. Estos hallazgos fundamentaron la creación de un user journey que destacó los aspectos positivos, negativos y neutros de la experiencia. Este conocimiento nos permite abordar con precisión las necesidades de los entrenadores remotos y sus clientes.

Validando Hipótesis y Descubriendo Puntos de Dolor:

 

Entrevistas Clave

Realizamos entrevistas fundamentales para confirmar nuestras hipótesis y descubrir los problemas más apremiantes en la prestación de servicios de entrenamiento remoto. Estas conversaciones proporcionaron una retroalimentación valiosa de

entrenadores y clientes, validando nuestras suposiciones y revelando desafíos no anticipados previamente. Este proceso nos equipó con información esencial para la mejora de la experiencia de usuario y la formulación de soluciones efectivas.

Sintetizando y Conectando con los Usuarios:

Mapa de Empatía

A partir de todos los datos recopilados, creamos un Mapa de Empatía que visualiza las emociones, necesidades y experiencias de los usuarios. Este mapa nos ayuda a mantener un vínculo profundo con los usuarios a lo largo del proceso de diseño, asegurando que nuestras soluciones sean auténticas y centradas en las necesidades reales.

Frame 135.png

Delineando Caminos Claros:

 

Los 6 Insights Principales

Luego de un análisis en profundidad, identificamos seis insights clave que revelan comportamientos y necesidades de los usuarios. Cada uno de estos insights se resume en una frase concisa y representa una guía fundamental para nuestras futuras acciones de diseño. Estos insights nos ayudarán a crear soluciones que se ajusten a las necesidades reales de los usuarios y marquen una diferencia significativa en su experiencia.

Frame 142.png

De Insights a Acciones:

 

Sesiones de Ideación

 
 

Transformamos nuestros insights en ideas concretas a través de sesiones de ideación basadas en preguntas clave. Cada pregunta se centró en cómo podríamos ayudar a los usuarios a satisfacer sus necesidades. Estas sesiones generaron soluciones creativas y motivaron al equipo a abordar los desafíos desde diversas perspectivas, permitiéndonos convertir las ideas en acciones prácticas y efectivas.

Priorizando Acciones Estratégicas:

Valor para el Negocio y el Usuario

Utilizamos votación y una matriz de Valor para el negocio y el Usuario para priorizar acciones clave. Buscamos un equilibrio entre lo que beneficia al negocio y lo que beneficia a los usuarios. Esto nos ayudó a tomar decisiones basadas en datos y a enfocarnos en las iniciativas que ofrecen el mayor impacto tanto para la empresa como para nuestros usuarios.

Frame 145.png

Esta estrategia de priorización nos guía hacia la implementación de soluciones que marcarán una diferencia real en la experiencia del usuario y en el éxito de nuestro negocio. Estamos listos para concentrar nuestros recursos en lo que realmente importa.

mvp_definition.png

De la Idea al Éxito:

Diseñando y Prototipando el MVP

Después de definir las características clave, nos sumergimos en el proceso de diseño y prototipado del Producto Mínimo Viable (MVP). Como diseñador, mi tarea principal es idear soluciones creativas y crear prototipos funcionales. El tiempo asignado es crucial, y buscamos simplificar cuando sea

posible. El objetivo es realizar pruebas de usuario lo antes posible para validar nuestras soluciones y realizar ajustes según sea necesario. Este enfoque ágil nos permite iterar y refinar constantemente, asegurando un producto exitoso y centrado en el usuario.

prototipado.png

Trayectoria Clara:

 

Creando el Roadmap del Producto

Una vez definidas las características clave y diseñado el MVP, avanzamos hacia la creación del roadmap del producto. Este plan estratégico establece prioridades y fechas clave para la evolución futura del producto. El roadmap alinea al equipo y a las partes interesadas en torno a objetivos a largo plazo y proporciona una visión clara del camino que seguiremos. Nos permite comunicar efectivamente nuestra dirección y asegurar que nuestras acciones estén alineadas con la visión a largo plazo del producto.

Arquetipo:

Borrador para Edison "el motivador"

El primer paso para el diseño de la interfaz de usuario fue definir el arquetipo del usuario. Para ello, utilicé la información que tenía disponible sobre los usuarios del sistema, que incluía sus objetivos, motivaciones y necesidades.

El arquetipo que definimos fue Edison, un usuario motivador, orientado a los resultados. Edison es un emprendedor que busca una herramienta que le ayude a gestionar su negocio de forma eficiente. Es un usuario activo y participativo, que está dispuesto a dar feedback sobre el producto.

La definición del arquetipo del usuario fue fundamental para el diseño de la interfaz de usuario. Nos ayudó a comprender las necesidades y expectativas de los usuarios, y a crear un diseño que fuera útil y atractivo para ellos.

Basic information.png

Una vez que tuve claro el perfil del usuario, realicé una serie de bocetos rápidos para validar el diseño del dashboard.

Para ello, contacté con algunos usuarios con los que aún estaba en contacto y les pedí que analizaran los bocetos. La retroalimentación que recibí fue muy valiosa, ya que me ayudó a identificar los puntos fuertes y débiles del diseño.

Ver fotos recientes.png

Sitemap:

 

Validación del sitemap

El siguiente paso fue realizar un sitemap para el sistema de gestión de entrenamiento. Este sitemap fue validado con un tree testing en el que los usuarios tenían la tarea de crear un nuevo programa de entrenamiento.

Captura de pantalla 2023-11-02 193715.png

Resultados

De los 9 usuarios que participaron en el testing, 2 buscaron solucionar la tarea en la sección "Mi perfil" en lugar de la sección "Programas de entrenamiento". Esto indica que el nombre de la sección "Mi perfil" puede ser confuso para algunos usuarios.

Acciones

En base a estos resultados, se decidió editar el nombre de la sección "Mi perfil" por "Mi cuenta". Este nuevo nombre es más específico y hace que quede claro que la sección está relacionada con la información de la cuenta del usuario, no con su perfil profesional.

image.png

Otros testing

Además del testing para crear un nuevo programa de entrenamiento, se realizaron otros dos testing con las siguientes tareas:

  • Chatear con cliente

  • Cambiar el correo y la contraseña de ingreso

En el testing para chatear con un cliente, 1 usuario cometió un error. Este error se debió a que el usuario no encontró el botón de chat en la sección "Programas de entrenamiento".

Conclusión

Teniendo en cuenta los resultados de todos los testing, se considera que la estructura del sitemap es adecuada. Sin embargo, se realizará un testing con el prototipo de alta fidelidad para confirmar que el usuario que cometió un error en el testing de chatear con un cliente pueda completar la tarea correctamente.

Benchmark:

Análisis de la competencia

El siguiente paso fue realizar un análisis de la competencia para descubrir qué productos tienen características similares a Profit.

Competencia directa

El análisis se centró en los siguientes productos de la competencia directa:

  • Trainingpeaks

  • Trainerize

  • PTminder

  • Everfit

Competencia indirecta destacada

También se analizaron los siguientes productos de la competencia indirecta destacada:

  • Myfitnesspal

  • Mypthub

Captura de pantalla 2023-11-02 212623.png

Conclusiones

El análisis reveló que la competencia más fuerte que puede tener Profit es Trainerize. Ambos productos ofrecen características similares, como la creación de programas de entrenamiento, el seguimiento del progreso de los clientes y la comunicación con los clientes.

Sin embargo, Trainerize ofrece algunas características que Profit no tiene, como la posibilidad de personalizar toda la app con el branding del entrenador.

Acciones

En base a estos resultados, se decidió añadir la posibilidad de personalizar los colores de la app para que la marca del entrenador se apropie de todo el producto.

Comentarios adicionales

El análisis también reveló que uno de los puntos fuertes de Profit es la página de perfil pública del entrenador. Esta página es una herramienta útil para que los entrenadores promocionen sus servicios y atraigan nuevos clientes.

Wireframes:

 

Pruebas de usabilidad con prototipos

El siguiente paso fue realizar un análisis de la competencia para descubrir qué productos tienen características similares a Profit.

El siguiente paso fue construir prototipos de media fidelidad para validar el diseño de la interfaz de usuario. Los prototipos fueron probados con usuarios con las siguientes tareas:

  • En el dashboard, encuentra al usuario Paula

  • En la lista de ejercicios, duplica un ejercicio

  • En Mi página, comparte el link de tu perfil

image.png

Resultados

Los resultados de las pruebas fueron satisfactorios en general. Los usuarios pudieron completar las tareas de forma eficaz y eficiente. Sin embargo, se identificaron dos áreas de mejora:

  • Los tres puntos de menú: Un usuario se le dificultó encontrar las opciones que estaban escondidas en los tres puntos. Para mejorar esto, se recomienda que la página "Mi página" tenga un nombre que de a entender que es un perfil público, externo de la plataforma.

  • La opción "duplicar": Un usuario no pensaba que los tres puntos eran un botón. Para mejorar esto, se recomienda que la opción "duplicar" esté más a la vista, por ejemplo, como un icono o un botón con un texto descriptivo.

Captura de pantalla 2023-11-02 214600.png
Captura de pantalla 2023-11-02 215224.png

Acciones

En base a los resultados de las pruebas, se realizaron los siguientes cambios en el diseño de la interfaz de usuario:

  • Se cambió el nombre de la página "Mi página" a "Perfil público".

  • Se añadió un icono o un botón con un texto descriptivo a la opción "duplicar".

Conclusiones

Las pruebas de usabilidad con prototipos de media fidelidad fueron un paso importante en el desarrollo de Profit. Los resultados de las pruebas ayudaron a identificar áreas de mejora en el diseño de la interfaz de usuario, que se resolvieron antes de la creación del prototipo de alta fidelidad.

Branding:

 

El branding que necesita el negocio

Un branding definido es una herramienta valiosa para iniciar un buen trabajo de UI. Un buen branding proporciona una base sólida sobre la que construir una interfaz de usuario que sea coherente con la identidad de la marca.

Mi proceso de branding inicia con un análisis de la organización, su público objetivo y el entorno competitivo. Este análisis me ayuda a comprender los objetivos y las necesidades de la organización, y a desarrollar una estrategia de branding que sea eficaz.

Lejos de diseñar una marca basada en conceptos decorativos, el proyecto debe estar basado en una estrategia clara y definida que tenga en cuenta los objetivos y las necesidades de la organización.

Todos los elementos de la marca deben ser coherentes entre sí, tanto a nivel visual como conceptual.

La marca debe ser flexible para poder adaptarse a los cambios en el entorno y en la estrategia de la organización.

Gracias a este enfoque, mi trabajo ha sido reconocido en festivales de branding como la MEDALLA BRANDOR al mejor diseño de logotipo o marca. También he realizado ajustes y correcciones a marcas ya posicionadas.

Próximamente

 

UI:

 

Proceso de UI para Profit

El proceso de UI para Profit se basó en un enfoque centrado en el usuario, iterativo y colaborativo.

Análisis

El primer paso fue realizar un benchmark de productos similares en el mercado. Esto me permitió identificar patrones de diseño y componentes clave que podrían aplicarse a Profit.

 

Diseño

Una vez que se identificaron los requisitos, se creó un UI kit que definió el lenguaje visual del producto. Este kit incluyó la paleta de colores, las tipografías, el tratamiento fotográfico, la iconografía y los detalles iniciales del diseño de interacción.

 

Prototipado

El siguiente paso fue crear prototipos para probar el diseño y obtener feedback de los usuarios. Los prototipos se actualizaron constantemente con la información obtenida de las pruebas.

 

Implementación

Los prototipos probados se implementaron en el sistema final. Este proceso requirió la coordinación de los equipos de diseño, desarrollo y QA.

 

Resultados

El resultado de mis procesos de diseño han dado como resultado un producto útil, eficiente y agradable de usar y anteriormente han sido reconocidos en eventos de diseño como INDIGO Design Awards, Gold Winner in UX, Interface & Navigation

Próximamente

 

Marketing:

 

Imágenes, animaciones y video

Mi trabajo se centró en la creación de piezas de marketing para promocionar el producto. Estas piezas incluían un marketing site, contenido de redes sociales y material de souvenirs.

El marketing site fue diseñado para ser informativo y atractivo para el público objetivo, que son entrenadores remotos de Latinoamérica. El sitio web incluye información sobre las características del producto, testimonios de usuarios y una oferta de prueba gratuita.

 

El contenido de redes sociales fue creado para generar conciencia del producto y generar interés en la compra. El contenido incluía imágenes, vídeos y publicaciones de blog que destacaban las características y beneficios del producto.

Próximamente

 
symetry.png

¡Conoce el resultado de un largo proceso de UI para una app multiplataforma que ayuda a los beisbolistas a construir un brazo más fuerte y poderoso!

bottom of page