Course:

PERTEMUAN 11:
Desain Aset dan Karakter
pada Permainan Digital User Interface for Game

Materi:
1. User Interface
• Like websites or mobile apps,
video games have common UI
components that help players
navigate, find information,
and accomplish goals. From
start screens to coin counters,
video game UI components are
a crucial aspect of playability
(a player’s experience of
enjoyment and
entertainment).
KMMI UWKS 2021
• Seperti website atau aplikasi mobile,
video juga memerlukan UI komponen
untuk membantu pemain untuk
menunjukkan, mendapatkan
informasi dan menyelesaikan
permainan. Dimulai dari permulaan,
UI game komponen menjadi aspek
krusial untuk dimainkan (harus
menyenangkan dan menghibur)
2
• To understand how these components impact
the gaming experience, we must quickly address
two concepts that are vital to video game
design: Narrative and The Fourth Wall.

KMMI UWKS 2021 3

 Fourth Wall
• Batas imajiner antara pemain game
dan ruang pada saat game
berlangsung.

KMMI UWKS 2021 4

 Non diegetic
• Non-diegetic UI components reside outside of a the stat meter is non-diegetic because it exists
game’s story and space. None of the characters outside of the game world and story (characters
in the game, including a player’s avatar, are within the game don’t know it’s there).
aware that the components exist. The design,
placement, and context of non-diegetic
components are paramount.

KMMI UWKS 2021 5

 diegetic
• Diegetic UI components inhabit both a game’s
story and space, and characters within the game
are aware of the components.

KMMI UWKS 2021 6

 Spatial
• Spatial UI components are found in a game’s
space, but characters within the game don’t see
them. Spatial components often work as visual
aids, helping players select objects or pointing
out important landmarks.

KMMI UWKS 2021 7

 Meta
• Meta UI components exist in a game’s story, but
they don’t reside in the game’s space.

KMMI UWKS 2021 8

 Tips to improve game
1.Form follows function
2.Be consistent in UI design
3.The standard is enough
4.Accessibility is more important than
‘prettiness’
5.Take multiple resolutions into
account

KMMI UWKS 2021 9

 Form follows function
• An important rule when creating a
game UI is that the form of an object
follows its function and not the other
way around.

KMMI UWKS 2021 10

 Be consistent in UI design
• The UI of a game should be
consistent. Think about the way
players interact with the game. If a
frequently used button is first in the
top left corner, then in the next level
in the bottom left right corner and
then in the top right corner again,
this will confuse the player.

KMMI UWKS 2021 11

 The standard is enough
• Creativity is a good quality, but it can
also work against you in UI design. As
mentioned before, the design should
flow from the functionality, and it is
important to be consistent in the
design.

KMMI UWKS 2021 12

 Accessibility is more important than
‘beauty’
• One of the most important parts
when developing a game UI is
accessibility. Accessibility of a game
does not only mean that the game is
playable on different systems. It is
mainly about making the game
accessible to as many people as
possible. In the next paragraphs, we
look at readability and white space.

KMMI UWKS 2021 13

 Take multiple resolutions into account
• This is difficult nowadays with many
different devices and screen
resolutions on mobile, tablet and
desktop. If you have a different
resolution yourself, you will soon
notice that many developers
overlook this and the interface or
effects do not use the entire screen.

KMMI UWKS 2021 14

 Tugas Praktikum
• Berdasarkan diagram flow game pada GDD yang sudah dibuat, tuliskan
terdapat berapa UI .
• Buatlah 1 User interface lengkap dengan icon dan symbol.

KMMI UWKS 2021 15

 Tugas Mandiri
• Buatlah UI yang akan digunakan pada game kelompok anda.

KMMI UWKS 2021 16

Kredensial Mikro Mahasiswa
Indonesia (KMMI)

2021

©2021 Tim Digital Media & Marketing Strategies