Del traductor: hoy le ofrecemos a Habré una traducción del artículo del diseñador de interfaces Kévin Eugène. Ha estado involucrado en este campo durante muchos años, por lo que tiene algo que contar. El ejemplo de YouTube es uno de los más reveladores, porque todos conocemos este servicio.Como todos ustedes, uso YouTube con bastante frecuencia. Música, programas de ciencias populares, ver videos para relajarse: todo esto se puede encontrar en el servicio. Bueno, dado que es bien conocido por todos nosotros, traté de demostrar claramente una forma de mejorar la interacción de una persona y una plataforma.
Skillbox recomienda: Un curso práctico de dos meses en UX Design .
Le recordamos: para todos los lectores de Habr: un descuento de 10.000 rublos al registrarse en cualquier curso de Skillbox de acuerdo con el código promocional de Habr.
Página de inicio
En el nuevo diseño de la página de inicio, me centraría en las recomendaciones. Mientras el primer video recomendado se reproduce en segundo plano, el resto se puede iniciar simplemente haciendo clic en ellos con el mouse. Puede detener o silenciar el video de fondo, y si al usuario le gustó, agréguelo a la lista Ver más tarde o comience a verlo de inmediato. El video comienza desde el momento en que finaliza la vista previa.
El usuario puede crear rápidamente una lista de reproducción con todas las recomendaciones de una página específica: para esto, solo tiene que hacer clic en el botón junto a la placa "Mis recomendaciones". Esto es necesario para lograr el máximo nivel de interacción entre el usuario y el algoritmo de aprendizaje automático.
Además, la nueva interfaz necesariamente debe usar tonos oscuros para que el contenido se destaque, y es más fácil para los ojos enfocarse en un video específico.
Jugador
Decidí cambiar el panel para que correspondiera a la nueva interfaz. De hecho, todo está encarcelado por él.
Me gusta y no me gusta botones
En esta versión, el problema con los botones es que no están disponibles en modo de pantalla completa y, después de todo, la mayoría de los usuarios del servicio prefieren ver videos de YouTube de esta manera. La peor parte es que en la interfaz actual es muy fácil cambiar al siguiente video: se enciende automáticamente. En el nuevo concepto, los botones se encuentran en la parte superior del reproductor, por lo que puede usarlos en cualquier momento.
Por un lado, la reproducción automática es conveniente, pero por otro, no tengo tiempo para que me guste o no me guste. Esto debe evitarse, ya que los creadores de contenido de video no reciben calificaciones bien merecidas. Bueno, como usuario, no puedo contarle a YouTube mis preferencias, por lo que todo termina con ofertas poco relevantes. A veces hago clic en el botón Me gusta antes de verlo, pero también puede confundir el algoritmo.
Columna derecha
La columna derecha muestra videos relevantes para el video actual. En cualquier caso, esto es lo que se quiere decir. Las ofertas se dividen en tres categorías:
Mi lista de reproducciónLos videos en la lista de reproducción activa se muestran aquí. Es como una línea de espera que se puede encontrar en aplicaciones de música como Spotify o Apple Music.
Puede arrastrar y soltar videos de las siguientes categorías en Mi lista de reproducción, reordenar fácilmente o habilitar la reproducción automática simplemente haciendo clic en el botón correspondiente. Puede editar la lista sin problemas con la ayuda de tres puntos blancos.
Cuando una lista de reproducción tiene un nombre, "Mi lista de reproducción" se reemplaza por ella.
Mis recomendacionesEsta sección se basa en los hábitos del usuario y no depende directamente de lo que está viendo en este momento. Me gustaría hacer que las recomendaciones sean fácilmente accesibles y, por lo tanto, desde aquí, el usuario tiene la oportunidad de ver todo el contenido desde el principio hasta el final, ya que hay un botón de reproducción junto al nombre.
Cuando el usuario hace clic en él, los videos recomendados entran en Mi lista de reproducción. "Mis recomendaciones" no se editan, ya que este es el resultado de los algoritmos, pero el video se puede arrastrar y soltar en "Mi lista de reproducción" si lo desea.
Más similar a este videoEn la categoría, se muestran videos que, por tema, corresponden al video que se está viendo actualmente.
Si mira una sección similar en YouTube, comprenderá que no hay una categorización clara o una explicación de cómo llegan los videos aquí.
Al final, el usuario simplemente no comprende por qué se le muestra este video, porque es del mismo canal que el actual o por otra razón. En algunos casos, todas estas recomendaciones parecen una elección completamente al azar. Además, si el video que está viendo está contenido en el canal al que está suscrito el usuario, entonces la columna de la derecha muestra principalmente el video del canal actual, lo que no le permite ver más recomendaciones de terceros.
En el nuevo diseño, tres categorías ("Mi lista de reproducción", "Mis recomendaciones" y "Más similar a este video") se conectan entre sí y se muestran cada vez que se reproduce el video, incluso si "Mi lista de reproducción" está vacía. Vale la pena explicar las diferencias entre las categorías de forma breve y clara para que el usuario comprenda exactamente su propósito ("Basado en sus hábitos", por ejemplo, o "Basado en lo que está viendo ahora").
Al proporcionar una descripción clara de las categorías, ayudamos al usuario a comprender dónde buscar los videos que le interesan.
Bienestar digital y responsabilidad
Es genial construir una plataforma con una gran cantidad de contenido de entretenimiento, pero si existe una amenaza de adicción (un tipo de droga digital), las empresas están obligadas a proteger a sus usuarios.
Los diseñadores de UI / UX son responsables de crear sistemas que sean adictivos en el verdadero sentido de la palabra. Esto hace posible manipular los sentimientos de los usuarios.
El diseño propuesto de YouTube solo conlleva una parte de responsabilidad para los usuarios. Y lo mostraré con algunos ejemplos.
Por ejemplo, la reproducción automática de un video solo se puede activar dentro de las listas de reproducción que crea el usuario, y nunca en la lista de videos recomendados.
Además, la visualización es limitada en el tiempo, solo media hora. Una vez que se agota el límite, el sistema solicita al usuario que haga algo más: la reproducción automática se detiene. Esta advertencia debe ser lo suficientemente clara para que el usuario comprenda por qué debe dejar de mirar videos.
Herramientas como esta son extremadamente importantes para plataformas orientadas al contenido como Netflix y YouTube, que son adictivas. El usuario debe recordar la importancia de los descansos.
Imagen en imagen
Finalmente, imagen en imagen llega al escritorio. Y se ve genial.
Picture-in-picture se activa automáticamente cuando se cierra el panel de video. Puede habilitar la función arrastrando el videoclip o haciendo clic en la barra de búsqueda. En la versión mini del video, el usuario puede pausar la reproducción, silenciar el sonido, cambiar su tamaño, colocarlo en otro lugar o devolverlo al panel de video haciendo clic en él. Cuando se reproduce la miniatura, el video de fondo en la página principal se detiene.
Listas de reproducción instantáneas
Aquí, todos los elementos del rompecabezas convergen.
Listas de reproducción instantáneas: listas de reproducción temporales que el usuario puede crear, editar y ver muy rápidamente. Se basan en gestos de arrastrar y soltar.
Cuando un usuario captura un video en la parte inferior de la pantalla, se guarda en la Lista de reproducción instantánea y se encuentra en la parte superior en un modo de imagen en imagen. La reproducción no comienza hasta que el usuario decida hacerlo.
Cuando se captura un video, desaparece de la lista; en cambio, el siguiente video es lo primero. El usuario puede agregar tantos videos a la lista de este tipo como le parezca, simplemente "bajándolos" en la pantalla.
Como se mencionó anteriormente, la lista de reproducción instantánea es una lista temporal. Tan pronto como el usuario cierra YouTube, dichas listas se eliminan. Si lo desea, se pueden guardar abriendo el menú de edición. El usuario puede nombrar sus listas, eliminar videos de ellos, reorganizar videos.
El concepto de listas se puede comparar con el comportamiento de un usuario en un supermercado: selecciona los productos que le gustan y los agrega al carrito para usarlos más tarde.
Las listas son buenas porque puedes guardar tus videos favoritos en un par de segundos. En la versión anterior de la interfaz esto no se puede hacer. En cambio, puede guardar un video para verlo en el futuro, pero lleva más tiempo.
Como conclusión
Por supuesto, todo lo que se dijo anteriormente no es un dogma, sino simplemente un intento de resolver algunos de los problemas que encontré al trabajar con la plataforma. Por favor, hágame saber en los comentarios lo que piensa. Cualquier sugerencia de mejora es bienvenida. :)
Skillbox recomienda: