Dikid
CASO DE ESTUDIO UX/UI
FIGMA
PHOTOSHOP
ILLUSTRATOR
01. INTRODUCCIÓN
Problema
Las familias compuestas por hijos en etapa infantil son una parte de la sociedad que más productos consume debido al rápido crecimiento de los niños durante sus primeros años de vida. Esto genera que artículos de distintas tipologías tengan un ciclo de vida muy corto, provocando una serie de problemas de impacto ambiental, de salud financiera familiar, o fomento del consumismo social, entre otros.
Solución
Creación de una aplicación móvil de compra-venta de productos infantiles de segunda mano que ayude a cubrir las necesidades de los niños y la madre en sus distintas etapas de desarrollo, generando un impacto positivo en la industria y el medio ambiente.
Audiencia
Mujeres entre 35 y 45 años con hijos entre 0 y 16 años que necesiten comprar o vender productos infantiles de segunda mano relacionados con el sector textil, puericultura, mobiliario o juguetes.
Objetivos
Moodboard Conceptual
02. PROCESO DE DISEÑO
Fases de Desarrollo
Empatizar
Comprender al usuario para entender sus necesidades, motivaciones, comportamientos y desafíos.
Definir
Sintetizar la información para definir el problema o la oportunidad.
Idear
Abordar posibles soluciones a través de técnicas creativas que generen ideas innovadoras.
Implementar
Diseño de piezas publicitarias online y offline para promocionar el lanzamiento de la aplicación.
Testear
Evaluación de prototipos con los usuarios para realizar ajustes y mejoras en el diseño.
Prototipar
Creación de prototipos simplificados para obtener retroalimentación de los usuarios.
Empatizar
Comprender al usuario para entender sus necesidades, motivaciones, comportamientos y desafíos.
Definir
Sintetizar la información para definir el problema o la oportunidad.
Idear
Abordar posibles soluciones a través de técnicas creativas que generen ideas innovadoras.
Prototipar
Creación de prototipos simplificados para obtener retroalimentación de los usuarios.
Testear
Evaluación de prototipos con los usuarios para realizar ajustes y mejoras en el diseño.
Implementar
Diseño de piezas publicitarias online y offline para promocionar el lanzamiento de la aplicación.
03. BENCHMARKING
Análisis de la Competencia
Para el estudio se analizan cinco aplicaciones móviles líderes en su sector, con el fin de identificar las buenas prácticas y puntos fuertes que desarrollan de cara a ofrecer una óptima experiencia de usuario.
Búsqueda
avanzada
Listas
personalizadas
Comunicación
interna
Geolocalización
tiendas/usuarios
Blog con
temas interés
Getir
Wallapop
Embarazo+
Milanuncios
Ikea
Getir
Búsqueda avanzada
Listas personalizadas
Comunicación interna
Geolocalización tiendas/usuarios
Blog con temas interés
Wallapop
Búsqueda avanzada
Listas personalizadas
Comunicación interna
Geolocalización tiendas/usuarios
Blog con temas interés
Embarazo+
Búsqueda avanzada
Listas personalizadas
Comunicación interna
Geolocalización tiendas/usuarios
Blog con temas interés
Milanuncios
Búsqueda avanzada
Listas personalizadas
Comunicación interna
Geolocalización tiendas/usuarios
Blog con temas interés
Ikea
Búsqueda avanzada
Listas personalizadas
Comunicación interna
Geolocalización tiendas/usuarios
Blog con temas interés
Funcionalidades
04. INVESTIGACIÓN DE USUARIO
Encuestas
La encuesta es una técnica de recogida de datos mediante un cuestionario a una muestra de individuos. Sirve para extraer información cuantitativa acerca de un tema determinado. Nos permite conocer la opinión, visión y necesidades reales de los usuarios en base a los objetivos del producto.
Personas y Escenarios
EDAD
32
OCUPACIÓN
AUXILIAR DE EDUCACIÓN
RESIDENCIA
MADRID
ESTADO
SOLTERA
NIVEL ECONÓMICO
MEDIO-BAJO
Sheila Vidal
MADRE SOLTERA POR ELECCIÓN
Extrovertida
Meticulosa
Protectora
Descripción
Metas
Frustaciones
EDAD
36
OCUPACIÓN
AMA DE CASA
RESIDENCIA
SANTANDER
ESTADO
CASADA
NIVEL ECONÓMICO
MEDIO-BAJO
Paula Soto
APASIONADA DE LA MODA INFANTIL
Independiente
Organizada
Optimista
Descripción
Metas
Frustaciones
05. ARQUITECTURA DE LA INFORMACIÓN
Árbol de Contenidos
Se trata de una representación gráfica de cómo se estructura jerárquicamente la información y el contenido de una página o sección para que los usuarios puedan navegar de forma eficiente y coherente.
Nivel 1
Nivel 2
Nivel 3
Nivel 4
Flujos de Navegación
Wireframes
Los wireframes son representaciones visuales simplificadas de un producto digital que permiten visualizar en la etapa inicial del proceso la estructura y disposición de elementos en una interfaz, las funcionalidades a incorporar, así como el sistema de navegación, permitiendo analizar el funcionamiento en conjunto.
KID TO KID
SOSTENIBILIDAD
CONEXIÓN
COMPROMISO
EXCLUSIVIDAD
06. IDENTIDAD VISUAL
La Marca
Dikid es una innovadora marca que surge del juego de palabras «kid to kid». El nombre encapsula este concepto al permitir la doble lectura del adjetivo «kid». Fundamentada en valores sólidos, Dikid promueve la sostenibilidad mediante la reutilización de productos infantiles, fomenta la conexión «kid to kid» impulsando una comunidad colaborativa, y se compromete con la satisfacción del usuario mediante una plataforma completa y un blog enriquecedor. La exclusividad personalizada distingue a Dikid, ofreciendo a madres una experiencia adaptada, calidad excepcional y un espacio único para conectar y descubrir productos excepcionales.
Sus Valores
Sostenibilidad
La marca se centra en promover la compra y venta de productos infantiles de segunda mano, fomentando la reutilización y contribuyendo así a la idea de «economía circular». Este enfoque sostenible se alinea con la preocupación por el medio ambiente y la reducción del desperdicio.
Conexión Kid to Kid
Compromiso
Exclusividad
Icono Aplicación
Paleta de Color
Pantone Purple C
C90 M100 Y4 K1
R78 G0 B142
HEX #4E008E
Pantone 122 C
C0 M19 Y80 K0
R254 G209 B65
HEX #FED141
Pantone Black C95%
C0 M0 Y0 K95
R40 G39 B39
HEX #282727
Pantone Black C5%
C0 M10 Y0 K5
R246 G246 B246
HEX #F6F6F6
PRIMARIO
SECUNDARIO
NEUTRO DARK
NEUTRO LIGHT
El púrpura, vinculado a las madres, transmite elegancia y calma, reflejando la delicadeza y magia asociada con la crianza.
Los neutros actúan como colores de unión, proporcionando equilibrio visual y luminosidad para mejorar la experiencia del usuario en la aplicación.
Tipografía
Roboto
Aa
ABCDEFGHIJKLMNOPQRSTUVWQYZ
abcdefghijklmnopqrstuvwqyz
1234567890
~!@#$%^&*()-=_+[]{}\|;’:”,./?
Bb
Heading 01
Bold
22 px
Heading 02
Bold
20 px
Heading 03
Bold
18 px
Heading 04
Bold
16 px
Heading 05
SemiBold
14 px
Heading 06
SemiBold
12 px
Cuerpo
Regular
14 px
Small
Medium
11 px
Retícula y Espaciado
Una retícula o grid es una estructura compuesta por líneas horizontales y verticales que divide un espacio en diferentes módulos para jerarquizar y organizar el contenido. Con el grid de 4 px, se establece un sistema donde todos los tamaños, alineaciones y espacios son múltiplos de 4 (4, 8, 12, 16 px…), lo que nos asegura equilibrio visual y consistencia entre los elementos de la interfaz.
16
16
16
16
16
RETÍCULA HORIZONTAL Y VERTICAL
390
Sección 92 px
Buscador / Subcategorías 48 px
Contenido 620 px
Navegación Principal 84 px
DISPOSICIÓN LAYOUT
1:1
1:1
4:3
9:16
9:16
RELACIÓN ASPECTO
Iconografía
Ilustraciones
Alimentación
Baño e higiene
Sueño y descanso
En casa
En el coche
Hora de pasear
Moda niña
Moda niño
Moda premamá
Lactancia
Juguetes y juegos
Orden y almacenaje
Sostenibilidad
Localización productos
Localización vendedor
Sin moverte de casa
Inicio de sesión
Confirmación dirección
Eliminar un elemento
Confirmación compra
07. PRESENTACIÓN PROTOTIPO
Prototipo
01. INTRO
02. PROCESO DE COMPRA
03. BUSCAR SIMILARES
La funcionalidad «buscar similares» utiliza inteligencia artificial para encontrar productos a través de imágenes. Identifica características como forma, color o estampado, mejorando la experiencia del usuario. También propone Outfits de temporada para asesorar sobre el estilo adecuado.
04. PUBLICAR PRODUCTO
05. MENÚ FAVORITOS
06. MENÚ NOTIFICACIONES
En la sección de notificaciones, hay dos apartados: «Mensajes» para conversaciones archivadas del chat y «Actividad» para registrar acciones de otros usuarios, como productos favoritos, ventas, valoraciones, contraofertas y nuevos productos de seguidos.
07. MENÚ BLOG
Dikid amplía su oferta incluyendo un blog con contenido relevante para su audiencia objetivo compuesto por las siguientes secciones: guía de productos, consejos de maternidad, embarazo y crianza, ocio familiar, moda infantil, moda premamá y sostenibilidad. Además, los usuarios pueden compartir artículos externamente, promoviendo la aplicación y expandiendo su alcance.
08. PERFIL USUARIO
07. PRUEBAS DE USABILIDAD
Heurísticas
La metodología evalúa si el prototipo cumple con los diez mandamientos heurísticos propuestos por Jakob Nielsen, fundamentales para mejorar la usabilidad de interfaces. Estos mandamientos analizan y refuerzan puntos importantes en el diseño de la interfaz, ayudan a identificar y mejorar la experiencia de usuario.
Pruebas de Usabilidad
Los participantes completaron dos cuestionarios: uno previo a la prueba para recopilar información sobre su perfil y conocimientos tecnológicos, y otro posterior para evaluar su satisfacción, identificar aspectos positivos y negativos, y medir su disposición para descargar la aplicación en el futuro. La observación del moderador durante el proceso complementó esta información. La prueba de usuarios busca asegurar una experiencia de compra sencilla e intuitiva. Por ello, se evalúan aspectos clave, como la facilidad de búsqueda de artículos, garantizando la satisfacción del cliente y el logro de los objetivos de compra.
Escenarios y Tareas
Un familiar te habla de una nueva aplicación especializada en la compra y venta de productos de segunda mano para niños y bebés. Aprovechando que tienes que comprar una Mochila Portabebés para tu hijo, decides probar y adquirir el producto a través de esta APP.
TAREA 01
Accede a la aplicación iniciando sesión con el usuario predefinido.
TAREA 02
Compra una Mochila Portabebés con las siguientes características:
Ubicación: En toda España.
Precio: Entre 20 y 40 €.
Estado del Producto: Bueno.
Marca: Tula.
Talla: Estándar.
Color: Negro.
Motivo: Estrellas.
TAREA 03
Adquiere el producto a través de la aplicación para recibirlo directamente en tu domicilio.
TAREA 04
Añade esta dirección de envío:
C. Javier de Miguel, 23B, 28018 Madrid.
TAREA 05
Añade una tarjeta de crédito para realizar el pago por este medio (datos predefinidos).
TAREA 06
Finaliza el proceso de compra y sal de la aplicación.
Hablemos
CONTACTO
Edad padres
CONCLUSIÓN
Número de hijos
CONCLUSIÓN
Es habitual que un producto heredado tenga más uso del normal. Para poder valorar este criterio, el vendedor tipificará su estado, dando así la máxima información al posible comprador.