Panduan Pengembangan Konsol

Dengan 200M+ pemain Xbox dan PlayStation, konsol menghadirkan kesempatan besar bagi Anda untuk menarik lebih banyak pengguna. Dibandingkan dengan perangkat biasa, mendesain untuk kontrol dan pengalaman UI 10 konsol memiliki beberapa panduan khusus yang perlu Anda ikuti untuk membantu pengalaman Anda berhasil di konsol.

Desain untuk Pengontrol

Pengalaman konsol menerima perintah dari pengguna melalui kontrol input, yang memerlukan desain khusus untuk interaksi yang halus.

Mempercepat UI

Terapkan berikut untuk menyederakan desain UI untuk konsol:

• Kontrol navigasi yang dapat diakses : Navigasi dasar, termasuk empat arah, pilih, dan kembali, mengontrol bagaimana pengguna mendapatkan sekitar dan berinteraksi dengan konten Anda di konsol. Pastikan pengguna dapat dengan mudah mengakses semua elemen UI menggunakan kendalinavigasi dasar ini, sehingga mereka dapat dengan mudah mengakses setiap bagian interaktif dari pengalaman Anda.

• Navigasi kontroler default : Meskipun pengguna dapat mengakses menu UI dengan mengaktifkan cursor virtual, karena tidak semua pengguna familiar dengan proses ini, Anda perlu mendukung navigasi kontroler UI Anda sebagai opsi default alih-alih mengharuskan pengguna untuk mengaktifkan cursor virtual.

• Kompleksitas masukan kontroler minimum : Tidak seperti metode masukan yang dapat disentuh atau diklik, pengguna konsol menjelajahi dengan menekan satu tombol pada satu waktu, jadi tindakan yang mengambil satu langkah di perangkat lain mungkin mengambil langkah ekstra dengan kontroler. Pastikan bahwa tindakan kunci di pengalaman Anda hanya mengambil beberapa langkah untuk diakses.

• Tidak ada Jendela Obrolan : Terlepas dari apakah Anda menggunakan sistem chat default dalam pengalaman atau menyalin sistem chat legendaris sebagai sistem chat khusus Anda, nonaktifkan jendela obrolan untuk pengalaman konsol.

Menambahkan Kontrol Tambahan

Tidak seperti ponsel dan tabel, navigasi selalu berurutan di konsol, sehingga pengguna tidak dapat melompat antara elemen jauh seperti yang lain. Untuk meningkatkan kecepatan navigasi, pertimbangkan menambahkan tombol dan pintas pintas tambahan untuk tindakan penting dalam pengalaman.

Menyediakan Ikon Tombol Dinamis

Saat pengalaman Anda berkembang menjadi lebih banyak platform, pastikan untuk menunjukkan ikon tombol yang cocok dengan perangkat yang berbeda. UserInputService memiliki dua metode yang tersedia yang dapat mencapai ini:

• UserInputService:GetStringForKeyCode() dapat mengubah kode pencarian AS ke tata letak keyboard. Ini berguna untuk menunjukkan kesesuaian sumber daya Anda sebagai tombol ikon untuk mencocokkan tampilan dan perasaan pengalaman Anda. Berikut contoh menunjukkan cara Anda dapat mengubah sumber daya khusus untuk Enum.KeyCode.ButtonA :

  Mengubah Aset Kustom
  local UserInputService = game:GetService("UserInputService")
  local imageLabel = script.Parent
  local key = Enum.KeyCode.ButtonA
  
  local mappings = {
      ButtonA = "rbxasset://BUTTON_A_ASSET", -- Ganti dengan aset ButtonA yang diinginkan
      ButtonCross = "rbxasset://BUTTON_CROSS_ASSET" -- Ganti dengan aset ButtonCross yang diinginkan
  }
  
  local mappedKey = UserInputService:GetStringForKeyCode(key)
  local image = mappings[mappedKey]
  
  imageLabel.Image = image

• UserInputService:GetImageForKeyCode() mengembalikan ikon Roblox default untuk key code yang diminta sebagai pengganti drop-in yang mudah, seperti contoh berikut untuk menyertakan key code Enum.KeyCode.ButtonA menunjukkan:

  Peta Ikon Standar
  local UserInputService = game:GetService("UserInputService")
  local imageLabel = script.Parent
  local key = Enum.KeyCode.ButtonA
  
  local mappedIcon = UserInputService:GetImageForKeyCode(key)
  imageLabel.Image = mappedIcon

Menyediakan Umpan Balik Haptik

Salah satu keunggulan controller adalah kemampuan untuk memberikan umpan balik haptic dengan cara fisik menyetukkan kontrol untuk melibatkan sentuhan pengguna. Anda dapat menggunakan HapticService untuk meningkatkan imersi pengguna dan memberikan umpan masukanyang berguna. Contoh yang dapat lebih imersif dengan umpan balik haptic termasuk:

• Acara fisik yang dramatis, seperti ledakan atau tabrakan.
• Acara yang memerlukan perhatian pengguna, seperti kalung pintu atau pengunjung baru yang memasuki belanja.
• Notifikasi tindakan UI, seperti geser ke akhir daftar atau klik tombol yang dinonaktifkan.

HapticService juga memungkinkan Anda untuk mengontrol motor individual di kontroler untuk mengatur intensitas dan durasi getaran secara individual, sehingga Anda dapat menetapkan getaran yang berbeda untuk tujuan yang berbeda dan mempertahankan konsistensi dengan mana tindakan mengaktifkan umpan masukan. Desain haptics dengan hati-hati dan hindari overuse, karena pengguna mungkin menemukan getaran yang tid

Membangun untuk Pengalaman 10ft

Pada konsol, pengguna biasanya duduk 10 kaki dari layar. Faktor skala 1,5x menjamin bahwa UI itu nyaman, mudah menavigasi, dan memiliki huruf yang lega.

Mempertimbangkan Area Aman TV

Karena tidak semua TV menunjukkan konten sepenuhnya ke ujung-ujung layar karena keterbatasan teknis dan historis, letakkan elemen UI di area TV yang aman untuk memastikan elemen penting tampaknya di berbagai TV.

Menerapkan UI Dinamis

Menerapkan UI Anda menggunakan ukuran relatif dan posisi relatif untuk mengukur segalanya sebagai persentase dari frame. Incorporate scale factor untuk semua ukuran UI dengan:

• Mengembangkan untuk resolusi yang lebih rendah terlebih dahulu.
• Menggunakan posisi relatif dan UISizeConstraint untuk menyesuaikan UI.
• Skalierung berdasarkan karakteristik keluaran dengan GuiService:IsTenFootInterface() .

  Ingat bahwa kontroler tersedia di semua jenis perangkat, jadi jangan gunakan GuiService:IsTenFootInterface() untuk menyimpulkan masukan kontroler.

• Menerapkan ScrollingFrame untuk mengurangi kesulitan pada layar saat UI bertambah.

Mengadaptasi Pengungkapan Berkembang

Penghapusan kemajuan menunda fitur yang maju atau jarang digunakan ke layar sekunder. Ini adalah salah satu cara terbaik untuk menyegarkan UI Anda dan membuatnya mudah digunakan. Untuk UXkonsol, lebih umum dan lebih cepat untuk memasukkan pengguna ke dalam dan keluar dari layar daripada menyesuaikan semuanya ke satu layar seperti merancang untuk desktop.

Menyediakan Umpan Balik Suara

Tidak seperti antarmuka desktop atau seluler, di mana interaksi biasanya diam atau bergantung pada masukanhaptic subtil, Anda dapat menambahkan efek suara untuk meningkatkan interaksi konsol. Saat pengguna menjelajahi UI menggunakan kontroler, pertimbangkan untuk menambahkan efek suara untuk mengonfirmasi pilihan atau menu navigasi, yang dapat meningkatkan pengalaman keseluruhan.