Konsole-Entwicklungsrichtlinien

Mit 200M+ Xbox- und PlayStation-Spielern bieten Konsolen eine große Gelegenheit für Sie, mehr Benutzer anzuziehen.Im Vergleich zu normalen Geräten hat das Entwerfen für Controller und die 10-Fuß-Benutzeroberfläche von Konsolen einige spezielle Richtlinien, die Sie befolgen müssen, um Ihr Erlebnis auf Konsolen erfolgreich zu machen.

Erlebnisse, die für Konsolen entwickelt wurden, müssen immer Informieren über die Inhaltsreife, um reibungslose Veröffentlichungen zu gewährleisten und das Risiko zu minimieren, von Konsolen entfernt zu werden.

Design für Controller

Konsole-Erlebnisse erhalten Befehle von Benutzern über Eingabekontroller, die spezielle Designs für reibungslose Interaktionen erfordern.

Vereinfache die UI

Wenden Sie das Folgende an, um das UI-Design für Konsolen zu vereinfachen:

Zugängliche Navigationssteuerung : Baseline-Navigation, einschließlich der vier Richtungen, wählen und Zurück, steuert, wie Benutzer mit deinem Inhalt auf Konsolen herumkommen und interagieren.Stellen Sie sicher, dass Benutzer alle UI-Elemente mit diesen grundlegenden Steuerungerreichen können, damit sie leicht auf jedes interaktive Element Ihrer Erlebniszugreifen können.
Standard-Controller-Navigation : Obwohl Benutzer auf UI-Menüs zugreifen können, indem sie den virtuellen Cursor aktivieren, sind nicht alle Benutzer mit dem Prozess vertraut, du musst die Standard-Controller-Navigation deiner UI als Standardoption unterstützen, anstatt Benutzer dazu zu verpflichten, den virtuellen Cursor zu aktivieren.
Minimale Controller-Eingabekomplexität : Im Gegensatz zu tappbaren oder klickbaren Eingabemethoden navigieren Konsolenbenutzer, indem sie einen Knopf gleichzeitig drücken, da eine Aktion, die einen Zug auf anderen Geräten macht, zusätzliche Bewegungen mit einem Controller erfordern kann.Stellen Sie sicher, dass wichtige Aktionen in Ihrer Erfahrung nur wenige Bewegungen zum Zugriff erfordern.
Kein Chat-Fenster : Unabhängig davon, ob Sie das Standard-Textchat-System in der Erfahrung verwenden oder das veraltete Chat-System als Ihr benutzerdefiniertes Chat-System forken, deaktivieren Sie das Chat-Fenster für Konsolen-Erlebnisse.

Da Controller nicht nur für Konsolen und VR sind, sondern auch auf Geräten wie Desktop und Mobilgeräten verfügbar sind, kann die Minimierung der benötigten Bewegungen die UI für alle Geräte und Eingabetypen verbessern, neben PlayStation und Xbox.

Zusätzliche Kontrolle hinzufügen

Im Gegensatz zu Mobilgeräten und Desktops ist die Navigation auf Konsolen immer sequentiell, so dass Benutzer nicht so schnell zwischen weit entfernten Elementen springen können wie auf anderen Geräten.Um die Geschwindigkeit der Navigation zu verbessern, erwägen Sie, zusätzliche Schaltflächen und Kurztasten für wesentliche In-Experience-Aktionen hinzuzufügen.

Dynamische Schaltflächensymbole unterbringen

Wenn deine Erfahrung auf mehr Plattformen ausgeweitet wird, stelle sicher, dass du Schaltflächensymbole zeigst, die mit verschiedenen Geräten übereinstimmen.UserInputService hat zwei verfügbare Methoden, die dies erreichen können:

UserInputService:GetStringForKeyCode() kann die US-Anfrage-Schlüsselcodes in Konsole-Tastaturlayouts umwandeln.Es ist hilfreich, deine benutzerdefinierten Assets als Schaltflächensymbole anzuzeigen, um das Aussehen und die Atmosphäre deiner Erlebniszu passen.Das folgende Beispiel zeigt, wie du benutzerdefinierte Assets für Enum.KeyCode.ButtonA mappen kannst:

Benutzerdefinierte Assets mappen
local UserInputService = game:GetService("UserInputService")
local imageLabel = script.Parent
local key = Enum.KeyCode.ButtonA

local mappings = {
    ButtonA = "rbxasset://BUTTON_A_ASSET", -- Mit dem gewünschten Objektersetzen
    ButtonCross = "rbxasset://BUTTON_CROSS_ASSET" -- Ersetzen durch das gewünschte Objekt
}

local mappedKey = UserInputService:GetStringForKeyCode(key)
local image = mappings[mappedKey]

imageLabel.Image = image

gibt Roblox-Standard-Ikonen für den angeforderten Schlüsselcode als einfache Drop-in-Ersetzungen zurück, wie das folgende Beispiel für die Mapping zeigt:

Standard-Ikonen mappen
local UserInputService = game:GetService("UserInputService")
local imageLabel = script.Parent
local key = Enum.KeyCode.ButtonA

local mappedIcon = UserInputService:GetImageForKeyCode(key)
imageLabel.Image = mappedIcon

Haptisches Feedback geben

Ein einzigartiger Vorteil von Controllern ist die Fähigkeit, haptisches Feedback zu liefern, indem der Controller physisch vibriert, um das Gefühl des Tastsinns der Benutzer zu aktivieren.Du kannst HapticService verwenden, um die Benutzer-Immersion zu verbessern und hilfreiches Feedback zu geben.Beispiele, die mit haptischem Feedback immersiver sein können, sind:

Physisch dramatische Ereignisse wie Explosionen oder Kollisionen.
Ereignisse, die die Aufmerksamkeit des Benutzers erfordern, wie ein Klingeln der Türglocke oder ein neuer Kunde, der den kaufenbetritt.
Benutzeroberflächenaktionsbenachrichtigungen, wie das Scrollen zum Ende einer Liste oder das Klicken auf einen deaktivierten Knopf.

HapticService ermöglicht es Ihnen auch, die einzelnen Motoren in einem Controller unabhängig voneinander zu steuern, um die Intensität und Dauer der Vibrationen individuell festzulegen, so dass Sie verschiedene Vibrationen für verschiedene Zwecke festlegen können und die Konsistenz beibehalten, mit der Aktionen Feedback auslösen.Entwerfen Sie Haptik sorgfältig und vermeiden Sie Überbeanspruchung, da Benutzer möglicherweise ständige Vibrationen unangenehm und ärgerlich finden.

Für das 10ft-Erlebnis bauen

Wenn auf Konsolen, sitzen Benutzer typischerweise 10 Fuß vom Bildschirm entfernt.Ein Skalierungsfaktor von 1,5x stellt sicher, dass die UI komfortabel, leicht zu navigieren und mit leserlichen Schriften ist.

Betrachte den TV-Sicherheitsbereich

An example illustration showing the dimensions of the TV-safe and unsafe zone. — Der blaue Bereich repräsentiert die TV-unsichere Zone.

Da nicht alle Fernseher den Inhalt vollständig an die Ränder des Bildschirms aufgrund historischer und technischer Einschränkungen anzeigen, stelle UI-Elemente in TV-sichere Bereiche, um sicherzustellen, dass wichtige Erlebniselemente auf verschiedenen Fernsehern sichtbar sind.

Implementiere dynamisch skalierte UI

Implementiere deine Benutzeroberfläche mit relativen Größen und relativen Positionen, um alles als Prozentsätze eines Rahmens zu messen.Füge einen Skalefaktor für alle UI-Größen hinzu:

Zuerst für niedrigere Auflösungen entwickeln.
Verwendung relativer Positionen und UISizeConstraint um die UI zu skalieren.
Skalierung basierend auf Ausgabecharakteristika mit GuiService:IsTenFootInterface().
Denken Sie daran, dass Controller auf allen Arten von Geräten verfügbar sind, verwenden Sie also nicht GuiService:IsTenFootInterface(), um die Controller-Eingabe zu inferieren.
Implementierung von ScrollingFrame, um die Unordnung auf dem Bildschirm zu reduzieren, wenn die UI skaliert.

Progressive Offenlegung anpassen

Die progressive Offenlegung verschiebt fortgeschrittene oder selten verwendete Funktionen auf einen sekundären Bildschirm.Es ist einer der besten Wege, deine UI aufzuräumen und sie einfach zu verwenden.Für die Konsole UX ist es üblich und schneller, den Benutzer in und aus Bildschirmen zu bringen, anstatt alles auf einen Bildschirm zu passen, wie bei der Gestaltung für Desktops.

Geben Sie akustisches Feedback

Im Gegensatz zu Desktop- oder mobilen Interfaces, auf denen Interaktionen in der Regel stumm sind oder auf subtile haptische Feedback zurückgreifen, kannst du Soundeffekte hinzufügen, um die Konsoleninteraktionen zu verbessern.Wenn Benutzer durch die UI mit einem Controller navigieren, sollten Sie Soundeffekte einbauen, um Auswahl zu bestätigen oder das Signalmenü zu durchsuchen, was die Erlebnisverbessern kann.

Auf dieser Seite