A Closer Look At la conception de YouTube Gaming (Créateur Preview)

Hier, nous avons a pris un coup d'oeil à l'application YouTube Gaming (au moins l'aperçu de créateur). Navigation dans l'application, les utilisateurs verront plusieurs éléments évidemment informé par la conception existante de YouTube - le lecteur vidéo peut être minimisé et a rejeté, le modèle de navigation repose entièrement sur pattes, et d'obtenir les utilisateurs à découvrir plus de contenu est le nom du jeu. Mais les branches d'applications hors de la conception et UX de YouTube - et la conception de l'ensemble des applications Android de Google - à certains égards, vraiment remarquables et uniques.

Pour cette raison, je pensais que ce peut être amusant de prendre un coup d'oeil de plus près à la conception de YouTube Gaming (Créateur Preview). Nous choisissons quelques-unes des parties les plus intéressantes de la conception du jeu, mais si vous avez pas déjà, je vous recommandons de télécharger l'application et de vérifier par vous-même, aussi.

Vous êtes déjà regarder

Un nouvel élément de conception est sûre de vous frapper dans le visage dès que vous ouvrez l'application YouTube Gaming - Aperçu vidéo clips. Plutôt que de compter uniquement sur les vignettes, Gaming montre en boucle des aperçus de vidéos sponsorisées, lui faire sentir comme si vous avez déjà commencé à plonger dans le contenu même si cela est votre première fois l'ouverture de l'application.

Seul le temps (et les données que je ne verrai jamais) nous le dira, mais si je devais deviner, je dirais que le passage à des clips animés de vidéos en vedette est destiné à conduire l'engagement. Reprenant les vignettes pour les vidéos de YouTube est déjà une science, et il est probablement celui qui ne peut être amélioré avec le mouvement.

Salons onglets

Mais peut-être la partie la plus intéressante de la conception de jeu est la barre d'onglets. Il ya de nouveaux modèles ici que nous avons pas vu nulle part ailleurs dans le portefeuille de Google, et qui font un excellent travail de la construction sur la langue existante de conception de Google sans casser son esthétique.

Tout d'abord, les étiquettes d'onglet. Les concepteurs ont débattu à jamais si les étiquettes de texte ou les icônes sont "mieux" pour découvrir le, UX, ou tout simplement esthétique. Icônes économiser de l'espace et de l'air joli, mais font-ils communiquent clairement les actions ou les destinations de leur propre chef? Les étiquettes de texte peuvent communiquer mais ils prennent un espace précieux, et rendre la localisation d'autant plus difficile. Ayant à la fois, dans le contexte d'une barre d'onglets, est pratiquement hors de question. Sauf si vous faites ce jeu ne - transformer entre les deux que l'utilisateur navigue. Regarde ça:

L'idée ici est grande, mais si elle était inversée? Au lieu de conduire avec des étiquettes de texte, conduire avec des icônes. Cela donne un aspect plus minime, et lorsque l'utilisateur tape ils obtiennent une étiquette de texte plus descriptif, une technique qui pourrait donner à l'utilisateur d'explorer davantage et tapez quelques plus de choses. Bien sûr, des étiquettes de texte seront toujours plus explicite que les icônes, cependant.

Il ya plus, si. Jetez un oeil à une page de canal ou jeu. La zone de l'onglet ne montre pas seulement la page courante, mais fait allusion à contenu sur les pages adjacentes, avec environ 24dp valeur de contenu peering en des deux côtés. Juste assez pour, encore une fois, enhardir l'utilisateur de glisser ou appuyez et découvrir quelque chose d'autre à voir.

Les barres d'outils à plusieurs niveaux

Même les barres d'outils ont un comportement unique dans l'application de jeu. La meilleure preuve sur la page de la chaîne. La barre d'outils principale est là-haut où il est toujours, mais il ya une barre d'outils de second rang avec le canal et les informations de l'abonné et la barre d'onglets. Mais vérifier ce qui se passe lorsque l'utilisateur fait défiler vers le bas - la barre d'onglets chevauche la partie supérieure de la barre secondaire et rencontre avec la barre primaire, fourrant hors de l'écran que le défilement se poursuit. Structurellement ce est une sorte de fascinant. Le contenu lié à la navigation sur le page de la chaîne (que vous faites pendant le défilement) reste disponible dans toute la transition, tandis que les métadonnées de canal et actions secondaires sont rejetées en fonction de leur importance relative. Il semble comme un petit truc, mais il est évident que beaucoup de pensée est allé dans cette interaction.

Recherche non standard

Une bizarrerie étrange à propos de YouTube Gaming est la barre de recherche. Sur l'écran principal, il ya une barre de recherche intégrée dans la barre d'outils. Tapping il va ouvrir une barre de recherche complète (comme celui utilisé dans Google Now et le Play Store) - qui est un assez d'interaction bizarre sur son propre - mais il ya quelque chose sur. Comparez les deux barres de recherche ci-dessous. L'un au-dessus est du jeu tandis que le dessous est bar standard de Google.

Le bar de YouTube Gaming est évidemment non-standard. En fait, alors que la barre de recherche normale est 48DP hauteur (la taille minimale toute cible tactile devrait être, depuis qui est de la taille d'un doigt humain), la barre de recherche de jeux plafonne à 40dp hauteur. Il a également légèrement plus petites icônes.

Mais regardez à nouveau à l'état "fermé" de la barre de recherche. Il est en fait encore plus petit que l'état ouvert, et son espacement entre le bord de la toile est également non-standard.

Il est possible que l'équipe voulait simplement utiliser un petit bar pour des raisons esthétiques, qui ont conduit à les divers compromis décrites ci-dessus. Mais pourquoi faire une la barre de recherche telle taille étrange de commencer? La réponse est probablement qu'il allait mal à la hauteur normale. Voici ce qu'est une barre de recherche de haut 48DP ressemblerait dans une barre d'outils 56dp avec l'avatar dans le même endroit que il apparaît maintenant (corrigé pour le rembourrage 8DP sur la gauche). Il est un peu maladroit.

La réponse ici est peut-être de garder la barre de recherche-état ouvert plus petit, ou il pourrait être de reprendre la barre d'outils entière comme beaucoup d'autres applications de Google faire, mais même ce serait une transition moins-que-idéal.

Mini-tiroirs sur tablette

Ces onglets super-génial nous avons parlé il ya une seconde? Ils sont partis sur des appareils plus gros, au moins sur l'écran principal. A leur place, Google mis en place un nouveau paradigme vraiment intéressant que je vais appeler mini-tiroirs. Ce sont deux superpositions translucides qui flanquent l'écran. Un pour les jeux et l'autre pour les canaux. Ils défilent de haut en bas montrant avatars de canaux ou jeu art de boîte respectivement.

Votre première pensée pourrait être »qui est incroyablement distrayant», et vous avez raison! Mais Google a pris des mesures pour réduire la distraction avec encore une autre astuce visuelle - désaturer tout le contenu des mini-tiroirs jusqu'à ce que vous interagissez avec eux.

Si vous avez remarqué que l'utilisateur avatar en haut à droite ne sont pas alignées avec les avatars mini-tiroir, vous n'êtes pas seul. Si vous n'êtes pas remarqué, je présente mes excuses.

Les mini-tiroirs forcent également le contenu furtivement je mentionné précédemment - pages de canal ont deux colonnes par onglet, mais aucune indication sur les côtés. Cela est logique, même si - le contenu furtivement sous chaque mini-tiroir aggraverait le problème déjà appuyant sur des informations visuelles distrayant.

Bien sûr, le revers de la médaille de cette perte est que vous pouvez accéder aux chaînes et des listes de jeux de plus de pages dans l'application, il ya donc plus de possibilités de sauter autour et découvrir plus de contenu sans avoir à revenir à l'écran principal.

Dernières pensées

Le but de ce post est de souligner que YouTube jeux de touches uniques et de nouveaux éléments de l'interface - tandis que les non norme - sont une bonne chose. Je ne pense pas que l'application a tout droit, mais il ne innove et itérer sur la conception matérielle de façons nouvelles et intéressantes, et qui devrait être célébré.

De la même manière que la boîte de réception a innové à travers la métaphore de papier avec des messages magnifiquement expansion et que mécanicien fun-swipe to-go-back, YouTube Gaming a introduit plusieurs idées nouvelles que les concepteurs et les développeurs peuvent inspecter, émerveillez-vous devant, et tirer de leur propres moyens. La plupart des nouveaux éléments sont magnifiques à regarder, agréable à utiliser, l'autonomisation des utilisateurs, et servent ce que je dois supposer est un objectif de produit principal (de la découverte et de l'engagement) sans être ennuyeux. Chaque fois que vous pouvez vérifier la plupart de ces boîtes, je vais envisager une victoire. De plus, il est vraiment amusant à regarder gifs d'une belle nouvelle application.