4 Gaya Interaksi 2

12
Gaya Interaksi Lanjt

description

imk

Transcript of 4 Gaya Interaksi 2

Page 1: 4 Gaya Interaksi 2

Gaya Interaksi Lanjt

Page 2: 4 Gaya Interaksi 2

2

Metrik Kompleksitas Tampilan

1. Overall density

2. Local density

3. Grouping

4. Layout complexity

Page 3: 4 Gaya Interaksi 2

3

1. Overall Density

Kepadatan keseluruhan.

Jumlah tempat karakter yang digunakan

sebagai persentasi dari tempat yang

tersedia.

Page 4: 4 Gaya Interaksi 2

4

2. Local Density

Kepadatan lokal.

Rata-rata jumlah tempat karakter yang

digunakan dalam sudut visual lima derajat di

antara setiap karakter, dinyatakan sebagai

persentasi dari tempat yang tersedia dalam

lingkaran dan dibobot dengan jarak dari

karakter.

Pada jarak normal mata ke layar, berarti sebuah

lingkaran dengan lebar ±15 karakter dan tinggi ±7

karakter.

Page 5: 4 Gaya Interaksi 2

5

3. Grouping

Pengelompokan.

Jumlah karakter yang “terkoneksi”, di mana

koneksi adalah pasangan karakter yang

terpisah dengan dua kali rata-rata jarak antara

masing-masing karakter dan tetangga

terdekatnya.

Rata-rata sudut visual yang berhadapan

dengan kelompok, dan dibobot dengan jumlah

karakter di kelompok.

Page 6: 4 Gaya Interaksi 2

6

4. Layout Complexity

Komplesitas tata letak.

Kompleksitas (sebagaimana

didefinisikan dalam teori informasi)

distribusi jarak horizontal dan vertikal

dari tiap-tiap label dan item data dari titik

standar pada tampilan.

Page 7: 4 Gaya Interaksi 2

7

WARNA

Warna menarik bagi pemakai dan dapat

meningkatkan kinerja, namun dapat

disalahgunakan.

Topik:

Manfaat warna

Bahaya dalam penggunaan warna

Pedoman penggunaan warna

Page 8: 4 Gaya Interaksi 2

8

Manfaat Warna

Menyejukkan atau merangsang mata.

Memberi aksen pada tampilan yang tidak menarik.

Memungkinkan pembedaan yang halus pada

tampilan yang kompleks.

Menekankan organisasi logis informasi.

Menarik perhatian kepada peringatan.

Menimbulkan reaksi emosional yang kuat berupa

sukacita, kegembiraan, ketakutan, atau

kemarahan.

Page 9: 4 Gaya Interaksi 2

9

Bahaya dalam Penggunaan Warna

Pemasangan warna dapat membuat

masalah.

Fidelitas warna dapat menurun pada

hardware yang berbeda.

Pencetakan atau konversi ke media lain

dapat bermasalah.

Page 10: 4 Gaya Interaksi 2

10

Pedoman Penggunaan Warna

Gunakan warna secara konservatif.

Batasi jumlah warna.

Kenali kekuatan warna sebagai teknik

pengkodean untuk mempercepat atau

memperlambat tugas.

Pastikan bahwa color coding mendukung tugas.

Tampilkan color coding dengan usaha pemakai

yang minimal.

Tempatkan color coding di bawah kendali

pemakai.

Page 11: 4 Gaya Interaksi 2

11

Pedoman Penggunaan Warna (Lanj.)

Rancang untuk monokrom dulu.

Gunakan warna untuk membantupemformatan.

Gunakan color coding yang konsisten.

Perhatikan ekspektasi umum tentang kodewarna.

Gunakan perubahan warna untukmenunjukkan perubahan status.

Gunakan warna pada tampilan grafis untukkerapatan informasi yang lebih tinggi.

Page 12: 4 Gaya Interaksi 2

TUGAS KELOMPOK

Dengan menggunakan aplikasi

multimedia, buatlah sebuah tampilan

yang didalamnya mengandung konsep

“Metrik dan Warna” terhadap suatu

kasus bebas

Buat “Laporan” dalam bentuk slide yang

nantinya akan di presentasikan ke pada

seluruh mahasiswa

12