Ir al contenido

Caso de diseño UX

Hiive

App de compras en vídeo y ofertas

hiive screens

sobre

hiive

proyecto

Detalles del proyecto

La app de iOS Hiive combina una red social, una tienda online y una plataforma para ganar dinero: puedes comprar muchos tipos de productos viendo reseñas, o grabar una reseña en vídeo de un producto y ganar dinero.

Resulta útil para compradores, bloggers y marcas que quieren colaborar con Hiive. El sistema sigue siendo relevante e intuitivo para personas de distintas edades y niveles de familiaridad digital. En este caso explico el papel que tuve en la creación de la aplicación.

Mi rol

User Experience Designer

Herramientas

figma

adobe illustrator

midjourney

coggle

Design Thinking

freelancer image

Proceso

de diseño

Empathize Step

1.

Empatizar

En esta fase investigué a fondo los productos de la competencia y creé personas e historias de usuario para entender cómo perciben nuestros usuarios esos productos en su día a día y lo cómodo que les resulta usar la app.

Define step

2.

Definir

Después pasé a crear un mapa de empatía y una definición del problema. Me ayudó a ponerme aún más en el lugar del usuario y a determinar qué necesita para lograr sus objetivos.

Ideate step

3.

Idear

El ejercicio Crazy Eights me ayudó a priorizar las funciones y elementos útiles para nuestro usuario potencial. Luego creé wireframes detallados.

Visual design

4.

Diseño visual

En esta fase entregué todos los artefactos y materiales al project manager. Los compañeros de la empresa externa hicieron los mockups y pasaron al desarrollo.

Launch step

5.

Lanzamiento

Tras las pruebas y la corrección de errores, el producto se publicó en la App Store. Me alegró seguir en contacto con los desarrolladores durante todo el proceso.

La primera fase fue el contacto con el project manager y la comprensión del encargo técnico. Después analicé la competencia para encontrar un hueco que aprovechar. Analicé sus plataformas y funciones como se ve a continuación.

Auditoría

competitiva

TikTok

Algoritmos de preferencias

Visualización cómoda de reseñas en vídeo

Interfaz intuitiva

Instagram

Información concisa

Interacción clara con el vídeo

Reproducción de vídeo

YouTube

Estilo del menú de interacción

Flujos de interacción intuitivos

Información básica y adicional bien estructurada

Amazon

Características de producto estructuradas

Un sistema funcional de descuentos y bonos

Sistemas de pago globales

Comfy

Integración publicitaria atractiva

Procesamiento rápido de pedidos

Navegación sencilla entre categorías

Competitive table

persona:

helen

Helen es una fotógrafa con muchísimo talento que encuentra el equilibrio entre la vida familiar y su creatividad. Sus días están llenos de momentos en familia y por la noche se sumerge en sus propios proyectos.

Tiene marido y un hijo que va a primaria. En ese entorno familiar encuentra la verdadera alegría de vivir y una gratitud infinita por poder compartir con el mundo su amor por la fotografía.

User Persona

Sobre ella

Edad: 25

Formación: Academy of Art University

Ciudad: Nueva York, EE. UU.

Familia: marido, hijo

Profesión: moda y estilo

Objetivos

Busca nuevas tendencias y productos de moda

Quiere comprar de forma rápida y cómoda desde una app móvil

Valora la opinión de personas influyentes del mundo de la moda

Frustraciones

Pocas opciones para comprar rápido las prendas que ve en las reseñas en vídeo.

Le cuesta elegir productos porque, con su agenda y las tareas de casa, tiene poco tiempo para ver reseñas en vídeo.

Tras la investigación y la recopilación de artefactos, pasé al ejercicio Crazy Eights. Me ayudó mucho a encontrar las mejores soluciones para muchas pantallas, por ejemplo las de detalle de producto y el calendario de descuentos.

Crazy

Eights

Wareframe screen
Wareframe screen
Wareframe screen
Wareframe screen
Notebook wireframes

wireframes

El brainstorming, el análisis de la competencia y la creación de todos los artefactos necesarios me ayudaron mucho a entender la estructura y las funciones de la app. Después pasé a crear wireframes muy detallados.

Inicio y pedido

Wireframes

Inicio de sesión y onboarding

Wireframes

Perfil y producto

Wireframes

calendario de descuentos

Wiferfames
Wireframes

Diseño

visual

En esta fase documenté todos los resultados de la investigación y los artefactos y entregué los materiales al project manager. Los compañeros de la empresa externa hicieron los diseños y pasaron al desarrollo. No participé activamente en las siguientes fases, pero mantuve el contacto con el project manager y seguí el desarrollo y el lanzamiento del producto.

coworking
first visual design hiive

Analítica

y medición del rendimiento

En Hiive, la analítica sería clave para entender la implicación de los usuarios y mejorar la experiencia social. Me centraría en:

Retención y abandono de usuarios

Medir cuántos usuarios vuelven a los 7, 14 o 30 días para evaluar la implicación a largo plazo.

Analítica de uso de funciones

Usar Firebase Analytics o Amplitude para ver qué funciones (publicar, comentar, seguir) usan más los usuarios.

Crecimiento de la red y métricas de interacción

Medir cómo se forman las conexiones en la app, incluidos los «me gusta» y comentarios medios por publicación y las solicitudes de amistad enviadas.

Rendimiento del contenido

Ver qué tipos de publicaciones generan más interacción y optimizar el algoritmo de recomendaciones en consecuencia.

Análisis del embudo de onboarding

Detectar dónde abandonan los usuarios durante el registro y mejorar el onboarding con interacciones guiadas o recomendaciones personalizadas.

hiive launch

lanzamiento

del producto

Los compañeros del estudio de desarrollo hicieron un gran trabajo con la parte visual y el branding. La interfaz se construyó según los principios básicos de HID y se aplicaron las Accessibility Guidelines.

Este proyecto reunió ventajas para usuarios con necesidades y objetivos distintos. La idea de combinar las funciones de las redes sociales modernas con las compras online ayudó a la empresa a colaborar con marcas de todo el mundo. Mi papel como User Experience Designer fue un fuerte impulso para el desarrollo y el lanzamiento del producto Hiive «Video Shopping & Deals».

Enlace a la web de la empresa en la que pude desarrollar este proyecto: www.joinhiive.com.

¡Gracias por dedicar tu tiempo a mi caso!