Mini Game UI/UX

"Find the correct Design"

How to play

Siapkan kertas / note, tulis angka 1-20 kebawah
Akan ada 2 gambar dilayar, pilih 1 yang paling benar menurutmu
1 soal bernilai 5 poin
1 soal hanya 10 detik
Koreksi sendiri jawabanmu setelah menjawab
"Puasa harus jujur"

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Typeface yang sama & warna netral untuk deskripsi

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Icon, border dari shape

& kejelasan informasi

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Keselarasan huruf kapital

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Destructive action button

menggunakan warna merah

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Warna kontras untuk Icon

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Button background memilki

kontras yang jelas

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Separator / divider width menyesuaikan konten

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Photo aspec ratio

& tidak stretch untuk

kesan profesional

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Subtitle memiliki kontras jelas dengan warna background

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Alignment icon dan text

pada button simetri

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Konsisten menggunakan

style icon yang sama

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Resolusi image diperhatikan

untuk meningkatkan user trust

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

A

B

Padding / margin objek simetris

Correct

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Border radius untuk menunjukan

bahwa objek actionable

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Spacing text, kasih ruang dong!!

konten-nya sesak lurrr...

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Similaritas objek, huruf kapital untuk action button / link

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Kejelasan kontras text dengan

background

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

text subtitle offset lurus

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Border radius yang selaras

untuk button action

Correct

A

B

Select the design that is most correct

A

B

lock your answer now

Time's up

Select the design that is most correct

Width objek harus seimbang dengan ukuran screen / container

Correct