The Power of Video Game HUDs

Seulement huit mois avant la fin de The Last of Us,
Naughty Dog a enfin pu

travailler sur l'interface utilisateur du jeu.

"Alors que certains éléments de l'interface utilisateur avaient
déjà été ébauchés," explique la designeuse Alexandria

Neonakis, "un design global de l'affichage tête haute
n'avait pas encore été établi, et de nombreuses

choses n'étaient pas encore décidées".

Je pense que cela témoigne du fait que l'interafce
utilisateur peut être l'une des parties

les plus sous-appréciées du développement de jeu.

Une nuisance après réflexion, mise en place
à la dernière minute.

Mais, si l'on me le demande, elle ne devrait pas être sous-évaluée,
car l'IU peut avoir un impact considérable

sur l'aspect, le fonctionnement et les sensations d'un jeu.

Ainsi dans cet épisode de Game Maker's Toolkit,
Je souhaite explorer l'intersection entre l'IU et

le game design, pour comprendre comment les barres de vie
et les compteurs d'endurance peuvent changer la façon dont nous jouons.

Maintenant, l'interface utilisateur englobe beaucoup de choses différentes.

Comme les lobbies en ligne, les écrans d'inventaire, les arbres de dialogue,
les menus d'artisanat, les pages des magasins, et ainsi de suite.

Mais pour cette vidéo, je veux me concentrer sur un
type spécifique d'interface utilisateur : l'affichage tête haute, ou HUD (en anglais, ndt).

C'est la chose qui est posé par-dessus le gameplay,
pendant que vous êtes au milieu de l'action.

Et donc la première question, je suppose, est : quel est
est le but du HUD, et quel(s) avantage(s)

fournit-il au joueur ?

Pour aider à répondre à cette question, laissez-moi décomposer
le HUD en deux parties distinctes : ce que

je vais appeler les jauges, et les aperçus.

Les jauges sont celles que nous imaginons habituellement quand
quand nous pensons aux HUDs.

Il s'agit de prendre des informations qui seraient
normalement invisibles, et de les faire apparaître pour

le joueur.

Donc, la santé d'un personnage est généralement un nombre
caché dans le code du jeu, mais une barre de santé

peut le révéler au joueur.

Le comportement de l'IA peut être impénétrable sans aide visuelle
comme les cônes de vue, les portées de mouvements, et

les indicateurs d'attaque.

Et à cause des limitations de la caméra, des informations critiques
peuvent être cachées hors de l'écran, à moins qu'elles ne soient

mises en évidence par des indicateurs ou une mini-carte.

Les jauges ont pour but d'aider le joueur à comprendre
l'état actuel ou futur de l'univers du jeu,

ce qui lui permet de faire des plans
et des mouvements intentionnels.

Voici une étude de cas provenant du Deck Builder addictif
Slay the Spire.

Au début du développement, les ennemis ne vous donnaient
aucune indication de ce qu'ils avaient l'intention de faire.

Donc les joueurs ne savaient pas s'ils devaient bloquer ou
attaquer à chaque tour, et finissaient par jouer

de manière assez aléatoire.

Pour corriger cela, le développeur Mega Crit a ajouté ces
indicateurs qui vous montrent ce que l'ennemi va

faire ensuite.

Maintenant le joueur peut prendre des décisions plus intelligentes
sur la façon d'utiliser sa main, et ainsi concocter

des stratégies synergiques satisfaisantes.

Voilà ce que sont c'est les jauges.

Les aperçus, d'un autre côté, servent à vous montrer
ce qui va se passer si vous appuyez sur un bouton

ou si vous faites une action.

Dans leur forme la plus simple, ce sont ces pop-up
pour les actions contextuelles,

vous savez, appuyer sur Y pour ouvrir la porte, appuyer sur X pour monter
dans un véhicule, appuyer sur E pour sauter dans un charnier.

Quoi ?

Euh.

Mais un aperçu pourrait aussi être quelque chose comme
un arc qui vous montre la trajectoire de votre

jet de grenade.

Un indicateur qui vous montre quand vous êtes à
portée d'un point de grappin.

Un verrouillage pour vous montrer quel ennemi vous ciblez.

Ou cette ligne qui vous montre exactement où
votre unité va courir dans XCOM.

Les avant-premières ont pour but de donner au joueur
les conséquences de ses actions

qu'il pourrait prendre, avant qu'il ne s'y engage.

Cela permet aux joueurs d'agir avec confiance,
au lieu d'une foi aveugle.

Pour cette étude de cas, nous allons nous tourner vers Shovel
Knight.

Dans la troisième campagne DLC, Specter Knight
dispose d'un mouvement dash slash, qui lui permet de

de trancher certains objets et de sortir
de l'autre côté.

Initialement, Yacht Club Games a mis en évidence cette
cette interaction par un simple changement de la position du personnage,

mais a constaté que cela n'expliquait pas de manière adéquate
quand et où cette interaction sensible au contexte

de l'action pouvait se produire, ou où Specter Knight
se retrouverait à la fin de l'action.

Au final, l'équipe a mis en place un simple indicateur
qui s'affiche lorsque vous vous approchez d'un objet.

Cela vous indique clairement que le slash dash
se produira lorsque vous appuierez sur le bouton correspondant,

et vous montre exactement où vous vous rendrez
quand vous appuierez dessus.

Le réticule était "le changement le plus important
que nous avons fait pour rendre le Dash Slash compréhensible".

dit le développeur.

Les jauges et les aperçus sont donc des outils très pratiques
pour donner aux joueurs des informations, soit sur

l'état actuel du jeu, ou un aperçu
dans un futur proche.

Cela permet aux joueurs d'interagir en toute confiance
et confortablement - et de faire des plans spécifiques et significatifs.

Mais voilà le truc, derrière le rideau,
les jeux suivent des centaines de variables

et l'interface utilisateur pourrait présenter
n'importe quel nombre d'entre elles au joueur.

Et vous pourriez montrer un aperçu de n'importe quelle action
avant qu'elle ne se produise.

Alors pourquoi les jeux ne vous montrent-ils pas toutes ces informations ?

Eh bien, tout comme il y a des avantages à révéler ces informations au joueur,
il y a également des avantages

à en retenir une partie.

Si vous regardez dans le design UX (Expérience Utilisateur, ndt),
UX étant l'épine dorsale expérientielle et psychologique qui

guide l'UI - vous rencontrerez le terme "charge cognitive".

Il s'agit de la façon dont le cerveau humain peut seulement
jongler avec tant d'informations dans la mémoire de travail.

Et plus vous mettez de bazard sur l'écran,
plus le jeu est difficile à analyser.

La technologie de suivi des yeux peut montrer à quel point nos
yeux doivent se déplacer sur l'écran pour garder le contrôle

de ces informations.

Par conséquent, en réduisant l'interface utilisateur, en éliminant
les choses qui sont superflues ou répétées, ou simplement

de la poudre aux yeux, peut réduire la charge cognitive.

Mais, il ne s'agit pas seulement de se débarrasser des éléments.

Et, en fait, l'IU peut parfois aider avec la
charge cognitive.

Si vous deviez vous souvenir du nombre de balles que vous avez tirées,
, et bien dans toute cette excitation vous pourriez

perdre la trace de si vous avez tiré six coups
ou seulement cinq.

Un compteur de munitions est plus efficace
dans ce cas.

Donc, au lieu de cela, il s'agit d'être intelligent avec
la mise en page pour s'assurer que les informations

qui sont sur l'écran sont pertinentes et
facile à digérer.

Une façon d'y parvenir est de penser à
la hiérarchie visuelle.

C'est là que nous utilisons des techniques comme la taille des polices,
la couleur, l'échelle, la position et le mouvement pour créer une hiérarchie visuelle.

Certains éléments ressortent ainsi plus que d'autres.

Si tout ce qui est à l'écran vous crie dessus
avec la même intensité, c'est difficile de savoir

sur quoi se concentrer.

Et si rien n'est mis en évidence,
des informations critiques peuvent passer inaperçues.

Considérez, par exemple, le pop-up d'intrusion
dans Hitman.

Il s'agit d'une alerte très utile, mais dans Hitman
2016, vous ne la verrez peut-être même pas, elle est juste

une simple étiquette qui apparaît sous la mini-carte
dans le coin de l'écran.

C'est beaucoup mieux dans Hitman 2, où l'étiquette est jaune,
et clignote sur la carte

pour attirer votre attention.

C'est encore mieux dans Hitman 3, où ce changement
d'état est soutenu par un signal sonore évident.

*Flare audio*

Pour aider à réfléchir à la hiérarchie visuelle, le designer
Zach Gage parle du "Principe des

trois lectures ", qui consiste en trois niveaux d'informations
visuelles, classées du plus important au moins important.

Zach explique cela avec l'un de ses propres
jeux : SpellTower.

La première lecture sera les éléments principaux du jeu,
les lettres que vous utilisez pour épeler les mots.

La deuxième lecture montrera les règles importantes et critiques
qui sont vitales pour le gameplay comme les colonnes qui

sont sur le point de mettre fin à votre jeu et
les lettres bonus bleues qui peuvent effacer une ligne

entière.

Et la troisième lecture montrera des choses plus petites,
moins importantes, comme les petites règles contextuelles

comme ces tuiles qui peuvent seulement être utilisées
dans des mots plus longs.

Les développeurs peuvent classer les informations par ordre
d'importance, et ensuite utiliser la conception pour assurer

que les informations les plus pertinentes ressortent.

Et parce que les jeux sont dynamiques, il est possible
pour les informations de se déplacer entre les différentes

lectures à des moments différents.

Zach considère Hearthstone comme une " vague constante "
de choses qui sont portées à votre attention

lors de la première lecture, puis s'effaçant dans la
la deuxième ou troisième lecture".

Une autre façon de réduire la charge cognitive est de
de se poser la question : est-ce que tous ces éléments de l'interface utilisateur

doivent-ils être montrés tout le temps ?

Par exemple, dans Castlevania 1, on pouvait voir
la barre de santé du boss pendant toute la durée du

niveau, pour une quelconque raison.

Aujourd'hui, elle n'apparaît que lorsque
vous commencez le combat.

Mais ce principe peut s'étendre à à peu près
tout élément d'interface utilisateur.

Dans Ghost of Tsushima, vous ne verrez votre barre de santé
barre de santé que lorsque vous dégainez votre épée car

c'est seulement pertinent pour le combat,
et pas pour l'exploration générale de l'île.

Ok. Donc, une autre raison de laisser tomber le HUD - et
celle-ci devient de plus en plus populaire

avec le temps - est en termes de présentation.

Un désir de rendre les jeux plus cinématiques
et immersifs, et de ne pas gâcher ces belles images

visuels 3D avec des ressources 2D ennuyeuses.

Cependant, quiconque pense que l'interface utilisateur doit être ennuyeuse
n'a manifestement jamais joué à Persona 5.

♫ Musique de Persona 5 ♫

Maintenant, il ne s'agit pas de simplement effacer tout
du HUD.

Ce n'est pas quelque chose qui devrait être fait
au détriment de la lisibilité ou de la compréhension.

Au lieu de cela, il s'agit d'être intelligent avec la façon dont
cette information est présentée.

Donc, comme avant, les développeurs peuvent cacher des informations
et ne les montrer que lorsque c'est strictement nécessaire.

Mais une autre solution consiste à rendre les éléments HUD
diégétiques.

C'est lorsque l'interface utilisateur existe réellement, physiquement,
dans le monde du jeu.

La prise la plus populaire sur ce point est, bien sûr,
Dead Space.

Pour essayer d'augmenter les qualités immersives
de ce jeu de survie et d'horreur, Visceral Games a enlevé

le HUD et a mis les mêmes informations dans
le monde du jeu lui-même.

La barre de santé et le compteur de stase d'Isaac sont
intégrés dans les tuyaux et les jauges de sa combinaison.

Le nombre de munitions de chaque arme est indiqué sur
l'arme elle-même.

Même des choses comme l'inventaire sont stylisées
avec des projections holographiques dans le monde.

Nous pouvons voir des exemples efficaces de ceci
dans d'autres jeux : dans Metroid Prime, le HUD fonctionne

exactement comme tous les autres jeux de tir, mais en le plaçant
sur la visière du casque de Samus, et en le faisant

bouger de façon réaliste, cela augmente
votre sentiment de présence et votre connexion

au personnage.

Mais ce n'est pas seulement une question de style et de présentation.

Rendre cette information diégétique peut amener
des conséquences intéressantes sur le gameplay.

Dans Alien Isolation, vous pouvez brandir un gadget
pour voir une lecture de suivi de mouvement.

C'est similaire à la mini-carte dans un jeu comme
Call of Duty, mais parce qu'il s'agit d'une carte physique,

cela signifie que vous devez choisir si
vous voulez accéder à cette information, ou si

vous voulez tenir une arme.

Vous ne pouvez pas avoir les deux.

Maintenant, un HUD diégétique ne doit pas seulement signifier
des barres de santé normales et des compteurs de munitions, mais

rendu dans le monde du jeu d'une manière intelligente.

Parce que si on pousse l'idée encore plus loin,
vous pouvez utiliser des éléments que nous n'aurions pas habituellement

penser à l'interface utilisateur pour exprimer cette même information.

Comme, vous n'avez pas vraiment besoin d'une barre de santé dans
Wreckfest pour savoir à quel point votre voiture est proche

d'être détruite - vous pouvez le voir sur la
voiture elle-même.

Et avez-vous vraiment besoin d'un indicateur pour vous dire
si Link a trop chaud ou trop froid dans

Breath of the Wild ?

On peut faire remonter cela à Super Mario Bros,
où la santé de Mario est représentée par

la taille de son sprite.

Une autre raison de retenir le HUD
est de rendre le jeu intentionnellement moins

lisible.

Dans The Last of Us Part II, les premiers ennemis humains
que vous rencontrerez vous donner verbalement

leurs intentions et leurs plans, vous donnant une
idée de ce que l'ennemi pense et vous permettant

de planifier autour d'eux.

Mais plus tard, vous rencontrez une nouvelle faction
d'ennemis qui conversent exclusivement en dur,

sifflements aigus.

*Sifflement*
*Impact de la flèche* *Ellie crie*

Ces sifflets sont intentionnellement conçus
pour être impossible à analyser par le joueur.

Et donc j'ai trouvé que ces ennemis étaient significativement
plus intimidants et difficiles à combattre,

en grande partie, à cause du manque de ces informations.

En allant plus loin, la quantité d'informations dont nous disposons
en tant que joueur va complètement changer notre

comportement.

Les développeurs de Reigns se sont rendu compte de cela
en faisant leur jeu de gestion inspiré

de Tinder.

À l'origine, le jeu montrait les chiffres exacts
de toutes vos statistiques, et comment vos choix allaient

les affecter.

Mais lors des tests, les joueurs se sont concentrés presque exclusivement
sur l'optimisation de ces chiffres,

et ont ignoré la majeure partie du texte.

Après avoir changé l'interface utilisateur pour des barres vagues, les joueurs
se sont de nouveaux intéressés à la lecture de l'histoire, et ont agi

sur un niveau plus émotionnel,
plutôt que sur le plan analytique.

Je pense que cela prouve que les développeurs
n'ont pas nécessairement besoin de supprimer complètement le HUD,

mais devraient au moins considérer sa précision.

Voulez-vous que la barre de santé soit un nombre exact,
un compteur, ou juste une vague tache rouge

au centre de l'écran ?

Cela dépend vraiment de ce que le joueur va
faire avec cette information - est-ce que c'est pour calculer

les différences exactes, ou est-ce juste un avertissement
de rester en arrière et de trouver un abri ?

Maintenant, quand il s'agit de ces éléments de prévisualisation
du HUD dont j'ai parlé... et bien, plus on avance dans le

futur, et plus cette information est précise,
et vous pouvez donc établir des plans plus spécifiques.

Comme dans Mark of the Ninja, où l'on vous montre
exactement ce qui va se passer lorsque vous lancez

un couteau dans cette lampe.

Mais si vous réduisez le caractère futur de cette
information, ou la rendez floue et imprécise,

cela oblige le joueur à apprendre et à intérioriser
comment les mécanismes du jeu fonctionnent.

Considérons Peggle pour un moment.

Par défaut, l'indicateur de tir vous montre où
votre balle va aller... jusqu'à son premier coup.

C'est donc à vous de calculer mentalement
le ricochet après le premier impact.

Cela fait partie de la courbe d'apprentissage.

Je veux dire, il y a un moyen de pousser cette prévisualisation
plus loin dans le futur, mais c'est un power-up,

ce qui montre à quel point cette
information peut être puissante.

Aussi, saviez-vous qu'il y avait un brevet pour
le gameplay de Peggle ?

Parce que, je suppose que c'est un thème pour la chaîne,
maintenant.

Parce que l'interface utilisateur est si puissante, alors, elle peut être
associée à des choses comme la difficulté ou les modes d'assistance.

Considérez comment les jeux de course montrent souvent une
une ligne de course optimale en mode facile, mais vous demandent

de trouver la voie par vous-même en mode difficile.

L'interface utilisateur peut être utilisée pour changer la difficulté d'un jeu
entre les modes, ou au cours de l'aventure,

comme tout autre élément de gameplay.

Je pense donc que tout cela montre que l'interface utilisateur peut
avoir un effet très puissant sur un jeu.

Et si elle est utilisée efficacement, l'interface utilisateur peut soutenir
et faire avancer les objectifs de la conception du jeu.

Mais... et dans l'autre sens ?

Pas le game design influençant l'interface utilisateur, mais l'interface utilisateur influençant
le game design.

Pour une dernière étude de cas, regardons la
gemme déterministe tactique Into the Breach.

Ce jeu vous montre ce que chaque ennemi est sur le point
de faire, au même moment, sur une petite grille claustrophobe.

Le résultat est un réseau complexe de flèches et d'icônes
qui vous donnent une image complète de

ce que l'armée de l'ennemi prépare.

Mais le développeur Subset Games a découvert que
pour que ce système fonctionne, certains ennemis et

armes devaient être retirés du jeu, tout simplement
parce qu'ils étaient trop difficiles à montrer.

Des choses comme des armes avec une longue chaîne de cause
et d'effet, ou des attaques ennemies qui auraient un impact

dans une grande zone.

Justin Ma, co-concepteur, déclare : " En tant que principe
de conception du jeu, nous sacrifierions des idées cool

au nom de la clarté à chaque fois".

Et ce n'est pas le seul jeu où cela s'est produit.

Dans Hearthstone, la raison pour laquelle vous pouvez seulement
avoir sept unités en jeu à la fois, et c'est parce que

c'est le nombre qui tient sur l'écran.

Et certains pouvoirs des héros ont été modifiés parce qu'ils
étaient trop complexes pour être montrés à travers les éléments de l'interface utilisateur.

En fin de compte, si quelque chose ne peut pas être rendu clair
au joueur, alors peut-être que ce n'est pas une bonne mécanique de jeu

et devrait être simplifié.

L'interface utilisateur n'est pas un pansement pour réparer les mécanismes de jeu cassés,
et c'est pour cela qu'il est important de concevoir

le HUD en tandem avec tout le reste,
et de ne pas le jeter avec le reste deu jeu à la fin.

Parce que comme tout le reste dans le développement de jeux,
l'interface utilisateur n'est pas quelque chose qui doit être fait

de façon arbitraire, ou "parce que c'est comme ça que les autres
jeux le font".

Cela doit être fait avec une pensée et une intention claires.

Faites-moi savoir quels jeux ont une interface utilisateur géniale.
dans les commentaires ci-dessous.

C'est l'heure des recommandations de jeux indépendants !

Il s'agit de Room to Grow, un jeu d'énigmes sur grille
avec un cactus qui peut grandir dans le but de pousser

les plantes dans le but.

Cela devient rapidement plus complexe lorsque vous poussez contre
le mur pour déplacer tout votre corps hérissé.

Et puis d'autres mécanismes sont ajoutés par-dessus
de cela.

C'est un petit jeu bien pensé avec
beaucoup de charme et des challenges sournois.

Il est disponible dès maintenant sur Steam.
Traduction par Infenix