MULTIMEDIA KOMUNIKASI

INTERAKSI MANUSIA DAN KOMPUTER

Sub bidang studi interaksi manusia dengan komputer

Ada tiga sub-bidang studi yang berhubungan dengan interaksi dengan komputer :

1. Ergonomi dimana interaksi manusia-komputer berkaitan dengan bentuk fisik dari mesin.

2. Faktor manusia berkaitan dengan masalah- masalah psikologis.

3. Interaksi manusia dan komputer mengkaji bagaimana hubungan-hubungan yang terjadi antar ilmu komputer desain terkait dengan manusia dengan komputer.

bagi para perancangnya alat fisik interaksi antarmuka komputer sering diuji, sehingga memungkinkan pertukaran informasi.

Beberapa aspek yang menjadi fokus dalam perancangan sebuah antarmuka adalah :

1. Metodologi dan proses yang digunakan dalam perancangan sebuah antarmuka.

2. Metode implementasi antarmuka.

3. Metode evaluasi dan perbandingan antarmuka.

4. Pengembangan antarmuka baru.

5. Mengembangkan sebuah deskripsi dan prediksi atau teori dari sebuah antarmuka baru.

Tujuan interaksi manusia dengan komputer

• Tujuan utama disusunnya berbagai cara interaksi manusia & komputer :

untuk mempermudah manusia dalam mengoperasikan komputer dan mendapatkan berbagai umpan balik yang ia perlukan selama ia bekerja pada sebuah sistem komputer.Para perancang antarmuka manusia dan komputer berharap agar sistem komputer yang dirancangnya dapat bersifat akrab dan ramah dengan penggunanya (user friendly).

• Sebagai contoh, misalnya sebuah komputer lengkap dipasang pada sebuah tempat yang tidak nyaman bagi seorang pengguna yang menggunakan.  Atau keyboard yang digunakan pada komputer tersebut tombol-tombolnya keras sehingga susah untuk mengetik sesuatu. 

Contoh-contoh diatas merupakan beberapa hal mengapa kita membutuhkan mempelajari Interaksi Manusia dan Komputer.

Kita butuh Interaksi manusia komputer adalah agar kita lebih cepat dalam menyelesaikan suatu pekerjaan. serta dapat membuat waktu pengerjaannya lebih cepat dan tidak membutuhkan banyak biaya dalam membuat suatu pekerjaan.

​

A.  Perencanaan Tampilan

Salah satu kriteria dari sebuah antar muka adalah yang menarik. Seorang pengguna,apalagi pengguna baru, biasanya tertarik untuk mencoba sebuah program aplikasi dengan terlebih dahulu tertarik pada suatu tampilan yang ada di hadapan mereka.

Untuk sebuah tampilan yang menarik, memang tidak senantiasa mudah. Seorang perancang tampilan selain harus mempunyai jiwa seni yang memadai, iapun juga harus mengerti selera pengguna secara umum. Hal ini yang perlu disadari oleh seorang perancang tampilan adalah bahwa ia harus bias meyakinkan pemrogramnya,bahwa apa yang ia bayangkan dapat diwujudkan (diimplementasikan) dengan peranti bantu (tool) yang tersedia.

Bagi perancang antarmuka,hal yang sangat penting untuk ia perhatikan adalah bahwa ia sebaiknya mendocumentasikan semua pekerjaan yang ia lakukan. Dengan dokumentasi yang baik, ia dapat mengubah rancangannya apabila menurut ia terdapat rancangan ynag tidak mudah diimplementasikan atau rancangan tersebut mengalami perubahan disesuaikan dengan usulan dari pengguna atau karena alasan lain.

Dokumentasi rancangan dapat dikerjakan atau dilakukan dalam beberapa cara :

• Membuat sketsa pada kertas

• Meggunakan piranti prototype GUI

• Menuliskan tekstual yang menjelaskan tentang kaitan antara satu jendela dengan jendela yang lain

• Menggunakan piranti bantu yang disebut CASE (Computer Aided Software Engineering).

Cara b dan d tidak selalu dapat diterapkan, karena peranti tersebut biasanya berharga cukup mahal,sehingga hanya diterapkan pada pembuatan antarmuka grafik untuk suatu jenis pekerjaan yang besar pula.

B.  Cara Pendekatan

Sebuah program aplikasi pastilah ditunjukan kepada pengguna yang dapat dipastikan bukan merupakan perancang program aplikasi tersebut. Program aplikasi, pada dasarnya dapat di kelompokkan ke dalam dua kategori besar, yakni program aplikasi untuk keperluan khusus dengan pengguna yang khusus pula (special purpose software) dan program aplikasi yang akan digunakan oleh banyak pengguna (general purpose software) yang juga sering dikenal dengan sebutan public software. Karena perbedaan pada calon pengguna, maka perancang program antarmuka harus benar-benar memperhatikan hal ini.

Pada kelompok pertama, yakni pada program aplikasi untuk keperluan khusus, misalnya program aplikasi untuk inventori gudang, pengeloaan data akademis mahasiswa, pelayanan reservasi hotel, dan program-program aplikasi serupa, kelompok calon pengguna yang akan memanfaatkan program aplikasi tersebut dapat dengan mudah diperkirakan, baik dalam hal keahlian pengguna, maupun ragam antarmuka yang akan digunakan. Untuk kelompok ini ada satu pendekatan yang dapat dilakukan, yakni pendekatan yang disebut dengan user-centered design approach. Cara pendekatan ini berbeda dengan user design approach.

Pendekatan secara user centered design adalah perancangan antarmuka yang melibatkan pengguna. Pelibatan pengguna disini tidak diartikan bahwa pengguna harus ikut memikirkan bagaimana implementasinya nanti, tetapi pengguna diajak untuk aktif berpendapat ketika perancang antarmuka sedang menggambar “wajah” antarmuka. Dengan kata lain, perancang dan pengguna duduk bersama-sama untuk merancang wajah antarmuka yang diinginkan pengguna. Pengguna menyampaikan keinginannya, sementara perancang menggambar keinginan pengguna tersebut sambil menjelaskan keuntungan dan kerugian wajah antarmuka yang diingnkan oleh pengguna, serta kerumitan implementasinya. Dengan cara seperti ini, pengguna seolah-olah sudah mempunyai gambaran nyata tentang antarmuka yang nanti akan mereka gunakan.

Pada user design approach,penggguna sendirilah yang merancang wajah antarmuka yang diinginkan. Di satu sisi cara ini akan mempercepat proses pengimplementasian modul antarmukka, tetapi di sisi lain hal itu justru sangat memberatkan pemrogram karena apa yang diinginkan pengguna ada yang tidak bias dikerjakan menggunakan piranti bantu yang ada.
Perancang program aplikasi yang dimasukkan dalam kelompok kedua, atau public software, perlu menganggap bahwa program aplikasai tersebut akan digunakan oleh berbagai pengguna dengan berbagai tingkat kepandaian dan karakeristik yang sangat beragam. Di satu sisi keadaan ini dapat ia gunakan untuk “memaksa” pengguna menggunakan antarmuka yang ia buat, tetapi pada sisi lain “pemaksaan’” itu akan berakibat bahwa program aplikasinya menjadi tidak banyak yang menggunakan. Satu kunci penting dalam pembuatan modul antarmuka umtuk program” aplikasi pada kelompok ini adalah dengan melakukan customization, sehingga pengguna dapat menggunakan program aplikasi dengan wajah antarmukanya yang sesuai dengan selera masing-masing pengguna. Salah satu contoh dari adanya kemampuan yang dimiliki oleh sebuah program aplikaasi untuk dapat disesuaikan dengan karakeristik pengguna adalah pengaturan desktop pada Microsoft Windows 94.

Dengan adanya kemampuan ini, pengguna dapat memilih sendiri warna desktop yang dia inginkan.

Faktor-faktor yang perlu diperhatikan :

1.  Ilusi pada object-objek yang dapat dimanipulasi :

• gunakan kumpulan object yang ada

• yakinkan pengguna object

• gunakan mekanisme yang konsisten untuk memanipulasi object yang akan muncul dilayar

2.  Urutan Visual & Fokus Pengguna

• Membuat suatu object berkedip (posisi kursor)

• Menggunakan warna untuk object-2 tertentu (suatu pilihan)

• Menyajikan suatu animasi yang akan lebih menarik

3.  Struktural Internal

• Yaitu Reveal Code : suatu tanda khusus yang digunakan untuk menunjukkan adanya perbedaan karakter dari suatu tampilan.

• Kosakata Grafis yang konsisten dan sesuai
  Penggunaan simbol -simbol atau icon-icon tertentu.

• Kesesuaian Dengan Media
  Rancangan tampilan sesuaikan dengan kemampuan dari software dan hardware yang ada.

• Prinsip dan Petunjuk Perancangan

Antarmuka pengguna secara alamiah terbagi menjadi empat komponen:

• model pengguna

• bahasa perintah

• umpan balik, dan

• penampilan informasi.

1. Model pengguna merupakan dasar dari tiga komponen yang lain.
   Model pengguna merupakan model konseptual yang diinginkan oleh pengguna dalam memanipulasi informasi dan proses yang diaplikasikan pada informasi tersebut.Setelah pengguna mengetahui dan memahami model yang ia inginkan, dia memerlukan peranti untuk memanipulasi model itu.

2. Peranti pemanipulasian model ini sering disebut dengan bahasa perintah (command language), yang sekaligus merupakan komponen kedua dari antarmuka pengguna. Idealnya, program komputer kita mempunyai bahasa perintah yang alami, sehingga model pengguna dengan cepat dapat dioperasionalkan.

3. Komponen ketiga adalah umpan balik. Umpan balik di sini diartikan sebagai kemampuan sebuah program yang membantu pengguna untuk mengoperasian program itu sendiri. Umpan balik dapat berbentuk: pesan-pesan penjelasan, pesan penerimaan perintah, indikasi adanya obyek terpilih, dan penampilan karakter yang diketikkan lewat papan ketik. Beberapa bentuk umpan balik terutama ditujukan kepada pengguna yang belum berpengalaman dalam menjalankan program aplikasi itu. Umpan balik dapat digunakan untuk memberi keyakinan bahwa program telah menerima perintah pengguna dan dapat memahami maksud perintah tersebut.

4. Komponen keempat adalah tampilan informasi. Komponen ini digunakan untuk menunjukkan status informasi atau program ketika pengguna melakukan suatu tindakan. Pada bagian ini, perancang harus menampilkan pesan-pesan tersebut seefektif mungkin, sehingga mudah dipahami oleh pengguna.

5. Urutan Perancangan
   Perancangan dialog, seperti halnya perancangan sistem uang lain, harus dikerjakan secara top-down. Proses perancangannya dapat dikerjakan secara stepwise refinement sebagai berikut:

   1. Pemilihan Ragam Dialog
      Pemilihan ragam dialog dipengaruhi oleh karakteristik populasi pengguna (pengguna mula, menengah, atau pengguna ahli), tipe dialog yang diperlukan, dan kendala teknologi yang ada untuk mengimplementasikan ragam dialog tersebut. Ragam dialog yang terpilih dapat berupa sebuah program tunggal, atau sekumpulan ragam dialog yang satu sama lain saling mendukung.

   2. Perancangan Struktur Dialog
      Tahap kedua adalah melakukan analisis tugas dan menentukan model pengguna dari tugas tersebut untuk membentuk struktur dialog yang sesuai. Dalam tahap ini pengguna banyak dilibatkan, sehingga pengguna langsung mendapatkan umpan balik yang berupa diskusi informal maupun prototipe dari dialog yang nantinya akan ia digunakan.

   3. Perancangan Format Pesan
      Pada tahap ini tata letak tampilan dan keterangan tekstual secara terinci harus mendapat perhatian lebih. Selain itu, kebutuhan data masukan yang mengharuskan pengguna untuk memasukkan data ke dalam komputer juga harus dipertimbangkan dari segi efisiensinya. Salah satu contohnya adalah dengan mengurangi pengetikan yang tidak perlu dengan cara mengefektifkan penggunaan tombol.

   4. Perancangan Penanganan Kesalahan
      Bentuk-bentuk penanganan kesalahan yang dapat dilakaukan antara lain adalah:

•  Validasi pemasukan atau: misalnya jika pengguna harus memasukkan bilangan positif, sementara ia memasukkan data negatif atau nol, maka harus ada mekanisme untuk mengulang pemasukan data tersebut.

• Proteksi pengguna: program memberi peringatan ketika pengguna melakukan suatu tindakan secara tidak sengaja, misalnya penghapusan berkas.

• Pemulihan dari kesalahan: tersedianya mekanisme untuk membatalkan tindakan yang baru saja dilakukan.

• Penampilan pesan salah yang tepat dan sesuai dengan kesalahan yang terjadi pada waktu itu.

1. Perancangan Struktur Data
   Struktur data yang diperlukan untuk mengimplementasikan dialog berbasis grafis jauh lebih rumit dibandingkan dengan struktur data yang diperlukan pada dialog berbasis tekstual. Meskipun demikian, sesulit atau semudah apapun struktur data yang akan digunakan, struktur data tersebut harus diturunkan dari spesifikasi antarmuka yang telah dibuat. Hal ini perlu ditekankan agar keinginan pengguna dan model sistem yang telah dirancang saling mempunyai kecocokan satu sama lain.

2. Perancangan Tampilan Berbasis Teks
   Pada perancangan tampilan untuk antarmuka berbasis teks, ada enam faktor yang harus dipertimbangkan agar diperoleh tata letak tampilan yang berkualitas tinggi.

Keenam faktor tersebut dijelaskan sebagai berikut.

• Urutan Penyajian
  Urutan penyajian harus disesuaikan dengan model pengguna yang telah disusun. Biasanya berdasarkan kesepakatan dengan calon pengguna tentang urutan tampilan yang akan digunakan.

• Kelonggaran (Spaciousness)
  Penyusunan tata letak yang tidak mengindahkan estetika akan mempersulit pengguna dalam pencarian suatu teks

• Pengelompokkan
  Data yang berkaitan sebaiknya dikelompokkan

• Relevansi
  Tampilkan hanya pesan-pesan yang relevan sesuai topic

• Konsistensi
  Perancang harus konsisten dalam menggunakan ruang tampilan yang tersedia

•  Kesederhanaan
  Cari cara yang paling mudah untuk menyajikan informasi yang dapat dipahami dengan cepat oleh pengguna

1. Perancangan Tampilan Berbasis Grafis

Faktor – faktor yang perlu diperhatikan :

1. Ilusi pada object-2 yang dapat dimanipulasi :

• gunakan kumpulan object yang ada

• yakinkan pengguna object

• gunakan mekanisme yang konsisten untuk memanipulasi object yang akan muncul dilayar

1. Urutan Visual & Fokus Pengguna

• Membuat suatu object berkedip (posisi kursor)

• Menggunakan warna untuk object-2 tertentu (suatu pilihan)

• Menyajikan suatu animasi yang akan lebih menarik

1. Struktural Internal

Yaitu Reveal Code : suatu tanda khusus yang digunakan untuk menunjukkan adanya perbedaan karakter dari suatu tampilan.

1. Kosakata Grafis yang konsisten dan sesuai
   Penggunaan simbol -simbol atau icon-icon tertentu.

2. Kesesuaian Dengan Media
   Rancangan tampilan sesuaikan dengan kemampuan dari software dan hardware yang ada.

Dengan antarmuka berbasis grafis berbagai kemudahan dalam hal pengontrolan format tampilan dapat dikerjakan dengan lebih mudah dan fleksibilitas tampilan dapat semakin dirasakan oleh perancang tampilan maupun penggunanya. Di sisi lain, kita harus memperhatikan, beberapa kendala dalam penerapan antarmuka berbasis grafis ini, antara lain adalah waktu tanggap, kecepatan penampilan, lebar pita penampilan, dan tipe tampilan (berorientasi ke tekstual atau grafis).

Pada tahun 1970an, di Xerox Palo Alto Research Centre (PARC) dilakukan sejumlah penelitian yang mengarah kepada perancangan antarmuka yang disebut Xerox Star, yang menggunakan teknik manipulasi langsung. Selain itu ditempat yang sama juga dikembangkan suatu antarmuka berbasis grafis yang kemudian dikenal dengan sebutan Lisa yang berjalan denagn Macintosh. Penelitian lain untuk mendapatkan antarmuka berbasis grafis terus dilakukan. Beberapa kemampuan yang dimiliki oleh Xerox Star dan Lisa, yang kemudian diikuti oleh sistem seperti Microsoft Windows, antara lain adalah:

• Pengguna tidak harus mengingat perintah-perintah yang sering kali cukup panjang, tetapi cukup dikerjakan dengan melihat dan kemudian menunjuk kesuatu gambar yang mewakili suatu aktifitas (yang seterusnya disebut dengan ikon),

• Penggunaan form property atau option untuk mengatur penampakan (wajah) desktop,

• Kemampuan WYSIWYG (what you see is what you get) yang kemudian menjadi sangat terkenal,

• Perintah-perintah yang berlaku umum, seperti MOVE, DELETE, atau COPY, dan lain-lain.

Berdasarkan kelebihan-kelebihan yang disebutkan pada contoh diatas, ada lima faktor yang perlu diperhatikan pada saat kita merancang antarmuka berbasis grafis yang masing-masing dijelaskan sebagai berikut.

1. Ilusi pada obyek-obyek yang dapat dimanipulasi

Perancangan antarmuka berbasis grafis yang efektif harus melibatkan tiga komponen. Pertama, gunakan kumpulan obyek yang disesuaikan dengan aplikasi yang akan dibuat. Jika obyek-obyek itu belum ada, kita dapat mengembangkannya sendiri. Kedua, penampilan obyek-obyek grafis harus dilakukan dengan keyakinan bahwa ia akan dengan mudah dimengerti oleh pengguna. Ketiga, gunakan mekanisme yang konsisten untuk memanipulasi obyek yang akan muncul dilayar.

1. Urutan visual dan fokus pengguna

Antarmuka dapat digunakan untuk menarik perhatian pengguna antara lain dengan menbuat suatu obyek berkedip, menggunakan warna tertentu untuk obyek-obyek tertentu, serta menyajikan suatu animasi yang akan lebih menarik perhatian pengguna. Tetapi, penggunaan rangsangan visual yang berlebihan justru akan membuat pengguna bingung dan merasa tidak nyaman.

1. Struktur internal
   Pada pengolah kata kita seringkali menulis beberapa kata yang berbeda dengan kata-kata yang lain, misalnya ada sekelompok kata yang ditebalkan, dimiringkan, atau diberi garis bawah. Pada salah satu pengola kata, kita dapat melihat apa yang disebut dengan reveal code, yakni suatu tanda khusus yang digunakan untuk menunjukkan adanya perbedaan font style. Reveal code ini tdak akan ikut dicetak, tetapi digunakan untuk menunjukkan kepada pengguna antara lain tentang font style yang digunakan, batas kiri dan batas kanan dari halaman teks setrta informasi yang lain. Reveal code biasanya berupa suatu karakter khusus.

2. Kosakata grafis yang konsisten dan sesuai
   Penggunaan simbol-simbol obyek, atau ikon, memang tidak ada standarnya, dan biasanya disesuaikan dengan kreatifitas perancangnya.

3. Kesesuaian dengan media
   Karakteristik khusus dari layar tampilan yang digunakan akan mempunyai pengaruh yang besar terhadap keindahan “wajah” antarmuka yang akan ditampilkan. Pada layar tampilan yang masih berbasis pada karakter, misalnya CGA, pemunculan gambar tidak akan secantik apabila kita menggunakan layar tampilan yang sering disebut dengan bitmap atau raster display. Dengan semakin canggihnya teknologi layar tampilan pada saat ini, kreatifitas perancang tampilanlah yang saat ini lebih dituntut untuk memenuhi permintaan pengguna akan aspek kenyamanan dan keramahan antarmuka.

4. Waktu Tanggap
   Waktu tanggap yang lama akan mengalihkan perhatian pengguna untuk melakukan aktifitas lain.

5. Penanganan Kesalahan
   Penanganan kesalahan harus dilakukan dengan tepat, biasanya dilakukan dengan memberikan pesan umpan balik kepada pengguna akan keadaan eksekusi program saat itu. Penanganan kesalahan ini hanya dapat dilakukan apabiladi dalam program tersebut terdapat modul perangkap kesalahan (eror trapping).Berdasarkan kondisi pada perangkap kesalahan inilah dapat dilakukan penanganan kesalahan yang tepat.

Kesalahan pada program dapat disebabkan oleh dua hal:

• Kesalahan pada saat implementasi program yaitu kesalahan sintaksis yang secara langsung akan dideteksi oleh kompiler sehingga disebut dengan compile – time error (kesalahan ini akan tampil pada saat terjadinya kompilasi)

• Kesalahan Logika adalah kesalahan yang terjadi pada saat program sedang dijalankan, kesalahan ini akan mengakibatkan terhentinya eksekusi program kesalahan logika juga dapat terjadi pada system banyak pengguna (multiuser).

1. Piranti Bantu Sederhana

Pada bagian awal dari bab ini telah dijelaskan bahwa perancang seharusnya membuat dokumentasi akan bentuk – bentuk tampilan yang akan diimlpementasikan. Hal ini selain berguna bagi pengguna, terutama untuk program-program aplikasi pesanan, yang memungkinlkan ia membayangkan wajah program aplikasi yang akan dibuat. Pada subbab ini diperkenalkan sebuah piranti bantu sederhana yang dapat digunakan untuk mendokumentasikan wajah antarmuka yang diinginkan. Peranti bantu yang akan dijelaskan hanya berbantuk lembaran kertas yang tidak perlu disiapkan secara khusus,tetapi dapat menggunakan sembarang kertas kosong. Untuk mempermudah penamaan, maka lembaran kertas yang dimaksud diberi nama dengan lembar kerja tampilan (screen design work sheet), untuk seterusnya disingkat dengan LKT.

1. Jaringan Sistematik Tampilan
   Aspek penting yang ingin ditonjolkan dari perancangan tampilann adalah semacam wajah program aplikasi yang memungkinkan pengguna dapat berdialog dengan computer. Hal yang akan menjadi persoalan, khususnya bagi pemrogram, adalah apabila cacah tampilan yang cukup banyak, yang masing-masing mempunyai navigasi yang berbeda-beda pula.

Event yang menybabkan terjadinya tranasisi dari satu tampilan ke tampilan berikutnya, seperti dikatakna diatas,dapat berupa penekanan tombol papan ketik, pemilihan tombol tekan pada layar tampilan (dengan cara mengeklik tombol tekan), atau juga dapat disebabkan karena adanya kondisi khusus. Dalam gambar diatas memang tidak terlalu jelas tulisan yang menyatakan penekanan tombol papan ketik, tulisan yang menyatakan pemilihan tombol tekan atau tulisan yang menyatakan adanya event khusus oleh program. Untuk alas an ini sebaiknya dibuat kesepakatan antara pemrogram dan perancang tampilan agar pemrogram dapat benar-benar mempunyai persepsi yang sama dengan perancang tampilan.

1. Prinsip Design

Desain biasa diterjemahkan sebagai seni terapan, dan berbagai pencapaian kreatif lainnya. Dalam sebuah kalimat, kata “desain” bisa digunakan baik sebagai kata benda maupun kata kerja. Sebagai kata kerja, “desain” memiliki arti “proses untuk membuat dan menciptakan obyek baru”. Sebagai kata benda, “desain” digunakan untuk menyebut hasil akhir dari sebuah proses kreatif, baik itu berwujud sebuah rencana, proposal, atau berbentuk obyek nyata.

Proses desain pada umumnya memperhitungkan aspek fungsi, estetik dan berbagai macam aspek lainnya, yang biasanya datanya didapatkan dari riset, pemikiran, brainstorming, maupun dari desain yang sudah ada sebelumnya. Akhir-akhir ini, proses (secara umum) juga dianggap sebagai produk dari desain, sehingga muncul istilah “perancangan proses”. Salah satu contoh dari perancangan proses adalah perancangan proses dalam industri kimia.

2.Ide dalam membuat design

Berawal dari minat sang desainer (perancang) untuk memilih, menciptakan, ilustrasi baik berupa foto maupun tulisan.

3.Tantangan dalam membuat design

Antara lain: Proses pembuatan. Metoda merancang. Produk yang dihasilkan (rancangan). Serta disiplin ilmu yang digunakan (disain).

4.Contoh design dalam kehidupan sehari-hari

Gambar, Animasi, Kartun, Lucu

-       Desain Grafik

Bagian dari interface yang terlihat dan menimbulkan cita rasa

a). Sesuatu yang seseorang lihat pertama kali, dan menimbulkan kesan serta mempengaruhi tingkat emosi (mood)

b). Salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan kepada sang desainer (perancang) untuk memilih, menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan. Gambar maupun tanda yang digunakan bisa berupa tipografi atau media lainnya seperti gambar atau fotografi.Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain.

Desain grafis adalah suatu bentuk komunikasi visual yang menggunakangambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam disain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. disain grafis diterapkan dalam disain komunikasi dan fine art. Seperti jenis disain lainnya, disain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (disain). Seni disain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi, ilustrasi, fotografi, pengolahan gambar, dan tata letak.

Ø Filosofi Desain

· Elemen visual ekonomi

· Tidak berlebihan

· Jelas dan terorganizir dengan baik

Ø Prinsip Desain Grafik

1.Metafora (proses perancangan bentuk). Maksudnya Menampilkan dan menggambarkan elemen-elemen (titik, garis, warna, ruang dan tekstur) yang relefan dan dikenali. Menggunakan desktop yang berhubungan dengan perancangan interface (Adobe Photoshop, Corel Draw, Macromedia flash dll).

2.Kejelasan. Setiap elemen yang digunakan pada interface harus beralasan dalam penggunaannya. Memperjelas pesan yang diberikan. Memberikan  relax pada mata dalam menatap elemen-elemen saat beraktifitas. Menawarkan kesederhanaan, enak dilihat, berkelas dan jelas

3. Konsisten

Konsisten dalam layout,warna,gambar (image),icon,tipografi,teks, dll

·Konsisten pada layar, perpindahan antar layar satu ke layar lain

·Konsisten pada desain interface yang dirancang

·Bidang kerja (platform) mempunyai petunjuk tuntunan

Ø Pembuatan User Interface

Digunakan untuk mempermudah user dalam mengkomunikasikan bentuk disain kedalam sebuah gambar, tulisan dsb.

Ø Teknik Koding

· Digunakan sepintas lalu, baik untuk menarik perhatian tapi jarang digunakan

· Mengabaikan penggunaan video,baik untuk membuat sesuatu menjadi solid tapi jarang digunakan.Mungkin menarik mata tapi dapat mengganggu setelah beberapa waktu.

Ø Tipografi (typography)

·  Karakter dan simbol dalam penggunaannya mudah dilihat dan dibedakan

-  Menghindari penggunaan upper case (huruf besar) pada tiap huruf dalam suatu pengetikan naskah

-  Berdasarkan studi di temukan bahwa penggunaan campuran huruf kecil dan besar mempercepat proses membaca

·  Mudah dibaca

·  Mudah dikenali dengan adanya sekumpulan jenis huruf yang digunakan untuk mengetik suatu naskah/teks

Ø Fonts

Menggunakan serif untuk badan teks; sans serif untuk judul

Ø Menggunakan 1-2 huruf (maksimum 3 huruf)

Ø Menggunakan jenis huruf normal,italic,bold

Ø Jangan sering menggunakan bold, italic, dan huruf besar untuk sebagian besar teks/naskah,memperlambat proses baca

Ø Ukuran huruf maksimum 1-3 jenis ukuran

Ø Perhatikan warna dari background teks

Ø Warna (atribut, asosiasi)

Warna dapat didefinisikan secara obyektif/fisik sebagai sifat cahaya yang dipancarkan, atau secara subyektif/psikologis sebagai bagian dari pengalaman indera pengelihatan. Secara obyektif atau fisik, warna dapat diberikan oleh panjang gelombang. Dilihat dari panjang gelombang, cahaya yang tampak oleh mata merupakan salah satu bentuk pancaran energi yang merupakan bagian yang sempit dari gelombang elektromagnetik.

Cahaya yang dapat ditangkap indera manusia mempunyai panjang gelombang 380 sampai 780 nanometer. Cahaya antara dua jarak nanometer tersebut dapat diurai melalui prisma kaca menjadi warna-warna pelangi yang disebut spectrum atau warna cahaya, mulai berkas cahaya warna ungu, violet, biru, hijau, kuning, jingga, hingga merah. Di luar cahaya ungu /violet terdapat gelombang-gelombang ultraviolet, sinar X, sinar gamma, dan sinar cosmic. Di luar cahaya merah terdapat gelombang / sinar inframerah, gelombang Hertz, gelombang Radio pendek, dan gelombang radio panjang, yang banyak digunakan untuk pemancaran radio dan TV.

Proses terlihatnya warna adalah dikarenakan adanya cahaya yang menimpa suatu benda, dan benda tersebut memantulkan cahaya ke mata (retina) kita hingga terlihatlah warna. Benda berwarna merah karena sifat pigmen benda tersebut memantulkan warna merah dan menyerap warna lainnya. Benda berwarna hitam karena sifat pigmen benda tersebut menyerap semua warna pelangi. Sebaliknya suatu benda berwarna putih karena sifat pigmen benda tersebut memantulkan semua warna pelangi. Sebagai bagian dari elemen tata rupa, warna memegang peran sebagai sarana untuk lebih mempertegas dan memperkuat kesan atau tujuan dari sebuah karya desain. Dalam perencanaan corporate identity, warna mempunyai fungsi untuk memperkuat aspek identitas.

Lebih lanjut dikatakan oleh Henry Dreyfuss , bahwa warna digunakan dalam simbol-simbol grafis untuk mempertegas maksud dari simbol-simbol tersebut . Sebagai contoh adalah penggunaan warna merah pada segitiga pengaman, warna-warna yang digunakan untuk traffic light merah untuk berhenti, kuning untuk bersiap-siap dan hijau untuk jalan. Dari contoh tersebut ternyata pengaruh warna mampu memberikan impresi yang cepat dan kuat. Kemampuan warna menciptakan impresi, mampu menimbulkan efek-efek tertentu. Secara psikologis diuraikan oleh J. Linschoten dan Drs. Mansyur tentang warna sbb: Warna-warna itu bukanlah suatu gejala yang hanya dapat diamati saja, warna itu mempengaruhi kelakuan, memegang peranan penting dalam penilaian estetis dan turut menentukan suka tidaknya kita akan bermacam-macam benda. Dari pemahaman diatas dapat dijelaskan bahwa warna, selain hanya dapat dilihat dengan mata ternyata mampu mempengaruhi perilaku seseorang, mempengaruhi penilaian estetis dan turut menentukan suka tidaknya seseorang pada suatu benda.

Berikut kami sajikan potensi karakter warna yang mampu memberikan kesan pada seseorang sbb :

1.Hitam, sebagai warna yang tertua (gelap) dengan sendirinya menjadi lambang untuk sifat gulita dan kegelapan (juga dalam hal emosi).

2.Putih, sebagai warna yang paling terang, melambangkan cahaya, kesucian.

3.Abu-abu, merupakan warna yang paling netral dengan tidak adanya sifat atau kehidupan spesifik.

4.Merah, bersifat menaklukkan, ekspansif (meluas), dominan (berkuasa), aktif dan vital (hidup), panas membara, peringatan, penyerangan, cinta.

5.Kuning, dengan sinarnya yang bersifat kurang dalam, merupakan wakil dari hal-hal atau benda yang bersifat cahaya, momentum dan mengesankan kebahagiaan, keceriaan dan hati-hati

6.Biru, sebagai warna yang menimbulkan kesan dalamnya sesuatu (dediepte), sifat yang tak terhingga dan transenden, disamping itu memiliki sifat tantangan.

7.Hijau, mempunyai sifat keseimbangan dan selaras, membangkitkan ketenangan dan tempat mengumpulkan daya-daya baru, identik dengan pertumbuhan dalam lingkungan,pasukan perdamaian,kepuasan

8.Pink, warna yang identik dengan wanita, menarik/cantik, gulali

9.Orange, warna yang identik dengan musim gugur, penuh kehangatan, halloween.

10.Coklat, warna yang mengesankan hangat, identik dengan musim gugur, kotor, bumi

11.Ungu, warna yang identik dengan kesetiaan, kepuasan, Barney (tokoh boneka berwarna ungu)

Dari sekian banyak warna, dapat dibagi dalam beberapa bagian yang sering dinamakan dengan sistem warna Prang System yang ditemukan oleh Louis Prang pada 1876 atau disebut juga sebagai atribut warna meliputi :

1.Hue, adalah istilah yang digunakan untuk menunjukkan nama dari suatu warna, seperti merah, biru, hijau dsb.

2.Value, adalah dimensi kedua atau mengenai terang gelapnya warna. Contohnya adalah tingkatan warna dari putih hingga hitam.

3.Saturation/Intensity, seringkali disebut dengan chroma, adalah dimensi yang berhubungan dengan cerah atau suramnya warna.

Selain Prang System terdapat beberapa sistem warna lain yakni, CMYK atau Process Color System, Munsell Color System, Ostwald Color System, Schopenhauer/Goethe Weighted Color System, Substractive Color System serta Additive Color/RGB Color System. Diantara bermacam sistem warna diatas, kini yang banyak dipergunakan dalam industri media visual cetak adalah CMYK atau Process Color System yang membagi warna dasarnya menjadi Cyan, Magenta, Yellow dan Black. Sedangkan RGB Color System dipergunakan dalam industri media visual elektronika. Pada monitor, skema jenis RGB adalah sbb:

Penuntun Penggunaan Warna

·       Tampilkan warna dengan latar belakang (background) gelap

·       Pilih warna yang cerah untuk foreground (putih,hijau  dll)

·       Hindari penggunaan warna coklat dan hijau untuk background

·       Kecerahan dan kombinasi warna pada foreground dan background kontras

·       Gunakan warna sesuai kebutuhan,disain dibuat dalam b/w dan ditambahkan warna lain sesuai kebutuhan

·       Gunakan warna untuk menarik perhatian user, komunikasi terarah, identifikasi status, menjalin hubungan antar elemen

·       Hindari penggunaan warna pada pekerjaan yang sifatnya non-task, untuk layar yang kebanyakan terdiri dari teks, warna dapat membantu ketika user harus mencari /membedakan bagian2 tertentu

·       Hal-hal yang perlu dipertimbangkan dalam penggunaan warna, yaitu:

- Buta warna (cacat warna)

- Monitor monochrome (hanya mengenal satu warna)

- Pengkodean ekstra meningkatkan tampilan interface

·       Konsisten dalam penggunaan warna

·       Membatasi pengkodean warna menjadi 8 warna (4 warna  lebih baik)

·       Gunakan warna b/w atau abu-abu, atau b/w saja untuk tampilan interface

·       Untuk menunjukkan keragaman bagian-bagian pada layar

·       Disainer sering menggunakan layar kerja dengan menggunakan 4-5 warna

Ø Desain Icon

Merancang tugas/pekerjaan

· Menampilkan objek atau aksi dalam tata cara yang mudah dikenali dan di ingat

· Keragaman icon berjumlah terbatas

· Icon dimunculkan pada latar belakang

· Pastikan bahwa pada salah satu icon yang dipilih terlihat lebih terang dari yang lain

· Tiap icon menggunakan simbol yang berbeda satu dengan yang lain

· Membuat icon yang sejenis ke dalam kelompok icon yang berkaitan

· Menghindari penggunaan icon terlalu terinci

Desain Pada IMK

Desain grafis dalam pandangan Ilmu Komunikasi adalah metode menyampaikan pesan visual berwujud teks dan gambar dari komunikator kepada komunikan. Dalam mendesain surat kabar misalnya, desainer grafis memerlukan pengetahuan tentang kebisaaan sang pembaca media agar dengan mudah mendesain tata letak dan visual yang cocok. Ini dengan motif agar pesan yang hendak disampaikan oleh media tersebut diterima dan sampai pada pembaca.

Prinsip- Prinsip Desain :

Prinsip-prinsip desain membantu menentukan bagaimana menggunakan elemen desain. Ada empat prinsip desain: keseimbangan, penekanan, irama, dan kesatuan. Prinsip-prinsip desain membantu anda untuk menggabungkan berbagai elemen desain ke dalam tata letak yang baik.

Keseimbangan setiap elemen pada susunan visual berat yang telah ditentukan oleh ukurannya, kegelapan atau keringanan, dan ketebalan dari baris. Ada dua pendekatan dasar untuk menyeimbangkan. Yang pertama adalah keseimbangan simetris yang merupakan susunan dari elemen agar merata ke kiri dan ke kanan dari pusat. Yang kedua adalah keseimbangan asimetris yang merupakan pengaturan yang berbeda dengan berat benda yang sama di setiap sisi halaman. Warna, nilai, ukuran, bentuk, dan tekstur dapat digunakan sebagai unsur balancing.
Irama
Rhythm / Irama adalah pola berulang yang dibuat oleh unsur-unsur yang berbeda-beda. Pengulangan (mengulangi unsur serupa dalam cara yang konsisten) dan variasi (perubahan dalam bentuk, ukuran, posisi atau elemen) adalah kunci untuk visual ritme. Menempatkan elemen dalam sebuah layout secara berkala membuat halus, dan bahkan ritme yang tenang, santai moods. Sudden perubahan pada ukuran dan jarak antara unsur membuat cepat, ritme hidup dan suasana hati yang menyenangkan.

Penekanan
Penekanan yang berdiri atau mendapat perhatian pertama. Tata letak setiap kebutuhan yang penting untuk menarik para pembaca mata ke bagian penting dari tata letak. Terlalu banyak fokus poin kekalahan tujuan. Umumnya, yang penting dibuat ketika salah satu unsur yang berbeda dari yang lainnya.

Kesatuan
Kesatuan membantu semua elemen seperti milik mereka bersama. Pembaca harus visual cues untuk memberitahu mereka tahu potong merupakan salah satu unit-teks, headline, foto, gambar, dan keterangan semua pergi bersama-sama.
Menyatukan elemen elemen oleh kelompok yang saling berdekatan sehingga mereka terlihat seperti milik mereka bersama. Ulangi warna, bentuk, dan tekstur. Gunakan kotak (dengan struktur yang halaman) untuk membuat kerangka untuk margin, kolom, jarak, dan proporsi.

Opini pada website :

1. Metaphor (Metafora)

Metaphor atau metafora merupakan sebuah aplikasi dari nama atau deskripsi istilah objek lain yang tidak dapat diartikan secara harafiah.aplikasi ini menghubungkan antara presentasi dan elemen-elemen visual dengan item-item yang berkaitan. Contoh dari Metaphor adalah website toko online yang dimana pengunjung dibawa ke tempat seolah-olah mereka benar ada di toko online tersebut.

Contoh untuk website http://www.worldwidestore.com. Banyak sekali Methaphor yang terdapat di website tersebut. Secara garis besar, desain pada website tersebut membuat pengunjung merasa seperti sedang berbelanja di toko sebenarnya.

2. Clarity (Kejelasan)

Setiap membuat desain kita harus ada alasan yang kuat atau masuk akal dan jelas mengapa menggunakan setiap elemen yang berada dalam suatu interface yang kita buat, contoh peletakan suatu button, pembuat harus memiliki alasan mengapa diletakkan di tempat tersebut. Penggunaan elemen yang lebih sedikit akan lebih baik. Penggunaan background berwarna putih dianjurkan untuk memimpin mata dan membuat mata tidak lelah dengan aktifitas elemen yang ada pada suatu website.

Contoh untuk website http://www.schwab.com, dapat ditemukan prinsip Clarity (Kejelasan), website tersebut telah memenuhi salah satu syarat dalam prinsip Clarity yaitu penggunaan background yang berwarna putih.

3. Consistency (Ketetapan)

Dalam membuat desain haruslah memliki konsistensi dalam tampilan, pewarnaan, gambar, ikon, typography (model form yang digunakan pada suatu website), teks, dll. Harus ada konsistensi baik dalam layar maupun antar layar. Dan harus selalu ada metafora dimanapun juga. Setiap platform mungkin memiliki panduannya.

Contoh untuk website http://www.santafean.com memiliki prinsip konsistensi yang baik, baik dalam layar maupun antar layar. Desainnya cukup memukau dan menarik untuk dilihat.

4. Alignment (Perataan)

Untuk perataan desai dapat digunakan rata kiri, kanan atau tengah. Pada umumnya suatu teks pada website dimulai dari kiri atas (left alignment), dimana left alignment akan mengijinkan mata untuk menguraikan tampilan dengan lebih mudah. Selain itu dengan menggunakan bantuan garis akan membantu dalam hal perataan. Sembunyikan garis horizontal dan vertical untuk membantu mengalokasikan komponen window/jendela. Garis juga membantu menghubungkan hal-hal yang berhubungan dan memudahkan perataannya.

5. Proximity

Item-item yang berkaitan ditampilkan bersama pasti memiliki hubungan karena jarak yang jauh mengimplikasikan bahwa tidak ada hubungan antara item-item tersebut.

6. Contrast (Keserasian Tampilan)

Keserasian tampilan akan membuat pengunjung web tertarik pada web tsb. Kontras juga dapat memandu mata pengunjung untuk melihat keseluruhan interface. Keuntungan dari keserasian adalah untuk memperkuat fokus atau untuk memperkuat suatu interface. Kontras digunakan untuk membedakan aktifitas kendali. Juga dapat digunakan untuk men-set item yang paling utama. Item yang paling utama diberi highlight. Dengan mempergunakan geometri dapat membantu pengurutan. Kontras juga mendukung skimming secara cepat.