¿Un rediseño para el futuro?
¡Hola! Estoy comenzando con una nueva serie en Medium, 'Una versión diferente', en la que saltaremos a aplicaciones y sitios web existentes e intentaremos modificarlos para convertirlos en mejores productos.
Imagen del autor. Logotipo de Disney
Introducciones
Antes de hacerlo, me presentaré rápidamente para que sepas con quién estás tratando 🙋♂.
La creatividad, de todo tipo, viene de familia. Tengo un hermano menor que es compositor y una hermana que es escritora. ¿A mí? Comencé a dibujar casas cuando tenía 10 años, pero terminé estudiando Negocios Creativos y trabajando en (Neuro)Marketing. Después de varios años de trabajos de diseño independientes de poca monta, me despedí del negocio de la publicidad y pasé a convertirme en diseñador de UI (UX y) de tiempo completo: tengo la clásica forma de T. Ha sido un viaje increíble hasta ahora y todavía estoy aprendiendo a ser un mejor diseñador general cada día.
Como probablemente lo haga usted mismo, me gusta leer sobre tendencias, métodos, mejores prácticas, etc., y he notado que muchos diseñadores escriben sobre sus experiencias en Medium. He estado usando la plataforma durante algunos años, aprendiendo de otros en el campo, compartiendo publicaciones, dando me gusta y respondiendo, pero nunca publiqué nada. ¡Hasta ahora!
Encontrarás un par de estudios sobre el Disney+ aplicación en Medium, que he leído, considerado y discutido. El diseñador de UX/UI, Benjamin Tran, escribió un estudio sólido sobre el tema, que, si desea comparar, puede encontrarlo aquí.
Al final quise intentarlo yo mismo. Todos estamos demasiado ocupados, así que seré breve y sencillo. ¡Hagámoslo! 🏎️
Todos conocemos Disney. Todos conocemos empresas estructuradas de arriba hacia abajo. Y todos sabemos que probablemente sea muy difícil (léase “casi imposible”) para cualquier diseñador interno de Disney rediseñar la aplicación al azar.
Solo soy yo quien adivina por qué competidores como HBO Max y Netflix han hecho su tarea y ofrecen excelentes productos, mientras que la aplicación Disney+ carece de su propia magia🪄.
Lo primero es lo primero, la aplicación de Disney no es mala, en absoluto, pero podría modificarse para convertirla en algo aún mejor. En segundo lugar, solo nos dirigimos a su página de inicio. Esto por que:
Los usuarios no pueden navegar directamente a [all series] o [all movies]Los usuarios no pueden agregar contenido destacado a su lista de seguimiento (directamente desde casa) Los usuarios no pueden ver directamente el muestra se quedaron con
Imagen del autor. Diseño de Disney
Ahora bien, no soy Skywalker, pero hay formas de hacer que la aplicación de Disney vuelva a salir a la luz. Para hacer precisamente eso, necesitaremos comprender a sus usuarios. Tendré que ser honesto aquí. No hay forma de saber qué quieren y necesitan los usuarios reales de Disney+. A partir de este momento, esa es una suposición fundamentada. Mi experiencia como diseñador es lo que estoy usando para obtener la mejor comprensión posible de Disney+ y de los usuarios de aplicaciones de streaming en general.
En primer lugar, echemos un vistazo a nuestros casos de uso más importantes.
Casos de uso
#1: el usuario que explora el contenido de la aplicación#2: el usuario que busca colecciones, categorías o contenido específicos#3: el usuario que quiere continuar donde lo dejó#4: el usuario que está actualizando su cuenta
Necesidades de los usuarios
Exploremos las funciones que estos usuarios individuales necesitarían para completar sus objetivos y qué funciones podrían ser útiles para ayudar en ese mismo viaje.
CU#1
✅ Necesita poder navegar fácilmente desde uno tipo de contenido a otro
🦄 Agregará contenido interesante/relevante a su lista de seguimiento
CU#2
✅ Necesita poder saltar directamente hacia la derecha colecciones o contenido
🦄 Está interesado en buscar categorías/temas
CU#3
✅ Necesita poder encontrar fácilmente su visto por última vez contenido y continuar
🦄 Querrá encontrarlo de inmediato, sin interrupciones.
CU#4
✅ Necesita poder saltar directamente a su cuenta ajustes
Funciones para usuarios
Si echamos un segundo vistazo a nuestros casos de uso y las necesidades de los usuarios, ya podemos generar una lista de características que deberían incluirse en la página de inicio. De tal manera, que cualquiera de ellos podrá comenzar su viaje sin tener que desplazarse hacia abajo, navegar a través de tres ventanas, etc. Vamos a querer abrir todas las puertas, de inmediato.
✅ Ya ahí
⚒️ Necesita trabajo
Colecciones de Disney+: Marvel, Pixar, Star Wars, etc. 'Continuar viendo'
⭐ Nuevo
Agregar contenido destacado a la lista de observación directamenteBuscar a través de categorías: nuevo, comedia, documental, etc. Navegar directamente a “todas las series” o “todas las películas”
Ahora que tenemos una idea de lo que los usuarios realmente podrían utilizar, es hora de ponerse a trabajar.
Para empezar, necesitamos el sistema de diseño de Disney+, o algo muy parecido, así que intenté reproducir los conceptos básicos con la mayor precisión posible. Echemos un vistazo:
Diseño por autor
Paso 1. Fundamentos
Una vez que el 'sistema' estuvo en su lugar, comencé con lo fundamental: la navegación.
Quería que los usuarios pudieran encontrar categorías como “Novedades en Disney+” y “Comedia” o “Documentales” en un menú sencillo. El menú, combinado con el logo de Disney+, el ícono de casting y el avatar de perfil, conforman nuestra nueva página de inicio. encabezamiento.
Diseño por autor
Para brindar a los usuarios una línea directa a todas las series o películas, agregué dos íconos al navegación inferior. Para mí, personalmente, este elemento necesitaba urgentemente una actualización de la interfaz de usuario, así que intenté darle un aspecto más profesional y limpio.
Diseño por autor
Paso 2. Actualización
Con la navegación en su lugar, pasé a actualizar los siguientes dos elementos.
El Disney+ colecciones, ocupando mucho espacio en su estado actual y luciendo un poco aburrido debido al color de fondo elegido. Aquí está mi opinión sobre el asunto:
Diseño por autor
A continuación, el 'seguir viendo', que no solo se esconde debajo de 2 filas de contenido destacado, sino que es un poco grande. Actualicé el elemento y me aseguré de que los usuarios vean más de un programa, sin tener que deslizarse hacia la izquierda.
Diseño por autor
Paso 3. Nuevo estilo
Por último, pero no menos importante, quería darle más espacio al contenido destacado. Actualmente está situado en la parte superior de la pantalla, escondido de forma agradable y acogedora entre nuestro encabezado y nuestras colecciones. Para mí esta sección, especialmente en el caso de Disney, debería ser un lugar de magia, de gran contenido. El contenido está ahí, la magia no. Así que me propuse recuperar algo de lo que se había perdido.
Mi versión está inspirada en Netflix y HBO Max. He agregado un 'Agregar a la lista' opción para que los usuarios agreguen rápidamente contenido a sus favoritos. Esta sección de contenido destacado, cosas nuevas y interesantes, ahora finalmente se suma al excelente, pero limitado, contenido que Disney tiene para ofrecer.
No voy a revelar el diseño final todavía, pero aquí hay parte de nuestro nuevo contenido destacado:
Diseño por autor
Ahora que hemos trabajado con todos los elementos existentes, actualizados y nuevos, sólo me queda una cosa por hacer: mostraros el resultado final, con la versión de Disney para comparar. ¡Aquí vamos! 🎉
¡La versión de Disney!
Imagen del autor. Diseño de Disney
¡Mi version!
Diseño por autor
Para mí, este ha sido un gran primer estudio para esta nueva serie 'Una toma diferente'. Me gustó rediseñar la aplicación Disney+, porque no tiene nada de malo. Encontrar elementos para modificar fue un desafío, pero estoy contento con los resultados.
Si has llegado hasta aquí y has leído o escaneado toda la publicación, ¡te estoy muy agradecido! Gracias por darme tu valioso tiempo.
¿Quieres que publique más de estos estudios rápidos? ¡Deja un me gusta! 💪
¿Alguna pregunta sobre mi trabajo o simplemente quieres saludar? ¡Deja un comentario y charlamos! 📣
¡Salud! 👋