Proyecto UX por Iván Uría como Investigador y diseñador UX

En la clínica veterinaria NyanWan se encuentran con la problemática de tener que atender constantemente el teléfono para agendar citas para atender distintos animales. Tras una primera consulta se llega a la conclusión de que el principal problema son clientes con experiencia que saben que si el veterinario sabe de antemano con cual de sus peludos van a presentarse, la gestión se agiliza y las demoras se acortan.

Debido a que esta situación se produce desde la buena intención y que la página web ya tiene un servicio de cita online, decidimos dar la opción de dar de alta a los miembros peludos de la familia en la cuenta personal de la página web para que puedan pedir la cita para el peludo que quieran.

Persona

Decidimos que necesitamos una nueva persona para la clínica veterinaria que refleje a ese tipo de usuario amante de los animales y con respeto hacia el tiempo tanto propio como ajeno. Para ello desarrollamos a Angelica tras entrevistarnos con los clientes que siempre solicitan cita por teléfono:

Wireframe

Utilizando como base la web original de la clínica y reordenando un par de elementos para mejorar la legibilidad del sitio damos con el siguiente wireframe tanto para escritorio como para móvil.

Agrupamos los servicios en la home e incorporamos un listado editable de "peludos" al que se pueden añadir nuevos y asociarlos a la cita solicitada.

Estudio de usabilidad

Con ayuda del prototipo de baja resolución y tres de los usuarios en quienes se basa Angelica, llegamos a la conclusión que, salvo por la falta de un botón y falta de feedback al dar de alta la mascota podemos montar el sitio y realizar pruebas en real.

El feedback positivo se resume en: "Sí, con algo así me podría ahorrar la llamada"

El feedback negativo fue principalmente debido a que a dos de tres participantes del estudio se les tuvo que explicar en varias ocasiones que lo que se buscaba era la usabilidad de la nueva función y no tanto la falta de estilos en la página. Cosa que se resolvió cuando se les enseñó el mockup final.

Mockup y prototipo final

Se decidió mantener el azul original de la marca dejando el rediseño del logotipo para una versión posterior. Se le añade un color morado de contraste como color de resalte y llamada de atención.

El prototipo final es visitable aquí.

Consideraciones de accesibilidad

• Se ha buscado el mayor contraste entre colores
• La estructura de las páginas siguen los principios de gestalt para aligerar la carga mental de entendimiento
• Cada una de las imágenes deberá llevar su correspondiente ALT. 
• En la versión responsive los elementos que así lo requieran se recolocan desde su posición original o se eliminan si su aporte es mínimo
• El equipo de desarrollo tiene a su disposición el orden de tabulación de los elementos.

Próximos pasos

Se procederá al cambio visual de la web actual y a la implementación de la solución con un estudio final para afinar detalles de usuario que, debido a la naturaleza de los encuestados, será más fácil de realizar con un prototipo 100 % interactivo.