← Zurück zu Game Design
Game UI (User Interface) bezeichnet alle interaktiven und informativen Bildschirmelemente in einem Spiel; das HUD (Heads-Up Display) ist jene Teilmenge davon, die während des aktiven Spielens permanent oder bei Bedarf sichtbar ist – Gesundheitsanzeige, Munitionszähler, Minimap und ähnliche Elemente.

Rubrik: Game Design & Interactive Media · Unterrubrik: Grundbegriffe · Niveau: Einsteiger Synonyme / Auch bekannt als: Spielinterface, Benutzeroberfläche, HUD, Heads-Up Display, In-Game Interface


Was ist Game UI und HUD?

Stellen Sie sich vor, Sie spielen ein Actionspiel ohne jegliche Bildschirmanzeige: Wie viel Gesundheit haben Sie noch? Wie viel Munition? Wo auf der Karte sind Sie? Ohne Game UI wäre ein Spiel in den meisten Fällen schlicht nicht spielbar. Das HUD (ursprünglich aus der Luftfahrt: ein Display, das Piloten wichtige Daten in ihr Sichtfeld einblendet, ohne den Blick von der Realität abzulenken) ist die Sammelbezeichnung für alle Anzeigen, die dem Spieler helfen, informierte Entscheidungen zu treffen.


Erklärung

Arten von Game UI-Elementen:

Persistente Elemente (Always-On): Sind immer sichtbar: Gesundheitsbalken, Munitionsanzeige, Punktestand, Zeitanzeige. Sie liefern Informationen, die der Spieler jederzeit braucht.

Situative Elemente (Context-Sensitive): Erscheinen nur in bestimmten Situationen: Ein Zielfernrohr beim Zielen, ein Interaktions-Prompt ("Drücke E zum Öffnen") vor einer Tür, ein Schadens-Overlay wenn der Spieler getroffen wird.

Menüs und Bildschirme: Inventar, Fähigkeitenbaum, Karte, Pause-Menü, Einstellungen. Diese erscheinen außerhalb des aktiven Spielflusses und erfordern eigenes Interface-Design.

Feedback-Elemente: Visuelle und akustische Hinweise auf Spielereignisse: Blinkendes Bildschirmrand bei Treffern, Zahlen, die aus Feinden herausfliegen, Benachrichtigungen für neue Quests.

Design-Prinzipien für gutes Game UI:

  • Relevanz: Zeige nur, was der Spieler gerade braucht. Überfüllte HUDs überlasten die Aufmerksamkeit.
  • Konsistenz: Gleichartige Elemente sehen gleich aus. Spieler müssen UI-Konventionen nicht neu lernen.
  • Feedback: Jede Spieleraktion erzeugt eine UI-Reaktion (Ressource geht runter, Leiste füllt sich, Sound spielt).
  • Lesbarkeit: Schriften, Kontraste und Größen müssen auf verschiedenen Bildschirmen funktionieren – relevant auch für Accessibility.
  • Immersionsfreundlichkeit: Das HUD sollte so unauffällig wie möglich sein, solange es seine Funktion erfüllt.

Das Spektrum: Informationsdichte vs. Immersion: Designer stehen vor dem klassischen Zielkonflikt: Mehr Informationen = bessere Spielbarkeit, aber weniger Immersion; weniger Informationen = stärkere Atmosphäre, aber mögliche Frustration. Spiele wie Dead Space lösen dies durch diegetisches Interface (das HUD ist Teil der Spielwelt); Spiele wie The Witcher 3 erlauben Spielern, HUD-Elemente individuell ein- und auszuschalten.

HUD-Minimalismus als Trend: Seit den frühen 2010er-Jahren wächst die Tendenz zu reduzierten, optionalen oder vollständig entfernten HUDs. Ghost of Tsushima (2020) führte den "Guiding Wind" als HUD-freie Navigationshilfe ein (Wind zeigt die Richtung an). Return of the Obra Dinn (2018) hat keinerlei HUD.


Beispiele aus der Praxis

  1. Doom (1993, id Software): Das Doom-HUD ist ikonisch und gleichzeitig ein Meisterstück funktionalen Designs: Gesundheit (Zahl), Rüstung, Munition, gewählte Waffe, Schlüssel – alles auf einem Streifen am unteren Bildrand. Das Gesicht von Doom-Guy reagiert emotional auf den Spielzustand (er sieht gestresst oder verletzt aus). Ein früher Meilenstein in expressivem UI.
  2. Metroid Prime (Nintendo, 2002): Das Spiel zeigt das HUD aus der Perspektive des Visiers von Samus' Rüstung – ein früher Klassiker diegetischen Interface-Designs. Informationen wirken wie Teil des Helm-Displays.
  3. The Witcher 3: Wild Hunt (CD Projekt Red, 2015): Bietet umfangreiche HUD-Anpassung. Spieler können jedes Element einzeln de-/aktivieren. Im "Adventure Mode" (minimales HUD) spielt sich das Spiel grundlegend anders.
  4. Alien: Isolation (Creative Assembly, 2014): Das HUD ist auf ein Minimum reduziert; der Stress des Spielers wird durch Gameplay-Elemente (Herzschlag-Sound, zitternde Kamera) kommuniziert statt durch Anzeigen. Meisterhaftes emotionales Design.
  5. Fortnite (Epic Games, 2017): Komplexes HUD für ein komplexes Spiel: Baumaterial, Munition für vier Waffen, Schildenergie, Gesundheit, Karte, Spieleranzahl, Stormwarnung, aktive Questhinweise. Die Herausforderung: So viele Informationen leserlich zu halten, ohne das Bild zu überladen.

In der Praxis

UI Designer in der Spielentwicklung arbeiten mit:

  • Figma / Adobe XD: Für UI-Konzepte und Wireframes.
  • Unity UI Toolkit / Unreal UMG: Engine-native UI-Systeme für Implementation.
  • Schriftarten: Gut lesbare, lizenzfreie Fonts; für Accessibility mindestens 16px Schriftgröße als Richtlinie.
  • Usability Testing: HUDs werden mit Testspielern validiert – "Welche Information hast du gerade vermisst?" ist eine Kernfrage.
  • Design Systems: In großen Spielen werden UI-Komponenten in Bibliotheken standardisiert.

Für Accessibility ist Game UI ein kritisches Feld: Farbblindheitsmodi, anpassbare Schriftgrößen, hochkontrastige Optionen und Screen-Reader-Kompatibilität sind wichtige Maßnahmen, die viele Studios noch nicht ausreichend umsetzen.


Vergleich & Abgrenzung

HUD vs. Game UI: HUD ist der Teil der Game UI, der während des aktiven Spielens sichtbar ist. Game UI umfasst auch Menüs, Inventare und alle anderen Interface-Ebenen.

Diegetisches vs. Non-Diegetisches Interface: Diegetisches Interface existiert innerhalb der Spielwelt (ein Bildschirm auf dem Körper der Spielfigur); non-diegetisches Interface ist außerhalb der Spielwelt auf dem Bildschirm (klassisches HUD). Siehe separate Einträge.

UX (User Experience) vs. UI (User Interface): UI ist die sichtbare Oberfläche; UX ist das gesamte Erlebnis der Spieler-System-Interaktion. Ein gut aussehendes UI kann eine schlechte UX haben, wenn es Informationen versteckt oder verwirrt.


Häufige Fragen (FAQ)

Warum heißt es "Heads-Up Display"? Der Begriff stammt aus der Militär-Luftfahrt: Piloten konnten Flugdaten in ihr Sichtfeld eingeblendet bekommen ("heads up" – Blick nach vorne, nicht runter auf Instrumente). In Spielen wurde der Begriff analog für Bildschirm-Overlays übernommen.

Soll das HUD immer sichtbar sein? Nicht zwingend. Viele moderne Spiele bieten kontextabhängige HUDs: Anzeigen erscheinen nur, wenn sie relevant sind (Gesundheitsleiste nur nach einem Treffer), und verschwinden danach. Das verbessert Immersion ohne Informationen zu verstecken.


Verwandte Einträge


Weiterführend

  • Johnson, Jeff (2014): Designing with the Mind in Mind. Morgan Kaufmann.
  • Online: "Game UI Database" – Sammlung von HUDs aus hunderten Spielen: gameuidatabase.com
  • Online: "The Evolution of the FPS HUD" – Game Maker's Toolkit (YouTube), Mark Brown.
← Zurück zu Game Design
Infotag · 13. Mai · 15:00 Uhr · Vor Ort

Sei am Mittwoch dabei.
Bring Eltern oder Freunde mit.

Ein halber Nachmittag, der dir drei Jahre Klarheit bringen kann. Kostenlos, unverbindlich, ehrlich.

  • Rundgang durch Studios, Schnitträume und Tonstudio
  • Echte Absolventenfilme sehen
  • 1:1-Beratung zu Bewerbung & BAföG
  • Studierende direkt fragen
  • Kaffee, kein Sales-Pitch
  • Auch online möglich

Platz beim Infotag reservieren

Dauert 30 Sekunden. Bestätigung per E-Mail.
100 % kostenlos · keine Verpflichtung · jederzeit absagbar
Game UI & HUD – Heads-Up Display und Informationsdarstellung — Wiki | Lazi Akademie Esslingen