CONTROLS &

INTERFACES

STMIK AMIKOM Purwokerto

Intro

Salah satu faktor penting untuk prototype

digital adalah desain dari USER INTERFACE

User Interface berperan besar dalam

memberikan “user experiences” yang saat ini

menjadi faktor penting dalam kesuksesan

sebuah game

Munculnya variasi controller devices maupun

model dari user interaction semakin

menambah kompleksitas dari game, namun

disisi lain memberikan peluang yang besar

pula

Controllers

Alat yang digunakan untuk berinteraksi

dengan video game (input hardware yang

memberikan impact pada game)

Bentuk maupun modelnya bervariasi sesuai

dengan perangkat keras dari video game itu

Sejalan dengan perkembangan teknologi,

controller device juga berevolusi dari segi

teknis maupun “user experiences” yang

diberikan

Contoh Controller

Beberapa model

dan jenis

controler untuk

perangkat

console (Atari,

SEGA

Dreamcast,

NES,

Playstation,

XBOX, dll…)

Evolusi Controller

Evolusi

controller dari

era Tandy

sampai Wii Mote

Masih

didominasi

dengan

penggunaan

“alat + tombol +

tangan”

Contoh Controller

FALCON Controller –

Menggunakan model pena

sebagai alat dengan gerakan 3D

dan interaksi yang lebih luwes

dan bervariasi dibanding joystick

atau mouse

EMOTIV Controller –

Menggunakan model helmet

sebagai alat dengan getaran

otak sebagai pengganti tangan

dalam menggerakkan kursor

Contoh Controller

GLOVE Controller –

menggunakan sarung

tangan sebagai alat

untuk menggerakkan

kursor.

Presisi lebih tinggi,

gerakan lebih luwes

dan interaksi lebih

bervariasi. Cocok

untuk bidang

teknis/khusus.

Contoh Controller

Headset &

Controller Pad

yang umum

digunakan saat ini

(contoh gambar

untuk console

XBOX).

Menggunakan 2

media: Controller

Pad dengan

tangan, sementara

Headset dengan

suara (audio –

voice recognition)

Contoh Controller

Sebuah controller

experiment (mock-up)

menggunakan sensor

tekanan pada baju

khusus yang dipakai

pasien.

Tombol sensor

dihubungkan ke video

game, pemijat

melakukan gerakan

tertentu sesuai

dengan metode

pemijatan sambil

bermain game.

Trend Controller

Sejalan dengan trend teknologi, controller

berevolusi dari model arcade (bervariasi)

menjadi model yang lebih seragam (console)

Untuk perangkat komputer, controller lebih

seragam lagi keyboard + mouse + joystick

Kemunculan gadget baru: mobile phone/

smartphone, tablet PC, dsb memberi trend

baru “user finger controller” dan “gesture

controller”

Trend Controller

Trend Controller

Pemilihan Controller

Disesuaikan dengan teknologi yang digunakan

(perangkat keras)

Disesuaikan dengan gameplay dari game

Disesuaikan dengan target konsumen

Disesuaikan dengan “user experiences” yang

ingin diberikan

Disesuaikan dengan pertimbangan anggaran

biaya Ini yang utama dan menjadi alasan

kenapa ada standarisasi controller

Menggunakan Controller yang

Sama?

Lebih hemat biaya produksi, kecuali game

memiliki kekhususan gameplay dan keunikan

lain (pertimbangan ekonomis)

Lebih cepat dipahami user karena sudah

familiar dan paham menggunakan controller

sejenis/mirip (pertimbangan marketing)

Developer cepat membuat desain untuk

controller karena sudah belajar dari

pengalaman developer lain (pertimbangan

produksi)

Studi Kasus: PC vs Console

Mengapa memainkan game perang (genre

FPS) lebih terasa “hidup” di PC dengan

keyboard & mouse?

Jika anda memainkan game genre Fighting,

mana yang lebih anda sukai, controller pad

PS3 atau PC? Kenapa?

Kenapa game pada PC cenderung lebih

kompleks? Perintah lebih banyak?

Interfaces

Sarana komunikasi dengan pemain untuk

mengetahui progress mereka didalam game

Selain progress juga media untuk hal lain

seperti pilihan game yang tersedia bagi

mereka (cth: help, option, exit, dsb)

Desain interface yang bagus tidak mudah, tapi

bukan mustahil. Inovasi merupakan tujuan,

tapi pembuktian di lapangan yang sudah teruji

lebih menjadi pilihan.

Studi Kasus: Angry Birds &

PvsZ

Gunakan IKON yang intuitif dibanding teks.

Tujuannya agar layar tidak dipenuhi teks

yang menyempitkan pandangan pemain.

Penggunaan

IKON dan TEKS

secara

berimbang akan

membuat

pemain cepat

mengerti cara

bermain tanpa

kesulitan

membaca

manualGunakan IKON yang sudah dikenal universal agar

pemain secara intuitif sudah mengetahui fungsinya.

Lihat ikon pause pada layar diatas, cukup mudah

menemukannya bukan?

TEKS dapat

dipadukan

dengan

gambar untuk

membentuk

unsur

estetika

sekaligus

membantu

pemain

menggunaka

n ikon terkait

Bila menggunakan banyak teks, gunakan ikon

dengan gambar/bentuk yang mewakili dari teks

tersebut. Pemain secara intuitif bisa memahami

artinya kendala bahasa.

Selalu berikan pilihan untuk kembali ke menu

utama…

Jangan memberikan alternatif pilihan terlalu

banyak. Hanya membuat perhatian pemain

terpecah.

Menurut anda: Apakah ikon diatas sudah intuitif?

Tips:

Kenapa menghindari teks? Bahasa masih

menjadi kendala di beberapa bagian dunia.

Selain itu, manusia lebih cepat tertarik dan

memahami gambar/ikon dibanding teks.

Dari sisi development, localization atau proses

penterjemahan game ke bahasa lokal akan

terhindarkan hemat waktu dan biaya

pengembangan.

Catatan: Perkembangan hardware game yang

cenderung mengecil dari ukuran dan lebar layar

(mobile phone/smartphone dan tablet PC)

limitation

Game yang

anda buat akan

dikembangkan

pada hardware

jenis apa?

Teknik mendesain Interface

Metaphor: penggunaan symbol atau grafis

terkait dengan tema dari game. Contoh: PvsZ

menggunakan metaphor batu nisan di welcome

screen dan pause screen.

Visualization: penggunaan gambar secara

detail untuk memvisualisasikan kondisi yang

ingin ditampilkan kepada pemain. Contoh: user

interface dengan gaya tertentu untuk

menambah “mood” pemain.

Efek tampilan informasi di layar dengan transparansi,

membuat pemain seakan-akan menjadi agen intelijen

dengan kacamata canggih terhubung dengan

komputer pusat data.

Tips: Susun interface berdasarkan group /

fungsionalnya

Tips: Susun dengan konsistensi, jangan

berpindah-pindah

Feedback

Feedback atau umpan balik sangat penting bagi pemain agar selalu mengetahui apakah aksinya diterima atau tidak dan apa dampaknya.

Feedback secara visual harus mudah untuk dimengerti. Misalnya jumlah peluru yang terus berkurang ditandai dengan ikon peluru yang menyusut. Kesehatan yang menurun ditandai dengan warna tubuh yang semakin merah.

Feedback audio bisa membangun mood dan emosi pemain jika digunakan dengan baik. Bahkan pada jenis game tertentu bisa menutupi kekurangan dari sisi art/grafis.

Penutup

Pilih dan gunakan controller yang sesuai

dengan prototype game anda.

Tentukan viewpoint yang terbaik untuk game

ada dengan mempertimbangkan faktor-faktor

terkait.

Rancang interface yang sesuai dengan tema

dari prototype game anda.

Pemilihan Controller

Jadi, game anda akan menggunakan controller

apa?

Controller untuk console?

Keyboard + Mouse / Joystick

Touchscreen (untuk PC)

Layar sentuh dari smartphone/tablet?

Atau yang lain?....

TUGAS

Controls & Interfaces

1. Anda berniat menggunakan controller jenis apa?

Sebutkan alasannya dan sesuaikan dengan prototype

game anda.

2. Rancang dengan detail user interface dari game ada.

Lengkapi penjelasan baik gambar/ikon maupun teks

terkait.

Tugas diprint dan dikumpul pada sesi pertemuan

berikut.

Kirimkan Softcopy ke email game.amikom@gmail.com

Tugas akan langsung dipresentasikan dan

didiskusikan minggu depan.

TUGAS