Diseño & Experiencia de Usuario

Una experiencia clara, cercana y pensada para todos los perfiles de usuario.

El diseño de iMirly se ha desarrollado con un enfoque centrado en el usuario, priorizando la claridad, la accesibilidad y la confianza en la contratación de servicios locales.

Diseño UX/UI de iMirly

Concepto visual

La identidad visual de iMirly busca transmitir cercanía, confianza y simplicidad. Se ha diseñado una interfaz amable, moderna y fácil de entender, evitando la saturación de información y facilitando la navegación.

Diseño limpio

Espacios en blanco que respiran y reducen la carga cognitiva del usuario

Interfaz clara

Jerarquía visual que guía al usuario naturalmente hacia la acción

Lenguaje accesible

Formas orgánicas y redondeadas que transmiten cercanía y humanidad

Estética moderna

Diseño contemporáneo que transmite profesionalidad sin ser frío

Colores y estilo gráfico

Lavanda suave #6c5ce7 Identidad y calma
Purple #3f51b5 Acciones y confianza
Blanco / Gris claro #F1F1F1 Limpieza y claridad
Gris oscuro #2D2D2D Texto principal

La paleta de colores se ha seleccionado para generar una sensación de tranquilidad y confianza, reforzando el carácter local y humano de la plataforma.

Manual de marca

Creamos un manual de marca completo que define los estándares visuales de iMirly.

iMirly - Manual de marca.pdf

Experiencia de usuario

Encuestas de usuario, perfiles de usuario (User Personas), mapas de empatía, journey maps y validación del diseño.

La experiencia de usuario de iMirly está diseñada para que cualquier persona pueda utilizar la aplicación sin dificultad, independientemente de su nivel tecnológico.

Navegación clara

  • Categorías y subcategorías bien definidas
  • Estructura lógica y predecible
  • Menús simples y accesibles

Reducción de fricción

  • Pocos pasos para encontrar un servicio
  • Información clara desde el primer vistazo
  • Contacto directo con el proveedor

Generación de confianza

  • Información estructurada y completa
  • Perfiles claros y verificables
  • Base para valoraciones y reputación

Investigación de usuarios

Encuestas de usuario, perfiles de usuario (User Personas), mapas de empatía y journey maps.

Hemos realizado entrevistas, elaboración de mapas de empatía y bocetos iniciales que permitieron comprender las necesidades reales de los usuarios objetivo de iMirly.

El público estaba formado por personas que necesitan contratar servicios cotidianos (como limpieza, reparaciones o cuidado de mascotas) y profesionales que desean ofrecerlos.

El objetivo era diseñar una app intuitiva, rápida y de confianza, que permitiera a cualquier usuario encontrar o publicar servicios cercanos en pocos pasos.

Tiempo

Tanto los usuarios que buscan ayuda como los profesionales que ofrecen servicios no disponen de tiempo para perder en llamadas, búsquedas o gestiones.

Las personas quieren resolver su necesidad de forma inmediata, sin procesos largos ni formularios complicados.

Precio

Las plataformas tradicionales o intermediarios suelen aplicar comisiones altas o precios poco claros.

Muchos usuarios quieren servicios asequibles, sin sorpresas en el coste final, y los profesionales necesitan ganar lo justo por su trabajo.

Accesibilidad

Encontrar y ofrecer servicios a veces resulta complicado o limitado. Muchas webs o aplicaciones son poco intuitivas o requieren conocimientos técnicos.

iMirly busca eliminar esas barreras ofreciendo una app sencilla, directa y accesible para todos, incluso para personas con poca experiencia digital.

Decision de diseno basada en usuarios

Tras definir la identidad visual, planteamos dos propuestas de interfaz para la pantalla principal. Ambas mantenian la misma estructura funcional, pero diferian en el tratamiento grafico de las categorias.

Opcion 1

Iconos minimalistas

Opcion 1: diseno con iconos minimalistas

Iconos vectoriales limpios con paleta de colores suave y mayor enfasis en la tipografia. Un enfoque sobrio y profesional.

Opcion 2

Ilustraciones detalladas

Opcion 2: diseno con ilustraciones detalladas

Ilustraciones coloridas por categoria con un enfoque visual y cercano que humaniza la experiencia desde el primer contacto.

Resultado de la encuesta

La encuesta alcanzo a 82 participantes de distintos rangos de edad y perfiles tecnologicos, garantizando una muestra representativa de usuarios reales.

68,3% preferencia

La mayoria eligio la Opcion 2, valorando especialmente la calidez visual y la mayor claridad para identificar servicios de un vistazo.

Resultado de la encuesta

Este resultado reforzo nuestra apuesta por un diseno accesible y cercano. La preferencia mayoritaria confirmo que los usuarios buscan una plataforma que transmita confianza y humanidad desde el primer contacto visual.

Accesibilidad y usabilidad

Antes
Despues

Tipografias legibles

Familias sans-serif con buena legibilidad en todos los tamanos

Contraste adecuado

Relacion de contraste que cumple estandares WCAG AA

Botones accesibles

Tamanos minimos de 48dp para facilitar la interaccion tactil

Diseno para todas las edades

Interfaz adaptable a diferentes capacidades y experiencias

iMirly se ha disenado pensando en la diversidad de usuarios, buscando una experiencia inclusiva y facil de usar.

Esquemas de pagina

Del boceto en papel al prototipo de alta fidelidad. Proceso iterativo de diseno centrado en el usuario.

En papel

El proceso de iterar sobre papel nos llevo a encontrar de forma optima lo que nuestros usuarios objetivo necesitaban segun sus necesidades.

Bocetos en papel de iMirly

Esquemas de pagina digitales

Continuando con el proceso inicial de los esquemas, realizamos el diseno low fi digitalizado basandonos en los resultados de la investigacion.

Wireframes digitales de iMirly

Prototipo de baja fidelidad

Desarrollamos un prototipo interactivo de baja fidelidad para testear la navegacion y la estructura de la aplicacion con usuarios reales antes de invertir en el diseno visual detallado.

Prototipo de baja fidelidad de iMirly

Maqueta

Representacion de la aplicacion iMirly que simula el dispositivo movil y sus pantallas principales. Permite validar la distribucion de elementos, tamanos de botones y flujo de navegacion. Facilita las primeras pruebas con usuarios reales y la deteccion temprana de problemas de usabilidad.

Maqueta de iMirly

Prototipo de alta fidelidad

El prototipo de alta fidelidad incorpora el diseno visual completo, interacciones avanzadas y simula la experiencia final de la aplicacion para validar con stakeholders y usuarios.

Prototipo de alta fidelidad de iMirly

Prototipo interactivo en Figma

Explora el prototipo completo de iMirly y navega por todas las pantallas de la aplicacion.

"Un buen diseno no solo se ve bien, tambien se entiende."

Conclusion de diseno

El diseno y la experiencia de usuario de iMirly refuerzan la propuesta del proyecto, haciendo que la contratacion de servicios locales sea mas sencilla, clara y humana.

Siguiente seccion: Aplicacion