Konsole-Entwicklungsrichtlinien

Mit 200M+ Xbox und PlayStation-Spielern bieten Konsolen eine große Gelegenheit für Sie, mehr Benutzer anzuziehen. Verglichen mit anderen Geräten bieten die Konsolen-Design und die 10-Meter-UI-Erfahrung für Konsolen einige spezielle Richtlinien, die Sie folgen müssen, um Ihrem Erlebnis auf Konsolen einen Erfolg zu ermöglichen.

Entwerfen für Controller

Konsole-Erlebnisse erhalten Befehle von Benutzern über Eingabsteuerelemente, die spezielle Designs für flüssige Interaktionen erfordern.

UI-Vereinfachung

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

• Zugängliche Navigationssteuerung : Baseline-Navigation, einschließlich der vier Richtungen, wählenund Zurück, steuert, wie Benutzer auf Konsolen umherkommen und mit Ihrem Inhalt interagieren. Stellen Sie sicher, dass Benutzer mit diesen grundlegenden Steuerungalle Interaktionspartien Ihres Erlebnisses auf Konsolen leicht zugänglich sind, damit sie auf jeden interaktiven Teil Ihres Erlebnisses leicht zugreifen können.

• Standard-Steuerelement-Navigations : Obwohl Benutzer auf UI-Menüs zugreifen können, indem sie den virtuellen Cursor aktivieren, da nicht alle Benutzer mit dem Prozess vertraut sind, müssen Sie die Navigation des Steuerelements als Standardoption unterstützen, anstatt Benutzer zum Aktivieren des virtuellen Cursors zu erfordern.

• Minimaler Controller-Input-Komplexität : Im Gegensatz zu Tappable oder Clickable-Eingabemethoden, navigieren Benutzer von Konsolen, indem sie einen Knopf auf einmal drücken, so dass eine Aktion, die einen Move auf anderen Geräten ausführt, zusätzliche Schritte mit einem Controller erfordern kann. Stellen Sie sicher, dass die Tastenaktionen in Ihrer Erfahrung nur einige Schritte zum Zugriff erfordern.

• Kein Chat-Fenster : Unabhängig davon, ob Sie das Standard-In-Experience-Text-Chat-System verwenden oder das Legacy-Chat-System als Ihr benutzerdefiniertes Chat-System verwenden, deaktivieren Sie das Chat-Fenster für Konsolen-Erlebnisse.

Erweiterte Steuerung hinzufügen

Anders als Mobilgeräte und Desktop-Computer ist die Navigation auf Konsolen immer sequentiell, sodass Benutzer nicht so schnell auf entfernte Elemente springen können wie auf anderen Geräten. Um die Geschwindigkeit der Navigation zu verbessern, sollten Sie zusätzliche Schaltflächen und Skürzungen für wichtige In-Experience-Aktionen hinzufügen.

Dynamische SchaltflächenSymbole anpassen

Wenn deine Erfahrung auf mehr Plattformen erweitert wird, stelle sicher, dass du die Schaltflächen-Symbole anzeigst, die auf verschiedenen Geräten übereinstimmen. UserInputService hat zwei Methoden, die dies erreichen können:

• UserInputService:GetStringForKeyCode() kann die US-Anfrage-Keycode in Konsole-Keyboard-布局 umwandeln. Es ist hilfreich, Ihre benutzerdefinierten Assets als Schaltflächen-Symbole zu zeigen, um die Aussehen und Fühlen Ihres Erlebnisses zu entsprechen. Das folgende Beispiel zeigt, wie Sie benutzerdefinierte Assets für Enum.KeyCode.ButtonA mapen können:

  Benutzerdefinierte Assets zuordnen
  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 Sie das gewünschte Objekt
  }
  
  local mappedKey = UserInputService:GetStringForKeyCode(key)
  local image = mappings[mappedKey]
  
  imageLabel.Image = image

• UserInputService:GetImageForKeyCode() zeigt Roblox-Standard-Symbole für den angefordertenen Schlüsselcode als einfache Drop-in-Ersetzung, wie das folgende Beispiel für die Kartierung zeigt Enum.KeyCode.ButtonA :

  Standard-Symbole zuordnen
  local UserInputService = game:GetService("UserInputService")
  local imageLabel = script.Parent
  local key = Enum.KeyCode.ButtonA
  
  local mappedIcon = UserInputService:GetImageForKeyCode(key)
  imageLabel.Image = mappedIcon

Haptisches Feedback liefern

Ein einzigartiger Vorteil von Controllern ist die Fähigkeit, haptisches Feedback zu liefern, indem sie den Controller physisch vibriert, um den Benutzer-Touch-Sinn zu aktivieren. Sie können HapticService verwenden, um die Benutzer-Immersion zu verbessern und nützliche Feedback zu liefern. 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 Türglockenring oder ein neuer Kunde, der den kaufenbetritt.
• Benachrichtigungen für UI-Aktionen, wie das Scrollen zum Ende einer Liste oder das Klicken auf eine deaktivierte Schaltfläche.

HapticService auch die einzelnen Motoren in einem Controller steuern, um die Intensität und Dauer der Vibrationen individuell zu setzen, sodass Sie verschiedene Vibrationen für verschiedene Zwecke einrichten und die Konsistenz wahren können, mit der Aktionen auf Feedback reagieren. Designe Haptics sorgfältig und vermeiden Sie Überbeanspruchung, da Benutzer unangenehme Vibrationen und Nervosität finden können.

Bauen für das 10ft-Erlebnis

Wenn Benutzer auf Konsolen sitzen, sind sie normalerweise 10 Fuß vom Bildschirm entfernt. Ein Skalierungsfaktor von 1,5x sorgt dafür, dass die Benutzeroberfläche angenehm ist, leicht zu navigieren ist und mit legiblen Schriften.

TV-Sicherheitsbereich berücksichtigen

Da nicht alle TVs den Inhalt vollständig an die Ränder des Bildschirms anzeigen, wegen historischen und technischen Einschränkungen, stellen Sie UI-Elemente in sicheren TV-Bereichen, um wichtige Erlebnis-Elemente auf verschiedenen TVs sichtbar zu machen.

Dynamisch große UI implementieren

implementieren Sie Ihre UI mit relativen Größen und relativen Positionen, um alles als Prozentsätze eines Rahmens zu messen. Einfügen Sie einen Skalierungsfaktor für alle UI-Größen durch:

• Entwickeln für niedrigere Auflösungen zuerst.
• Verwendung relativer Positionen und UISizeConstraint, um die UI zu skalieren.
• Skalierung basierend auf Ausgabecharakteristik mit GuiService:IsTenFootInterface() .

  Denken Sie daran, dass Controller auf allen Geräten verfügbar sind, so verwenden Sie nicht GuiService:IsTenFootInterface() , um die Steuerungseingabe zu inferieren.

• Umsetzung von ScrollingFrame , um Clutter auf dem Bildschirm zu reduzieren, wenn die UI skaliert.

Fortschrittliche Offenlegung anpassen

Der progressive Off-up-Zug verzögert fortgeschrittene oder selten verwendete Funktionen auf einen zweiten Bildschirm. Es ist einer der besten Möglichkeiten, um Ihre UI zu entfernen und sie einfach zu verwenden. Für die Konsole-UX ist es üblich und schneller, den Benutzer ein- und auszusteigen, anstatt alles auf einen Bildschirm zu platzieren, wie es bei der Entwicklung für Desktops üblich ist.

Sound-Feedback bereitstellen

Anders als Desktop- oder Mobilgeräte-Schnittstellen, bei denen Interaktionen normalerweise lautlos sind oder auf subtile Haptik-Feedback basieren, können Sie Soundeffekte hinzufügen, um die Interaktionen mit der Controllerzu verbessern. Wenn Benutzer durch die UI navigieren, betrachten Sie die Einführung von Soundeffekten, um Auswahl oder Signal-Menü-Übertritt zu bestätigen, was die Erlebnisverbessern kann.