User Experience | R3D2
Over the last 10 years, AVNTK and its partners have launched more than 15 mobile applications and platforms for both the private and government sector. The venture technology firm is active in Europe and the Americas that specializes in science and technology R&D primarily for the aerospace, defense, IT and electronics industries. While working at the company, my role as a project leader was to guide the re-design process for the interface of 6 applications. Here is the story of one of them, R3D2.
Durante los últimos 10 años, AVNTK y sus socios han lanzado más de 15 aplicaciones y plataformas móviles tanto para el sector privado como para el gobierno. La empresa de tecnología de riesgo opera en Europa y América y se especializa en I + D de ciencia y tecnología principalmente para las industrias aeroespacial, de defensa, informática y electrónica. Mientras trabajaba en la empresa, mi función como líder de proyecto fue guiar el proceso de rediseño de la interface de 6 aplicaciones. Aquí está la historia de uno de ellos, R3D2.
PROJECT
PROYECTO
OBJECTIVE
OBJETIVO
R3D2
The main objective was to make the R3D2 mobile app the central platform of the project over the webpage. Attract new users that can easily have a 3D model in their smartphones simplifying the learning process of usability.
El objetivo principal era hacer de la aplicación móvil R3D2 la plataforma central del proyecto sobre la página web. Atraer nuevos usuarios que puedan tener fácilmente un modelo 3D en sus smartphones simplificando el proceso de aprendizaje de usabilidad.
MY ROLE
MI PAPEL
Project Leader responsible for the redesign, user research, ideation, interaction design and prototype for a 3D model reconstruction multiplatform.
Líder de proyecto responsable del rediseño, investigación de usuario, ideación, diseño de interacción y prototipado para una multiplataforma de reconstrucción de modelos 3D.
BORN FROM A DIFFERENT TECHNOLOGY
NACIDO DE UNA TECNOLOGÍA DIFERENTE
R3D2 comes from the acronym “Reconstruction 3D 2.0”, an online platform with a mobile app that allows you to create a 3D model reconstruction from pictures that you take with your camera that is also compatible with most of the 3D modelators in the market. Shaped with Point Cloud Technology, the early beginnings of the project came from another background: thermal-infrared vision. This technology was primarily used in Breast Cancer and Diabetic Foot diagnosis.
R3D2 proviene del acrónimo “Reconstruction 3D 2.0”, una plataforma online con aplicación móvil que te permite crear una reconstrucción 3D a partir de fotografías que tomas con tu cámara que también es compatible con la mayoría de los modeladores 3D del mercado. Diseñado con tecnología de nube de puntos, los inicios del proyecto provienen de otro contexto: la visión térmica-infrarroja. Esta tecnología fue primordialmente utilizada en el diagnóstico de cáncer de mama y pie diabético.
EARLY STAGES
PRIMERAS FASES
The multiple applications of this technology led to a new product for the market, but where to begin?. In its first version, the application was focused on specialized users from the field, engineers, designers and developers that wanted to save time modeling products or objects with high-quality results. The technology was working with favorable results, but users needed training and an online help manual to get the most of the program.
Las múltiples aplicaciones de esta tecnología condujeron a un nuevo producto para el mercado, pero ¿por dónde empezar?. En su primera versión, la aplicación estaba enfocada a usuarios especializados del campo, ingenieros, diseñadores y desarrolladores que querían ahorrar tiempo modelando productos u objetos con resultados de alta calidad. La tecnología funcionaba con resultados favorables, pero los usuarios necesitaban capacitación y un manual de ayuda online para aprovechar al máximo el programa.
HOW DOES IT WORK?
¿CÓMO FUNCIONA?
The process began with a specific way of taking pictures (very technical) around an object or person, either with a camera or with your smartphone. Then you had to log in to the online platform to upload your pictures to the cloud, select the best ones, choose the specifications of the model, send the project and wait until the server resends your file. To edit the model, you had to open the file in a 3D modeling program, otherwise, you could download it to your mobile app just to see it.
El proceso comenzaba con una forma específica de tomar fotografías (muy técnica) alrededor de un objeto o persona, ya sea con una cámara o con tu smartphone. Luego tenías que iniciar sesión en la plataforma online para subir tus imágenes a la nube, seleccionar las mejores, elegir las especificaciones del modelo, enviar el proyecto y esperar hasta que el servidor re-envíe tu archivo. Para editar el modelo, tenías que abrir el archivo en un programa de modelado 3D, de lo contrario, podías descargarlo en tu aplicación móvil solo para verlo.
USABILITY IMPROVEMENTS
MEJORAS DE USABILIDAD
The main objective was to make the R3D2 mobile app the central platform of the project so we could attract new users that can easily have a 3D model in their smartphones. After several testing processes of the app with users, these were the principal improvements. First, the logging page disappeared once you logged in for the first time, this forced the mobile app to be more accessible and to have more relevance over the webpage.
El objetivo principal era hacer la aplicación móvil R3D2 la plataforma central del proyecto para poder atraer a nuevos usuarios que puedan tener fácilmente un modelo 3D en sus smartphones. Después de varios procesos de pruebas de la aplicación con los usuarios, estas fueron las principales mejoras. Primero, la página de inicio de sesión desapareció una vez que hayas iniciado sesión por primera vez, esto obligó a la aplicación móvil a ser más accesible y tener más relevancia sobre la página web.
Immediately the “New Project” window pop-out in the mobile app. After research we understood that usually, people start a new project instead of reviewing old models, users move directly to 3D modeling programs to manage their files.
Inmediatamente la ventana "Nuevo proyecto" emerge en la app. Después de investigar, comprendimos que, por lo general, las personas inician un nuevo proyecto en lugar de revisar modelos antiguos, los usuarios se mueven directamente a los programas de modelado 3D para gestionar sus archivos.
The photo acquisition focused on the smartphone camera but you can also upload them from other devices, the selection of photos is mainly for the app because it helps you to choose the best ones through AI. Video acquisition was added.
La adquisición de fotos se centró en la cámara del smartphone pero también puedes subirlas desde otros dispositivos, la selección de fotos es principalmente para la aplicación porque te ayuda a elegir las mejores a través de IA. Se agregó la adquisición de video.
Once you upload the project to the cloud, the app automatically starts to process the 3D model without having to enter the webpage; once the model is done, it appears in the app to review it and modify parameters or send it.
Una vez que subes el proyecto a la nube, la app automáticamente comienza a procesar el modelo 3D sin tener que ingresar a la página web; una vez terminado el modelo, aparece en la app para revisarlo y modificar parámetros o enviarlo.
STRATEGIC DESIGN & ENGINEERING
DISEÑO ESTRATÉGICO & INGENIERÍA
The Photo Acquisition Process was the main responsible for a good Point Cloud Surface in order to have an optimal 3D model, so the way of taking pictures had to be easier in a situation where illumination cannot be controlled, you are under vibration, with partial or temporary occlusions, etc. A substantial amount of processing was necessary and the introduction to Video Acquisition solved the majority of those problems.
El Proceso de Adquisición de Fotografías fue el principal responsable de una buena Superficie de Nube de Puntos para tener un modelo 3D óptimo, por lo que la forma de tomar fotografías tenía que ser más fácil en una situación donde la iluminación no se puede controlar, estás bajo vibración, con oclusiones parciales o temporales, etc. Era necesaria una cantidad sustancial de procesamiento y la introducción a la Adquisición de Vídeo resolvió la mayoría de esos problemas.
We also observed critical issues related to the API, if you took a few pictures, some parts of the object were hidden and the server could not process the file, showing an error window. For this issue, the engineering team developed an algorithm that allowed the program to fill unseen parts of the model as best as it could.
También observamos problemas críticos relacionados con la API, si tomaba pocas fotos, algunas partes del objeto quedaban ocultas y el servidor no podía procesar el archivo, mostrando una ventana de error. Para este problema, el equipo de ingeniería desarrolló un algoritmo que permitió al programa rellenar partes invisibles del modelo de la mejor manera posible.
3D RECONSTRUCTION IN YOUR HANDS
RECONSTRUCCIÓN 3D EN TUS MANOS
The app received both positive and negative feedback since the redesign of the platform, nevertheless, iterating in the test process and pivoting would lead to a new version with more improvements. Users have responded well to the new app’s features and the minimalistic design of the 1.1.2 version. The impact of these improvements were reflected in more than 81k downloads, more than 52,000 users and 73% of them are active users in the mobile app.
La aplicación recibió comentarios tanto positivos como negativos desde el rediseño de la plataforma, sin embargo, la iteración en el proceso de prueba y el pivotaje conduciría a una nueva versión con más mejoras. Los usuarios han respondido bien a las nuevas funcionalidades de la aplicación y al diseño minimalista de la versión 1.1.2. El impacto de estas mejoras se reflejó en más de 81 mil descargas, más de 52 mil usuarios y el 73% de ellos son usuarios activos en la aplicación móvil.
To comply with my confidential agreement, I have omitted and obfuscated confidential information in this case study. All information in this project is my own and does not necessarily reflect the views of the company.
Para cumplir con mi acuerdo de confidencialidad, he omitido y ocultado información confidencial en este caso de estudio. Toda la información de este proyecto es mía y no refleja necesariamente las opiniones de la empresa.