CONTENIDOS

CASO DE ESTUDIO: DISEÑO DE APP

App Clínica Dental

Clínica dental especializada en implantes.

Resumen

Diseño de una App para consultar información sobre la empresa Bicon México, los servicios odontológicos que ofrece, precios, fichas de los dentistas profesionales y reservar citas dentales en las 2 sedes donde tiene consultorios para satisfacer la principal necesidad de los usuarios: tener la posibilidad que desde teléfono móvil pudiesen tener acceso rápido a la información detallada, gestión eficiente de sus citas dentales y contar con un perfil de usuario personalizado.

MI ROL

Diseñadora UI

AÑO

2020

KEY SKILLS

Diseño visual · Prototipado · User flow · Diseño de interacción · Jerarquía tipográfica · UI Kit

CLIENTE

Clínica dental Bicon

El problema

Los clientes se encontraban con una falta de información tanto del consultorio, como de los dentistas (sus horarios, disponibilidad y especialidades), además de tener dificultades al hacer citas, modificarlas o incluso re-programarlas. Esto generaba confusión y frustración entre los usuarios, lo cual ocasionaba una experiencia negativa. Necesitaban una App móvil capaz de poder mostrar información y sincronización de la gestión de citas en tiempo real.

User persona

La creación de un User Persona simple me ha ayudado a tener las necesidades y frustraciones principales de los usuarios presente. De la misma manera saber cuáles son sus motivaciones y comenzar a idear posibles soluciones en la interfaz visual de este proyecto. Ya que la empresa dental va dirigida a un público con nivel económico medio alto e incluso extranjero, diseñar este user persona me ha servido para incluir este aspecto tanto de rango de edad como datos demográficos.

Flujo de usuario

Establecer el flujo de usuario ha sido un paso esencial para entender las decisiones que toma el usuario y por ende la selección de pantallas principales a crear en este proyecto y anticipar posibles obstáculos y realizar ajustes en el diseño de la app. Este flujo no muestra de manera visual, las acciones que el usuario debe realizar para completar una tarea específica, en este caso, reservar una cita dental, lo que me ayudó para posteriormente crear una experiencia de usuario clara y coherente.

Wireframes de Baja Fidelidad

Los wireframes de baja fidelidad me han permitido idear diferentes soluciones de diseño de manera rápida. También me ayudaron a estructurar la disposición de los elementos de la interfaz e identificar problemas de usabilidad en la navegación y de esta manera poder asegurar que la arquitectura de información, es coherente e intuitiva.

UI Kit

La creación de un sistema de diseño para el proyecto de la aplicación móvil de Bicon fue crucial para garantizar la consistencia visual en términos de colores, tipografía, íconos y componentes de la interfaz de usuario utilizados en toda la aplicación. También hace que el diseño de la aplicación sea escalable.

Este proyecto fue la primera iteración en la creación de esta aplicación y fue fundamental para establecer las bases visuales para futuras mejoras e implementaciones, lo que permitió la reutilización de componentes y elementos del kit de interfaz de usuario para ahorrar tiempo y esfuerzo en el proceso de diseño.

Diseños en Alta fidelidad

Era fundamental para el cliente visualizar el diseño de la aplicación en su versión más precisa. Por esta razón, se crearon maquetas de alta fidelidad para comunicar visualmente la propuesta de diseño, incluyendo el uso de colores, botones, etc.

Estas maquetas también permitieron evaluar y revisar el diseño antes de la implementación, ayudando a identificar errores, particularmente en términos de legibilidad, a través de breves pruebas de usuario para garantizar una navegación lógica e intuitiva.

Conclusión

El diseño visual de la app de la clínica dental Bicon ha sido un proyecto con el objetivo principal de garantizar una experiencia de usuario óptima. Para lograrlo, era importante garantizar la visualización de información sobre las clínicas y los profesionales, así como la integración con el sistema de gestión de citas de la clínica para reservar y modificar citas desde dispositivos móviles.

Como parte del proceso de UX, seguir un enfoque estructurado y centrado en el usuario ha sido crucial, teniendo en cuenta las necesidades y motivaciones de los usuarios. Además, para garantizar un estilo visual coherente en toda la aplicación, se ha creado un sistema de diseño simple (kit de interfaz de usuario), que incluye elementos de diseño como colores, tipografía, íconos, elementos de navegación y componentes de la interfaz de usuario.

< Volver todos los proyectos

Siguiente proyecto: Business School

¿Trabajamos juntos?

No dudes en enviarme cualquier consulta, feedback o comentario sobre mi trabajo.