Diseño UX/UI

  1. Home
  2. »
  3. Proyecto Modulo cambio de contraseña

Módulo cambio de contraseña

Descripción

BrumBee es una plataforma que ya cuenta con un sistema de diseño consolidado, incluyendo guía de estilo y componentes UI. Este proyecto se centró en el diseño y documentación de un módulo de renovación y cambio de contraseña, cuyo objetivo principal es reforzar la seguridad en el inicio de sesión mediante la creación de contraseñas seguras y claras para el usuario final.

¿Para quién es?

  • Usuarios finales de BrumBee → contadores y startups que acceden diariamente a los productos de la suite.
  • Stakeholders y equipo de desarrollo → que requieren una interfaz clara, escalable y alineada con el sistema de diseño.

Función del módulo de cambio de contraseña

  • Permitir la renovación y cambio de contraseña de forma segura.

  • Validar en tiempo real los requisitos de seguridad de la contraseña.

  • Proporcionar feedback inmediato mediante estados y mensajes claros.

  • Mantener consistencia visual y funcional con el design system de BrumBee.

Proceso de diseño

1. Empatizar

Se analizó el flujo de inicio de sesión y los posibles puntos de fricción al momento de cambiar o renovar una contraseña. Se identificó la necesidad de:

  • Guiar al usuario de forma clara durante el proceso.

  • Reducir errores al crear contraseñas.

  • Comunicar los requisitos de seguridad sin generar confusión o frustración.

2. Definir

Se estableció como problema principal:

¿Cómo ayudar al usuario a crear una contraseña segura de manera clara y sencilla, sin afectar la experiencia de uso?

A partir de esto, se definieron los requisitos del módulo, incluyendo:

  • Lista visible de criterios de seguridad.

  • Retroalimentación inmediata durante la creación de la contraseña.

  • Consistencia visual y funcional con el sistema de diseño de BrumBee.

3. Idear

Se exploraron distintas soluciones visuales y de interacción que permitieran:

  • Mostrar los requisitos de la contraseña de forma comprensible.

  • Reforzar la percepción de seguridad y confianza.

  • Mantener una experiencia fluida dentro del flujo existente de la plataforma.

Esta etapa incluyó la creación de un moodboard para definir el enfoque visual y de experiencia, respetando la identidad de la marca.

4. Prototipar

El proceso de prototipado se desarrolló en varias fases:

  • Wireframes para definir la estructura y jerarquía de la información.

  • Ajustes basados en usabilidad y claridad del flujo.

  • Desarrollo de un prototipo de alta fidelidad interactivo, utilizando los componentes existentes del sistema de diseño.

5. Documentar

Además del diseño visual, se realizó la documentación completa del módulo, detallando:

  • Flujos de usuario.

  • Comportamiento de los componentes.

  • Estados, validaciones y mensajes.

  • Reglas de uso para asegurar consistencia en futuras implementaciones.

Historia de usuario

Como usuario de la plataforma BrumBee, quiero poder cambiar o renovar mi contraseña de manera clara y guiada, para asegurar el acceso a mi cuenta sin errores ni frustración.

Objetivos

  • Mejorar la experiencia del usuario en un flujo crítico de autenticación.

  • Reducir errores y reintentos durante la creación de contraseñas.

  • Comunicar los criterios de seguridad de manera clara y accesible.

  • Facilitar la implementación y escalabilidad mediante documentación UX/UI.

Volver