Du traducteur: nous proposons aujourd'hui à Habré une traduction de l' article du designer d'interface Kévin Eugène. Il est impliqué dans ce domaine depuis de nombreuses années, il a donc quelque chose à dire. L'exemple YouTube est l'un des plus révélateurs, car ce service est bien connu de nous tous.Comme vous tous, j'utilise souvent YouTube. Musique, programmes scientifiques populaires, regarder des vidéos pour se détendre - tout cela peut être trouvé sur le service. Eh bien, comme il est bien connu de nous tous, j'ai essayé de démontrer clairement un moyen d'améliorer l'interaction d'une personne et d'une plate-forme.
Skillbox recommande: Un cours pratique de deux mois sur la conception UX .
Nous vous rappelons: pour tous les lecteurs de Habr - une remise de 10 000 roubles lors de l'inscription à un cours Skillbox selon le code promotionnel Habr.
Page d'accueil
Dans la nouvelle conception de la page de démarrage, je me concentrerais sur les recommandations. Pendant que la première vidéo recommandée est lue en arrière-plan, le reste peut être lancé en cliquant simplement dessus avec la souris. Vous pouvez arrêter ou désactiver la vidéo d'arrière-plan et, si l'utilisateur l'aimée, l'ajouter à la liste À regarder plus tard ou commencer à la regarder immédiatement. La vidéo démarre à la fin de l'aperçu.
L'utilisateur peut créer rapidement une playlist avec toutes les recommandations d'une page spécifique: pour cela, il suffit de cliquer sur le bouton à côté de la plaque «Mes recommandations». Cela est nécessaire pour atteindre le niveau maximum d'interaction entre l'utilisateur et l'algorithme d'apprentissage automatique.
De plus, la nouvelle interface doit nécessairement utiliser des tons sombres pour faire ressortir le contenu, et il est plus facile pour les yeux de se concentrer sur une vidéo spécifique.
Joueur
J'ai décidé de changer le panneau pour qu'il corresponde à la nouvelle interface. En fait, tout est emprisonné pour lui.
Boutons J'aime et n'aime pas
Dans cette version, le problème avec les boutons est qu'ils ne sont pas disponibles en mode plein écran, et après tout, la plupart des utilisateurs du service préfèrent regarder des vidéos YouTube de cette façon. Le pire, c'est que dans l'interface actuelle, il est très facile de passer à la vidéo suivante: il s'allume automatiquement. Dans le nouveau concept, les boutons sont situés sur le dessus du lecteur, vous pouvez donc les utiliser à tout moment.
D'une part, la lecture automatique est pratique, mais d'autre part, je n'ai pas le temps d'aimer ou de ne pas aimer. Cela devrait être évité, car les créateurs de contenu vidéo ne reçoivent pas de notes bien méritées. Eh bien, en tant qu'utilisateur, je ne peux pas parler de mes préférences à YouTube, donc tout se termine par des offres pas trop pertinentes. Parfois, je clique sur le bouton J'aime avant de le visualiser, mais cela peut aussi brouiller l'algorithme.
Colonne droite
La colonne de droite affiche les vidéos pertinentes pour la vidéo actuelle. C'est en tout cas ce que l'on veut dire. Les offres sont divisées en trois catégories:
Ma playlistLes vidéos de la liste de lecture active sont affichées ici. C'est comme une file d'attente que l'on trouve dans les applications musicales comme Spotify ou Apple Music.
Vous pouvez faire glisser et déposer des vidéos des catégories ci-dessous dans Ma liste de lecture, réorganiser facilement ou activer la lecture automatique en cliquant simplement sur le bouton approprié. Vous pouvez modifier la liste sans aucun problème à l'aide de trois points blancs.
Lorsqu'une playlist a un nom, «Ma playlist» est remplacé par celui-ci.
Mes recommandationsCette section est basée sur les habitudes de l'utilisateur et ne dépend pas directement de ce qu'il regarde en ce moment. Je voudrais que les recommandations soient facilement accessibles, et donc à partir d'ici, l'utilisateur a la possibilité de regarder tout le contenu du début à la fin, car il y a un bouton de lecture à côté du nom.
Lorsque l'utilisateur clique dessus, les vidéos recommandées entrent dans Ma liste de lecture. «Mes recommandations» ne sont pas modifiées, car c'est le résultat des algorithmes, mais la vidéo peut être glissée et déposée dans la «Ma playlist» si vous le souhaitez.
Plus similaire à cette vidéoDans la catégorie, les vidéos sont montrées qui, par sujet, correspondent à la vidéo actuellement regardée.
Si vous regardez une section similaire sur YouTube, vous comprendrez qu'il n'y a pas de catégorisation claire ni d'explication sur la façon dont les vidéos arrivent ici.
À la fin, l'utilisateur ne comprend tout simplement pas pourquoi cette vidéo lui est montrée - car elle provient du même canal que le canal actuel, ou pour une autre raison. Dans certains cas, toutes ces recommandations ressemblent à un choix complètement aléatoire. De plus, si la vidéo que vous regardez est contenue sur la chaîne à laquelle l'utilisateur est abonné, la colonne de droite affiche principalement la vidéo de la chaîne actuelle, ce qui ne vous permet pas de voir plus de recommandations de tiers.
Dans le nouveau design, les trois catégories («Ma playlist», «Mes recommandations» et «Plus similaire à cette vidéo») sont liées les unes aux autres et sont affichées à chaque fois que la vidéo est lue, même si «Ma playlist» est vide. Cela vaut la peine d'expliquer les différences entre les catégories brièvement et clairement afin que l'utilisateur comprenne exactement leur objectif ("Basé sur vos habitudes", par exemple, ou "Basé sur ce que vous regardez maintenant").
En donnant une description claire des catégories, nous aidons l'utilisateur à comprendre où chercher les vidéos qui l'intéressent.
Bien-être numérique et responsabilité
C'est génial de construire une plateforme avec une énorme quantité de contenu de divertissement, mais s'il y a une menace de dépendance (une sorte de drogue numérique), les entreprises sont obligées de protéger leurs utilisateurs.
Les concepteurs UI / UX sont responsables de la création de systèmes qui créent une dépendance dans le vrai sens du mot. Cela permet de manipuler les sentiments des utilisateurs.
Le design proposé YouTube porte juste une part de responsabilité pour les utilisateurs. Et je vais le montrer avec quelques exemples.
Par exemple, la lecture automatique d'une vidéo ne peut être activée que dans les listes de lecture créées par l'utilisateur et jamais dans la liste des vidéos recommandées.
De plus, le visionnage est limité dans le temps - seulement une demi-heure. Une fois la limite épuisée, le système invite l'utilisateur à faire autre chose - la lecture automatique s'arrête. Cet avertissement doit être suffisamment clair pour que l'utilisateur comprenne pourquoi il doit arrêter de regarder des vidéos.
Des outils comme celui-ci sont extrêmement importants pour les plates-formes orientées contenu comme Netflix et YouTube, qui créent une dépendance. Il faut rappeler à l'utilisateur l'importance des pauses.
Image dans l'image
Enfin, l'image dans l'image arrive sur le bureau. Et ça a fière allure.
L'image dans l'image est automatiquement activée lorsque le panneau vidéo est fermé. Vous pouvez activer la fonction en faisant glisser le clip vidéo ou en cliquant sur la barre de recherche. Dans la version mini de la vidéo, l'utilisateur peut suspendre la lecture, couper le son, changer sa taille, le placer à un autre endroit ou le retourner au panneau vidéo en cliquant dessus. Lorsque la miniature est en cours de lecture, la vidéo d'arrière-plan de la page principale s'arrête.
Playlists instantanées
Ici, tous les éléments du puzzle convergent.
Listes de lecture instantanées - listes de lecture temporaires que l'utilisateur peut créer, modifier et afficher très rapidement. Ils sont basés sur des gestes de glisser-déposer.
Lorsqu'un utilisateur capture une vidéo en bas de l'écran, elle est enregistrée dans la liste de lecture instantanée et se trouve en haut en mode image dans l'image. La lecture ne démarre que lorsque l'utilisateur décide de le faire.
Lorsqu'une vidéo est capturée, elle disparaît de la liste; à la place, la vidéo suivante vient en premier. L'utilisateur peut ajouter autant de vidéos à la liste de ce type qu'il le souhaite, simplement en les «baissant» sur l'écran.
Comme mentionné ci-dessus, Instant Playlist est une liste temporaire. Dès que l'utilisateur ferme YouTube, ces listes sont supprimées. Si vous le souhaitez, ils peuvent être enregistrés en ouvrant le menu d'édition. L'utilisateur peut nommer ses listes, en supprimer des vidéos, réorganiser les vidéos.
Le concept de listes peut être comparé au comportement d'un utilisateur dans un supermarché: il sélectionne les produits qu'il aime et les ajoute au panier afin de les utiliser plus tard.
Les listes sont bonnes car vous pouvez enregistrer vos vidéos préférées en quelques secondes. Dans l'ancienne version de l'interface, cela ne peut pas être fait. Au contraire, vous pouvez enregistrer une vidéo pour la visionner à l'avenir, mais cela prend plus de temps.
En conclusion
Bien sûr, tout ce qui est dit ci-dessus n'est pas un dogme, mais simplement une tentative de résoudre certains des problèmes que j'ai rencontrés en travaillant avec la plate-forme. Veuillez me faire savoir dans les commentaires ce que vous en pensez. Toute suggestion d'amélioration est la bienvenue. :)
Skillbox recommande: