Atras

Realitymax_fondo_negro

Plataforma de colaboración de
diseño 3D en línea

Este proyecto es real y puedes explorarlo en este enlace

Rol

Diseñador UX / UI

Introducción

¿Qué es Realitymax?

Realitymax es una plataforma de colaboración de diseño 3D en línea que permite a los usuarios crear, editar y compartir escenas 3D en tiempo real.

El problema

Los usuarios no puede colaborar directamente en la plataforma, lo que dificultaba la comunicación y la iteración en los diseños 3D.

Consecuencias

Flujos de trabajo fragmentados, retrasos en la toma de decisiones y una experiencia de usuario poco eficiente.

Contexto

Realitymax es una herramienta SaaS para diseño colaborativo en 3D. Sin una función integrada de comentarios, los usuarios tenían que recurrir a canales externos, lo que afectaba la productividad.

Requisitos funcionales
  • Permitir añadir y responder a comentarios directamente en las escenas.
  • Ofrecer visibilidad del historial de comentarios.
  • Garantizar que la funcionalidad no interrumpa el flujo de trabajo de diseño.
Objetivo principal

Integrar una herramienta de comentarios en tiempo real que mejore la colaboración y mantenga la fluidez del trabajo.

Proceso de trabajo

Investigación

Benchmarks

Analizo plataformas como Figma, Spline y Vectary para entender cómo gestionan funcionalidades similares, como comentarios y colaboración en tiempo real. Identifico qué prácticas funcionan bien y cuáles podrían adaptarse a la plataforma de Realitymax.

Entrevistas y encuestas a usuarios

Hablo directamente con los usuarios actuales de Realitymax para comprender sus flujos de trabajo y necesidades. Pregunto cómo colaboran durante el diseño, qué desafíos enfrentan y qué esperan de una funcionalidad de comentarios.

Mapeo de necesidades

Con la información obtenida, defino los puntos clave a resolver:

  • Agilizar la comunicación sin interrumpir el flujo de trabajo.
  • Contextualizar los comentarios directamente en las escenas 3D.
  • Proveer un historial organizado de comentarios para facilitar la revisión.

Diseño

Wireframes de baja fidelidad

Empiezo con bocetos en escala de grises que me permiten explorar diferentes flujos de interacción. Esto me ayuda a identificar problemas de usabilidad desde el inicio y ajustarlos antes de pasar al diseño detallado

Prototipos de alta fidelidad

Utilizo Figma para crear prototipos interactivos que simulan cómo los usuarios añaden, responden y gestionan comentarios. Estos prototipos incluyen una barra lateral para comentarios, iconos («bubbles») en las escenas 3D y estados claros para todas las acciones.

Componentes específicos

Adapto y diseño nuevos componentes para integrar la funcionalidad de comentarios, asegurándome de que sean consistentes con el design system de Realitymax. Esto incluye botones, notificaciones y herramientas para gestionar el historial de comentarios.

Trabajo en equipo

Trabajo con el equipo de desarrollo

Me reúno regularmente con los desarrolladores para validar la viabilidad técnica del diseño. Juntos ajustamos detalles como el impacto de la funcionalidad en el rendimiento de las escenas y la integración de los elementos de comentarios.

Trabajo con otros equipos
  • Producto: Me aseguro de que las soluciones diseñadas estén alineadas con los objetivos comerciales de la plataforma.
  • QA y soporte: Colaboro con los equipos de calidad y soporte para definir casos de prueba y garantizar que la funcionalidad funcione correctamente en todos los escenarios.

Implementación

Ajustes finales

Ajusto elementos de la interfaz según el feedback recibido, como la ubicación de los «bubbles», el diseño de las notificaciones y la organización del historial de comentarios.

QA y validación técnica

Acompaño al equipo de QA en la etapa final para garantizar que la funcionalidad sea estable, escalable y esté lista para su lanzamiento.

Este proyecto es real y puedes explorarlo en este enlace este enlace