Cinebox
Cinebox es una aplicación diseñada para simplificar la búsqueda de contenido audiovisual y potenciar la experiencia cinéfila. Nace como respuesta al caos actual de las plataformas de streaming: catálogos infinitos, múltiples servicios y cero interacción entre usuarios.
Año
2021
Categoría
Diseño UX/UI
Herramienta
Figma
Proyecto Académico: Curso de Diseño UX/UI
Rol: Diseñadora de Experiencia de Usuario y de Interfaces
Duración: 3 meses | julio 2021 - octubre 2021
Entregables: Más de 25 pantallas diseñadas y prototipadas
Metodología: Diseño Centrado en el Usuario (DCU)
Este enfoque pone al usuario en el centro de todo y se divide en tres fases clave:
Análisis
Investigar y entender a fondo quiénes son los usuarios y qué necesitan.Diseño
Crear soluciones basadas en esos insights para resolver problemas reales.Validación
Probar esas soluciones con usuarios reales y ajustar según su feedback.
Sobre el Caso
Objetivo: Facilitar a los usuarios encontrar rápido lo que quieren ver y fomentar la interacción entre cinéfilos para compartir opiniones.
Problema: Las plataformas de streaming tienen catálogos tan gigantescos que elegir qué ver puede ser un dolor de cabeza, y encima no ofrecen espacios para conectar con otros usuarios.
Solución: Una app con un buscador avanzado, intuitivo y veloz, pensada para la comunidad cinéfila. Permite votar, crear listas, chatear y hacer seguimiento de películas y series favoritas, haciendo la experiencia más social y ágil.
Análisis — Primera etapa
Contexto: El 2020 fue el boom del streaming. Con el encierro global, la gente se volcó a ver series y pelis como forma principal de entretenimiento, Pero la saturación llegó rápido. Demasiadas plataformas, demasiados catálogos, y el bolsillo empezó a quejarse. Muchos no sabían ni cuántas apps tenían que pagar, ni qué valía realmente la pena. El resultado: usuarios confundidos y buscando atajos para decidir dónde invertir su tiempo y plata.
Investigación: Para entender este fenómeno, analizamos cómo la gente busca plataformas como Letterboxd e IMDb en Google Trends. Además, repasamos notas clave que muestran el crecimiento explosivo del streaming en Argentina y el mundo, confirmando que el tema está más vigente que nunca y que hay espacio para mejorar la experiencia del usuario.
Fuente: Google Trends
Búsquedas en Argentina
Artículos que hablan del streaming copando el 25% del mercado mundial - La República
Proyecciones de crecimiento en Argentina para 2021 - El Periódico
Reportes sobre cómo 2020 cambió para siempre el consumo digital - El Periódico
Benchmarking
Hicimos un análisis a fondo de la competencia, mirando quién la rompe y quién la pifia. Identificamos fortalezas para copiar y debilidades para evitar, armando un mapa claro de qué hacer y qué no en nuestra app.
IMDb | Letterboxd | JustWatch | |
|---|---|---|---|
Fortalezas | IMDb tiene una gran comunidad de cinéfilos por todo el mundo, tiene el mayor feedback a comparación que las otras aplicaciones. | Tiene un buscador completo, se puede buscar películas, reviews, listas, actores y demás. | Es una de las guías de streaming más famosas, tiene muchísimas plataformas incluidas en su aplicación. |
Debilidades | Las notas o entrevistas al reparto o directores no están traducidas. | Toda la aplicación está en inglés. El diseño y así como el vocabulario es confuso. | Tiene errores a la hora de buscar película y verla, no están actualizadas. No deja hacer comentarios. |
User Persona
Creamos dos User Persona basadas en usuarios reales. Nos ayuda a entender mejor qué necesitan, qué los motiva y qué les frustra, para crear productos y experiencias que realmente les sirvan.
Nicole
"Nada se compara a disfrutar de una buena película con mi hija."
Datos Demográficos:
Edad: 34 años
Ubicación: GBA (Gran Buenos Aires)
Ocupación: Profesora de Nivel Inicial
Apps que Usa: Instagram, YouTube, TikTok, Mubi.
Sobre su Entorno y Estilo de Vida: Nicole vive en el GBA con su hija de 7 años. Su rutina es ocupada debido a su trabajo. Le gusta compartir recomendaciones de películas con sus amigos y tiene un interés creciente en el teatro, buscando mejorar sus habilidades.
Relación con Plataformas de Contenido: Nicole busca activamente una plataforma que le ofrezca recomendaciones de contenido personalizadas según sus gustos y el tiempo disponible. Valora las listas curadas y el acceso a una comunidad donde pueda discutir sobre cine y teatro.
Frustraciones
Tiempo Limitado: Solo dispone de los fines de semana para ver series o películas.
Costo: No desea pagar por múltiples plataformas de streaming.
Dificultad para Encontrar Contenido: Le resulta frustrante perder tiempo buscando películas que realmente se alineen con sus intereses.
Metas
Calidad Familiar: Compartir momentos significativos viendo películas familiares con su hija.
Desarrollo Personal: Disfrutar y aprovechar al máximo sus clases de teatro.
Crecimiento en Intereses: Descubrir películas que enriquezcan su conocimiento y experiencia en el ámbito teatral.
Aspectos Generales
Nivel de Interés en Cine: Interesada en cine, pero se considera principiante.
Preferencia de Apps: Busca aplicaciones intuitivas y fáciles de usar que le permitan encontrar contenido rápidamente.
María
"Quiero mejorar mis videos y hacer mejores críticas para mi audiencia."
Datos Demográficos:
Edad: 22 años
Ubicación: CABA (Ciudad Autónoma de Buenos Aires)
Ocupación: Creadora de Contenido (Críticas de películas y series)
Apps que Usa: TikTok, Instagram, Adobe Premiere, Netflix, YouTube.
Sobre su Entorno y Estilo de Vida: María vive en CABA y comparte su pasión por el cine con su novio. Su principal actividad es la creación de contenido, donde su audiencia espera críticas bien fundamentadas, lo que implica una constante interacción con su público.
Relación con Plataformas de Contenido y Edición: María busca herramientas que la ayuden a mejorar la edición de sus videos y a descubrir contenido relevante para sus críticas. Valora la participación en comunidades donde pueda debatir y analizar cine y series.
Frustraciones
Gestión del Tiempo: Las series consumen mucho tiempo en su día a día, afectando otras actividades.
Limitaciones Técnicas: No cuenta con una buena cámara, lo cual impacta la calidad de sus producciones.
Recepción de Críticas: Le preocupa la posible reacción negativa de su audiencia ante críticas sobre ciertos géneros.
Metas
Excelencia en Contenido: Aprender más sobre edición de video para elevar la calidad de sus críticas y crear contenido atractivo y bien estructurado.
Equilibrio Personal: Organizar mejor su tiempo para poder disfrutar más con sus mascotas.
Expansión de Conocimiento: Explorar y analizar nuevos géneros cinematográficos, con especial interés en el terror.
Aspectos Generales
Interés Principal: Es apasionada por el análisis cinematográfico y busca perfeccionar su estilo crítico.
Preferencia de Apps: Prefiere aplicaciones intuitivas que le permitan optimizar el tiempo tanto en la edición como en la gestión de contenido.
POV: Point of View
Storyboarding y Storytelling en UX: El storyboarding en UX nos permite ver la historia detrás de cada clic, de cada búsqueda, de cada intención del usuario. Es como armar un guion donde los personajes, sus emociones y decisiones, le dan sentido al diseño.
Cuando combinamos esto con storytelling, conectamos con personas reales, con sus frustraciones, alegrías y objetivos. No diseñamos solo pantallas: creamos experiencias vividas.
Storytelling: Nicole tiene 34 años y vive en GBA con su esposo y su hija. Es una persona curiosa, con ganas de aprender algo nuevo cada cierto tiempo. Durante la semana trabaja como maestra, y los fines de semana disfruta de su curso de teatro, donde sus amigos le recomiendan muchas películas. Sin embargo, Nicole necesita saber dónde puede verlas y si son aptas para disfrutar en familia. Además, le motiva intercambiar opiniones en redes sociales junto a sus amigos.
Diseño — Segunda etapa
MVP: Minimum Viable Product
Creamos una versión inicial con lo mínimo indispensable para validar nuestra idea y mejorar basándose en el feedback real. Así nace un producto ágil, útil y funcional.
Funcionalidades esenciales:
Registro/Login: Creación de cuenta
Buscar: Con filtros inteligentes
Compartir: Contenido en redes sociales
Guardar: Listas personalizadas
Calificar: Por estrellas
Comentarios: Opiniones entre usuarios
Notificaciones: In-app y push
Card Sorting
Le dimos a 15 personas 13 tarjetas para clasificar. 8 completaron la tarea al 100%. El objetivo: entender la organización mental del contenido según el usuario.
Lo que descubrimos:
63% agrupó tarjetas en categorías de contenido: Películas y Series.
50% colocó Actores y Directores en la categoría Buscar.
50% creó una categoría Inicio, con:
Mis listas
Mis reviews
Ver más tarde
Agrupaciones principales:
Inicio / Mi cuenta:
Mis listas
Mis reviews
Ver más tarde
Buscar:
Categorías:
Películas
Series
Actores
Directores
Géneros
Terror
Comedia
Acción y Aventuras
Romance
Arquitectura de Información
Organizamos los contenidos de forma clara para que personas como Nicole o María puedan encontrar lo que buscan sin frustrarse.
El objetivo es una estructura intuitiva, rápida y relevante, con navegación fluida que acompañe al usuario, no que lo frene.
Taskflow & Userflow
Objetivo: Nicole quiere dejar una reseña sobre una película
Pasos que sigue dentro de la app:
Entra a la app/web
Va a la sección Buscar
Usa los filtros
Selecciona una película
Verifica detalles
Entra a Comentarios
Deja su reseña
Este User Flow nos permite detectar fricciones, cuellos de botella y momentos clave para mejorar la experiencia.
Validación — Tercera etapa
Para validar la propuesta de valor y la experiencia del usuario en Cinebox, realizamos pruebas de usabilidad con un prototipo de media fidelidad. El objetivo fue verificar si los usuarios podían navegar de forma fluida, completar tareas clave y disfrutar la experiencia general.
Participantes
Nicolás E. – 22 años
Lucas – 21 años
Nicolás D. – 32 años
Guillermo – 53 años
Objetivo de la prueba - Evaluar si los usuarios pueden:
Navegar intuitivamente por la app.
Calificar contenido y dejar reseñas.
Utilizar funciones como la guía para padres.
Compartir contenido fácilmente.
Sentirse cómodos con la interfaz y el flujo de tareas.
Lo que funcionó bien
Posibilidad de dar reviews y calificar contenido.
Función para compartir películas, series y actores.
Inclusión de guía de padres, útil para elegir contenido apto para diferentes edades.
Favoritos y ranking de actores bien recibidos.
Lo que no funcionó
Demasiadas estrellas para calificar (10 estrellas fue confuso; se recomienda 5).
No se puede ver la guía de padres antes ni filtrar por ella.
Tendencias desordenadas, falta de categorización.
El reparto y la sinopsis están separados; debería estar todo en la misma pantalla.
Recomendaciones
Incorporar más funciones sociales:
Seguir, chatear y comentar entre usuarios.
Usernames con @ para identidad y comunidad.
Filtrar por usuarios al buscar contenido.
Crear un sistema de prestigio para críticos:
Usuarios con reseñas destacadas ganan visibilidad y niveles (como "crítico experto").
Mostrar actores junto a la sinopsis para facilitar la navegación.
En Inicio, destacar las reseñas con más "me gusta".
Mejorar la organización de Tendencias: agregar categorías visuales y filtros.
Escenario Hipotético: Imaginemos que te recomendaron una película de terror para ver con tu hija, pero antes de ponerla, querés asegurarte de que sea apta para niños de 12 años.
Una vez que terminaste de verla, querés puntuarla en la aplicación para dejar tu opinión. Además, el protagonista te pareció increíble (o quizás no tanto), así que también decidís calificar su actuación.
Tareas a realizar:
Usar la app para verificar si la película es apta para menores de 12 años.
Calificar la película una vez vista.
Puntuar al actor o actriz principal.
Eficacia: completó la tarea satisfactoriamente con facilidad
1: tarea completada con éxito
0: la tarea NO pudo ser completada correctamente
Tareas | Usuario 1 | Usuario 2 | Usuario 3 | Usuario 4 | Promedio |
|---|---|---|---|---|---|
Tarea 1: Encontrar la guía de padres | 1 | 1 | 1 | 1 | 1 |
Tarea 2: Calificar una película | 1 | 1 | 1 | 1 | 1 |
Tarea 3: Calificar un actor | 1 | 1 | 1 | 1 | 1 |
Conclusiones: Todos los usuarios completaron exitosamente la tarea, aunque el usuario 3 dio un comentario que hacer: "Me gusta la idea de la guía de padres, pero igual estaría bueno que, desde la búsqueda, se pueda filtrar por edades"
Eficacia: Cantidad Núm. de pasos para lograr la tarea
Tareas | Usuario 1 | Usuario 2 | Usuario 3 | Usuario 4 |
|---|---|---|---|---|
Tarea 1: Encontrar la guía de padres | 2 | 3 | 2 | 3 |
Tarea 2: Calificar una película | 3 | 3 | 3 | 3 |
Tarea 3: Calificar un actor | 3 | 3 | 3 | 3 |
Conclusiones: Todos lograron encontrar la película, aunque dos usuarios se ahorraron un paso con tan solo tocar la película en "más buscados" y sin tocar la categoría de terror que se encontraba abajo del buscador.
Satisfacción: Completó la tarea satisfactoriamente
Valoración: Muy difícil (5) - Difícil (4) - Indistinto (3) - Sencillo (2) - Muy sencillo (1)
Tareas | Usuario 1 | Usuario 2 | Usuario 3 | Usuario 4 | Promedio |
|---|---|---|---|---|---|
Tarea 1: Encontrar la guía de padres | 1 | 1 | 1 | 2 | 1.25 |
Tarea 2: Calificar una película | 1 | 1 | 1 | 3 | 1.5 |
Tarea 3: Calificar un actor | 2 | 1 | 2 | 2 | 2 |
Conclusiones: Todos los usuarios coincidieron en que era dinámico y fácil de llegar a donde se quería.
Evaluación Heurística
Durante el proceso de validación y pruebas de usabilidad, realizamos una evaluación heurística para revisar el diseño de la aplicación basándonos en los principios de usabilidad de Jakob Nielsen.
Esta revisión nos permitió detectar problemas clave en la experiencia de usuario, muchos de los cuales ya se habían manifestado en las pruebas con usuarios reales. A partir de estos hallazgos, decidimos iterar y rediseñar varias partes del prototipo, con el objetivo de optimizar la navegación, la claridad de la interfaz y la satisfacción general.
Visibilidad del estado del sistema
Problema: El usuario no sabía si el tráiler se estaba cargando o si había algún error.
Solución: Se incorporó una animación de carga visible y clara que informa al usuario que el contenido está procesándose. Esto da feedback inmediato y mantiene la confianza en la app.
Prevención de errores
Problema: El sistema permitía contraseñas débiles o vacías al momento de registrarse.
Solución: Se añadió una validación automática que exige una contraseña segura, con mínimo de 8 caracteres. También se agregaron mensajes de ayuda contextual para que el usuario entienda qué falta.
Minimizar la carga de memoria
Problema: En el buscador, los usuarios debían escribir términos completos, lo cual resultaba lento.
Solución: Se implementó la predicción de palabras en los campos de búsqueda y configuración. Esto reduce la carga cognitiva y acelera la navegación.
Flexibilidad y eficiencia de uso
Problema: El Onboarding era obligatorio, incluso para usuarios que ya conocían la app.
Solución: Se añadió una opción de “Saltar Onboarding”, brindando libertad para quienes prefieren ir directo a explorar. También se consideró la posibilidad de ajustar este comportamiento desde la configuración.
Reconocer, diagnosticar y recuperarse de errores
Problema: Al seleccionar varios filtros en el buscador, si no había resultados no se informaba adecuadamente.
Solución: Se diseñó una pantalla de error contextual, que informa con claridad por qué no se encontraron resultados y qué puede hacer el usuario para solucionarlo (sugerencias de filtros, eliminar alguno, etc.).
Ayuda y documentación
Problema: Algunos usuarios no sabían cómo cambiar ciertos ajustes o encontrar información específica dentro de la app.
Solución: Se creó una sección de ayuda dentro de Configuración, donde se explican las funciones clave con textos cortos y simples. Este apartado también incluye preguntas frecuentes y un botón de contacto.
Iteraciones
Además de mejorar basándose en heurísticas, también aplicamos cambios específicos para mejorar la navegación y estética general:
Estrellas de calificación: Se redujo el número de estrellas para evitar confusión. Diez era excesivo y poco práctico. Se mantuvo un sistema de 5 estrellas, más intuitivo y estándar.
Pantalla de reparto: Antes, para ver a los actores y actrices, había que navegar a otra sección. Ahora el reparto aparece directamente en la pantalla principal de la película, optimizando la experiencia del usuario y evitando pasos innecesarios.
Tendencias y recomendaciones: Se reorganizó esta sección para que aparezcan clasificadas por género y junto con recomendaciones personalizadas, haciendo más accesible el contenido relevante.
Usernames con @: Se permitió que el usuario elija un nombre de usuario con arroba, algo común en redes sociales, reforzando la identidad y el sentido de comunidad.
