Rol
Tiempo
Herramientas
Resumen
Esta aplicación fue creada para ofrecer soluciones automotrices a mecánicos y otros profesionales de la industria automotriz. Está diseñada para vender cursos especializados en automoción a través de clases de microaprendizaje en vídeo corto en alta definición. La aplicación también tiene como objetivo ser un mercado donde los clientes puedan encontrar y comprar herramientas poderosas para el diagnóstico, la reparación electrónica y la cerrajería de automóviles. Además, la aplicación proporciona servicios postventa y soporte técnico exclusivo para ayudar con el inicio del equipo comprado o resolver cualquier problema que los clientes puedan tener. El objetivo de la aplicación es ser una tienda única para todas las necesidades de los mecánicos y profesionales de la industria automotriz, ofreciendo educación, herramientas y soporte para mejorar su trabajo y aumentar su eficiencia.
Problema Principal
Los mecánicos y profesionales de la industria automotriz a menudo enfrentan desafíos para mantenerse actualizados con las últimas técnicas, tecnologías y regulaciones en su campo. Esto puede llevar a una reducción en la eficiencia y, potencialmente, a problemas de seguridad. Las opciones de formación tradicionales, como seminarios presenciales o cursos en línea extensos, no siempre son convenientes o rentables.
Solución
Nuestra aplicación tiene como objetivo abordar este problema ofreciendo cursos de microaprendizaje que brindan a los mecánicos el conocimiento y las habilidades que necesitan para mantenerse actualizados en su profesión. A través de clases de video en alta definición que se pueden acceder en cualquier momento y en cualquier lugar, los mecánicos pueden aprender a su propio ritmo y según su propio horario. Además, nuestra aplicación ofrece una variedad de herramientas y equipos de diagnóstico, así como servicios postventa y soporte técnico, para ayudar a los mecánicos a tener éxito en su trabajo. Al proporcionar una solución integral para profesionales automotrices, nuestra aplicación tiene como objetivo mejorar la eficiencia, la seguridad y el éxito general en la industria.
Mi Contribución
Fui la diseñadora de productos de este proyecto. Identifiqué el problema, realicé investigación y pruebas de usuario, diseñé la interfaz de usuario (UI), la experiencia de usuario (UX) y facilité la entrega del diseño a los desarrolladores.
Objetivos & Meta
Objetivos:
- Proporcionar una solución conveniente y rentable para que los mecánicos y profesionales de la industria automotriz se mantengan actualizados con las últimas técnicas y tecnologías en su campo.
- Ofrecer una variedad de cursos de microaprendizaje, que cubran una amplia gama de temas, accesibles en cualquier momento y lugar.
- Proporcionar a los mecánicos las herramientas y equipos que necesitan para realizar su trabajo de manera efectiva.
- Ofrecer servicios postventa y soporte técnico para ayudar a los mecánicos a tener éxito en su trabajo.
Mi proceso de diseño
Contexto
La aplicación fue lanzada por primera vez en 2021 para usuarios de Android y recientemente se actualizó para iOs, agregando detalles básicos al diseño sin cambiar la arquitectura de la información y el flujo de usuario. Sin embargo, se planea actualizar la aplicación y su contenido para 2023 con los siguientes requisitos.
Stakeholder requirements:
Mejorar el diseño de la interfaz.
Análisis de la aplicación actual:
- Falta de jerarquía en la estructura de la información.
- Falsa realimentación, al mostrar secciones activas que aún no están disponibles.
- La navegación de la aplicación limita la flexibilidad y eficiencia de uso.
- Inconsistencias en el sistema de diseño.
- Diseño de interfaz sin alineación de rejilla.
- La proximidad de los botones genera errores de uso.
- Inconsistencias en la aplicación de los estilos de color.
Funciones de la aplicación (El usuario podrá):
- Acceder a cursos de capacitación.
- Enviar solicitudes de soporte técnico.
- Comprar productos.
- Gestionar su perfil de usuario.
Feedback importante
Se realizó una encuesta a 25 de nuestros clientes habituales para preguntar rápidamente qué agregar o eliminar de nuestra aplicación en función de su experiencia. El objetivo era descubrir posibles mejoras rápidas en mejoras simples que podrían ejecutarse rápidamente. Estas son algunas de las respuestas:
Experiencias positivas
El 26% de los usuarios informó tener una experiencia positiva con la aplicación, indicando que era fácil de usar y les ayudó a diagnosticar y solucionar problemas con los vehículos de manera eficiente.
Experiencias neutrales
El 34% de los usuarios informaron tener una experiencia neutral con la aplicación, diciendo que estaba bien, pero podría mejorar en ciertas áreas, como la jerarquía de la información y la consistencia del diseño.
Experiencias negativas
El 60% de los usuarios reportaron haber tenido una experiencia negativa con la aplicación, diciendo que era difícil de usar debido a la falta de clara indicación, diseño inconsistente y navegación confusa.
Stakeholder requirements:
Análisis de Competidores:
Se realizó un análisis de los competidores para determinar sus fortalezas y debilidades, y para guiar el desarrollo de la funcionalidad y organización de la información de la aplicación EAATA.
Benchmark
Xhorse App
Una vez que se profundiza en un servicio, es fácil volver atrás o incluso regresar a la página central.
Usuario objetivo
La aplicación será creada para personas interesadas en el sector automotriz, para mejorar sus habilidades a través de herramientas y conocimientos, y mantenerlos actualizados con las nuevas tecnologías automotrices. Los usuarios estarán en un rango de edad de aproximadamente 25 a 65 años.
96.4%
Hombres
Zippia estima la demografía y las estadísticas de los técnicos automotrices en Estados Unidos.
User Persona:
Se construyó una persona basada en los datos recopilados para ayudar a tomar decisiones y mantener el enfoque del producto en solucionar los puntos dolorosos, las frustraciones y los objetivos de los usuarios.
Mapa de Contenido:
Ahora crearemos el mapa de contenido, el cual proporciona una visión general del contenido que necesitamos en nuestra aplicación, para cubrir más información posteriormente, sirve como una hoja de ruta para crear y organizar contenido en un producto, y ayuda a garantizar que el producto final satisfaga las necesidades y expectativas del público objetivo.
User Flow:
Para el desarrollo del diagrama de flujo de usuario fue crucial entender la información proporcionada por la base de datos automatizada que se asociaría con la aplicación y cargaría los datos del usuario y los tipos de suscripción, así como agrupar los tipos de servicios según sus funciones.
Medium-Fidelity Prototype
El desarrollo de los wireframes se centró en la creación de marcos relacionados con los servicios de soporte técnico, servicios técnicos, hogar y la barra de asistencia.
A continuación se muestra un ejemplo de una representación visual de baja fidelidad del diseño y la funcionalidad de la aplicación. Muestra la estructura de la pantalla y la ubicación de elementos como texto, imágenes, botones, pop-ups, formularios, etc.
Página de inicio:
La página de inicio es uno de los cambios principales realizados, ya que propone:
✔ Barra superior con una búsqueda general e inmediata donde el usuario puede buscar el servicio que necesita. También tendrá acceso inmediato a notificaciones.
✔ Barra de navegación (inferior), que identifica al usuario y permite el acceso inmediato a su perfil. Esta barra funcionará de manera permanente para dar al usuario acceso inmediato y una mejor experiencia de navegación dentro de la aplicación.
✔ Un resumen que actualiza al usuario sobre los servicios, productos o equipos asociados en proceso.
✔ Menú de servicios, en esta sección el usuario, de acuerdo a sus necesidades, puede empezar a navegar en el servicio seleccionado.
La organización de las pantallas relacionadas con los cursos, el servicio de soporte técnico y las máquinas se centra en facilitar las acciones recurrentes de los usuarios y la navegación entre servicios, por esta razón se implementaron las siguientes acciones:
✔ La barra de navegación (inferior) se transforma para dar espacio al acceso a la página de inicio y al perfil en cualquiera de las pantallas de servicio, lo que permite flexibilidad de navegación y corrección de errores.
✔ Pestañas que permiten al usuario navegar entre los estados disponibles de los elementos (en este caso, cursos) sin tener que volver a la página de inicio. Esto se decide ya que el usuario en una sesión puede hacer uso de múltiples acciones, lo que permite libertad y control de navegación.
El aspecto mencionado anteriormente es consistente en el resto (servicios) de la aplicación, ya que ayuda a hacer que la aplicación sea más fácil de usar e intuitiva.
El cliente fue muy estricto con su identidad visual, ya que solicitó que solo se utilizara su paleta de colores azules en los diseños. Utilizando la regla 60-30-10, mi objetivo fue hacer que la aplicación fuera lo más simple posible, utilizando el color solo para resaltar las llamadas a la acción importantes en lugar de abrumar al usuario con demasiadas variables.
Solution | Hi-Fi Prototype:
EAATA App es una aplicación que hace que el proceso de diagnóstico y reparación de problemas en vehículos sea mucho más eficiente y efectivo al proporcionar cursos de microaprendizaje de alta calidad, herramientas de vanguardia y soporte experto a los técnicos de reparación automotriz. La aplicación simplifica el proceso de diagnóstico y ayuda a los técnicos a identificar problemas de manera rápida y precisa, lo que resulta en una mejor calidad de trabajo y un mejor servicio al cliente.
