l) Desain Sistem1. UsabilityUsability berasal dari kata usable yang berarti dapat digunakan dengan baik. Usability sendiri lebih tepat dikatagorikan sebagai paradigma dari sebuah aplikasi (baik dari sisi perangkat lunak maupun perangkat keras) yang menggambarkan tingkat kenyamanan pemakaian dari sisi pengguna. Definisi dari usability sendiri menurut ISO (Internasional Standart Organization) adalah efektivitas, efisiensi dan kepuasan dengan yang satu set tertentu pengguna dapat mencapai satu set tugas tertentu di lingkungan tertentu. Pengertian prinsip usability adalah suatu masalah optimasi penggunaan sistem yang digunakan oleh pengguna. Sistem akan bekerja dengan baik apabila dipergunakan secara maksimal oleh pengguna sehingga semua kemampuan sistem dapat termanfaatkan secara maksimal. Dilihat dari seberapa besar manfaat yang bisa didapatkan dari sistem yang dipakai, apakah sistem tersebut memudahkan atau justru menyulitkan pengguna. Agar dapat mencapai sebuah tingkat usability yang baik bagi para pengguna, dibutuhkan tiga prinsip (Dix,1993) yaitu:A. Learnability, dimana seorang pengguna pemula dapat mempelajari sistem dan memanfaatkan sistem secara optimal. Di dalam prinsip ini terbagi menjadi empat bagian yaitu :1. Predictability yaitu pengguna mampu menentukan hasil dari sebuah tindakan dalam sistem, contohnya jika terjadi klik tombol simpan maka pengguna dapat menebak bahwa hasil dari tindakan tersebut adalah menyimpan data2. Familliarity yaitu pengguna dapat melakukan analogi dalam desain sistem dengan aplikasi sejenis ataupun alat sejenis yang sebelumnya telah diangggap populer3. Generalizability yaitu membuat desain operasi sistem yang juga berlaku sama di aplikasi lain yang sejenis , contohnya operasi edit, cut, copy, paste.4. Consistency yaitu konsisten dalam penggunaan berbagai istilah maupun ukuran.

B. Flexibility, merupakan sebuah sistem yang dianggap memenuhi usability, diharapkan dapat dioperasikan dengan prosedur yang tidak kaku. Sebuah sistem yang dianggap memenuhi standar fleksibilitas jika memenuhi konsep sebagai berikut:1. Dialogue initiative, yaitu pengguna memiliki kebebasan dalam sebuah kontak dialog, contohnya dalam kotak dialog penyimpanan dokumen, terdapat tombol untuk meneruskan proses dan sekaligus membatalkan.2. Multi threading, yaitu pengguna dapat menjalankan aplikasi lain ataupun proses lain disaat sebuah proses lain disaat proses lain sedang berjalan.3. Task Migrability yaitu kemampuan untuk melakukan migrasi, baik berupa data ataupun hasil proses ke aplikasi lain, contohnya hasil sebuah proses dapat diedit di aplikasi word processor.4. Substitutivity merupakan sebuah perintah yang dapat diganti dengan padanan lain, contohnya penyediaan shortcut.5. Costumizability merupakan desain yang dapat dimodifikasi oleh pengguna secara adaptif atau sesuai dengan tujuan utama masing-masing, contohnya pengaturan toolbar dan letak icon.

C. Robustnessyaitu kehandalan sebuah sistem dalam mencapai tujuan khususnya dari sudut pandang pengguna. Dalam mencapainya dibutuhkan empat criteria diantaranya :1. Observability yaitu pengguna dapat melakukan observasi pendahuluan sebelum benar-benar melakukan proses yang sesungguhnya2. Recoverability yaitu kemampuan koreksi dari sistem jika pengguna melakukan kesalahan3. Responsiveness merupakan sistem yang responsive berarti sistem ini mampu menerima tindakan user dengan stabil4. Task conformance yaitu kenyamananan pengguna dalam melakukan pekerjaan yang terdapat dalam sistem yang dianggap handal.

2. ColouristWarna merupakan suatu sensasi yang dihubungkan dengan sistem syaraf kita, seperti halnya rasa maupun bau. Sensasi warna diperoleh dari adanya interaksi antara warna dengan sistem syaraf sensitive warna kita. Lensa mata manusia tidak mempunyai kemampuan untuk mengoreksi warna. Hal ini menimbulkan efek yang disebut dengan kromostereopsis, yakni efek yang menyebabkan warna-warna murni pada jarak yang sama terlihat mempunyai jarak yang berbeda. Pada kebanyakan manusia, warna merah biasanya cenderung mempunyai jarak paling dekat, sementara warna biru cenderung mempunyai jarak paling jauh. Para ahli menunjukkan bahwa secara praktis pengalaman perseptual biasanya tidak linier terhadap kejadian fisik. Hubungan ini hampir mendekati fungsi logaritmik, dengan persepsi kecerahan akan meningkat secara logaritmis terhadap intensitas rangsangan.Pada berbagai program aplikasi, terutama hasil pekerjaan dari merekan yang belum memahami psikologi warna, sering kali digunakan campuran warna yang membuat mata merasa tidak nyaman. Rasa tidak nyaman itu antara lain disebabkan karena mata harus selalu melakukan penyesuaian dengan warna tampilan yang digunakan. Untuk mengurangi ketidaknyamanan tersebut, pemakaian awrna harus diatur sedemikian rupa sehingga mata tidak harus melakukan penyesuaian berulang kali yang dapat menyebabkan mata merasa tidak nyaman. Berikut ini disajikan sejumlah tinjauan kombinasi warna dilihat dari berbagai aspek yang dapat diaktakan semacam saran penggunaan warna untuk mendapatkan kombinasi warna yang sesuai dan nyaman1. Aspek Psikologis Hindarkan penggunaan tampilan yang secara bersamaan menampilkan sejumlah warna tajam. Merah, jingga , kuning, dan hijau dapat dilihat bersama-saam tanpa perlu pemfokusan kembali, tetapi cyan, biru, dan merah tidak dapat dilihat secara serempak dengan mudah. Pemfokusan mata yang berulang-ulang akan menyebabkan kelelahan pada mata. Hindari warna biru murni dalam pemakaian teks, garis tipis, dan bentuk yang kecil. Sistem penglihatan mata kita tidak diatur untuk rangsangan yang terinci, tajam, serta bergelombang pendek. Sebaiknya tidak menggunakan warna berdekatan yang hanya berbeda dalam hal komponen warna biru. Sudut-sudut yang berbeda hanya pada persentase komponen warna biru akan terlihat sama. Untuk dapat membedakan warna, pengamat yang lebih tua memerlukan tingkat ketajaman yang lebih tinggi. Warna akan berubah kenampakannya ketika cahaya sekelilingnya berubah. Tampilan akan berubah warna dibawah cahaya sekeliling yang berbeda. Kenampakan juga berbeda ketika tingkatan cahaya beratambah atau berkurang. Disatu sisi, perubahan terjai karean adanya pernambahan atau penurunan kontaras, dan di sisi lain perubahan itu terjadi karena adanya pergeseran sensitivitas mata. Besarnya perubahan warna yang dapat dideteksi bervariasi untuk warna yang berbeda. Perubahan kecil dalam warna merah dan ungu lebih sukar dideteksi dibandingkan warna lain sperti kuning dan hijau-biru. Selain itu, sistem penglihatan kita tidak siap untuk merasakan perubahan warna hijau. Hindarkan warna merah dan hijau yang ditempatkan secara berseberangan pada tampilan berskala besar . Warna yang lebih cocok adalah biru dan kuning. Warna yang berlawanan dapat digunakan bersama-sama . Merah dengan hijau atau kuning dengan biru, merupakan kombinasi yang baik untuk tampilan sederhana. Kombinasi merah dengan kuning, atau hijau dengan biru menghasilkan citra yang lebih jelek. Untuk pengamat yang mempunyai kelemahan dalam melihat warna, hindarilah perubahan warna tunggal.

2. Aspek Perseptual Tidak semua warna mempunyai discernible yang sama. Secara perceptual kita memerlukan perubahan yang besar dalam panjang gelombang agar kita dapat merasakan perubahan warna pada suatu bagian spectrum, dan perubahan yang lebih kecil pada bagian spectrum yang lain. Luminansi tidak sama dengan kecerahan. Dua luminansi yang sama tetapi berbeda dalam hal warna hue akan mempunyai kecerahan yang berbeda. Deviasinya akan semakin jelas pada warna-warna yang ada di ujung spectrum (merah, magenta, biru). Hue yang berbeda menyebabkan tingkat saturasi yang berbeda. Ketajaman (lightness) dan kecerahan dapat dibedakan pada bentuk tercetak, tetapi tidak pada tampilan warna. Sifat alamiah layar tampilan tidak memungkinkan ketajaman dan kecerahan bervariasi secara saling bebas. Tidak semua warna mudah dibaca. Secara umum pemakaian warna-warna latar belakang yang cenderung lebih gelap seperti merah, biru, magenta, coklat, dan lain-lain akan memberikan kenampakan yang lebih baikdibanding warna yang lebih cerah. Hue berubah sesuai dengan perubahan intensitas warna dan latar belakang Hindari adanya diskriminasi warna pada daerah yang kecil. Informasi pada hue yang kecil akan hilang. Secara umum, dua garis berdampingan yang memiliki lebar satu piksel akan Nampak sebagai garis dengan lebar dua piksel. Selain itu perlu diingat juga bahwa sistem penglihatan manusia menghasilkan citra yang lebih tajam pada warna akromatis sehingga untuk memberikan kerincian yang bagus, gunakan warna hitam, putih dan abu-abu, dan gunakan warna kromatis untuk panel yang lebih besar atau untuk menarik perhatian.

3. Aspek Kognitif Jangan menggunakan warna secara berlebihan. Barangkali aturan yang terbaik adalah menggunakan warna secara berpasangan. Penggunaan warna terutama ditujukan untuk menarik perhatian atau untuk pengelompokan informasi. Keuntungan ini akan hilang jika warna yang digunakan terlalu banyak. Waspadalah terhadap manipulasi warna secara tak linier pada layar tampilan dan bentuk cetakan. Kelompokkan elemen-elemen yang saling berkaitan dengan latar belakang yang sama. Warna yang sama diartikan membawa pesan yang serupa. Kecerahan dan saturasi akan menarik perhatian. Urutkan warna sesuai dengan posisi spektralnya. Warna hangat dan dingin sering digunakan untuk menunjukkan tingkat tindakan. Warna yang hangat (berpanjang gelombang besar ) biasanya digunakan untuk menunjukkan adanya tindakan atau tanggapan yang diperlukan. Warna yang dingin biasanya digunakan untuk menunjukan status atau informasi latar belakang. Warna-warna yang hangat akan nampak lebih mendekat kearah pengguna, sementara untuk warna yang dingin cenderung menjauhi pengguna.

3. User InterfaceUser Interface(UI) merupakan suatu sistem yang merupakan bagian terpenting dari setiap program, karena menentukan seberapa mudah program tersebut menberikan respon atau timbal balik dari yang diperintahkan pengguna (User interface,2012). Selain itu UI merupakan sistem yang komplek karena dikendalikan oleh pengguna dan merupakan tahap persiapan rancang bangun dari implementasi (Sabariah,2011.). Sedangkan tujuan dari UI membuat interaksi yang baik dan menyenangkan (Larasati, 2010). Berdasarkan Susanto (2011), desain UI yang baik memiliki karakteristik standarisasi terhadap sifatinterfaceyang berbeda, integrasi antara aplikasi dan software, konsistensi terhadap suatu aplikasi dan portabilitas yang merupakan dimungkinkanya data dikonversi pada berbagaihardwaredansoftware.User Interfacesendiri selalu dikaitkan dengan tampilan layar, sebab desain yang baik menjadi indikator terpenting untuk membuat pengguna merasa tertarik menggunakanwebsitetersebut (Larasati, 2010). Selain itu juga faktor estetika perangkat, waktu respon dan konten menjadi bagian terpenting untuk terciptanya UI yang baik.4. User ExperienceUser Experiencepada dasarnya istilah pengalaman pengguna merasakan suatu barang dan jasa yang efektif dan efisien. Indikator dariuser experienceadalah seberapa cepat pengguna menggunakan dan terbiasa denganinterface(Larasati, 2010).Menurut Larasati (2010), terdapat beberapa faktor yang mempengaruhiuser experience:a) Bagaimana sebuah situs didesain sesuai dengan keinginan/tujuan awalb) Kemampuan dan ketebatasan Situsc) Isi dan tampilan situsd) Fungsionalitas Situs

Sabariah, M.K., Implikasi performansi profile pengguna terhadap perancangan antarmuka perangkat lunak. Jurnal UNIKOM vol.7, No.1Nielsen, J. Mack, Robert L.Usability Inspection Methods. 1994. New York : John Wiley & Sons.Interaksi Manusia Komputer, artikel wiki, 12 Desember 2011, http://id.wikipedia.org/wiki/Interaksi_manusia-komputer.Larasati, I 2010,Kajian web usability,weblog, 24 Juni 2010, innel07.student.ipb.ac.id//kajian-web-usability-myhobbytown-comUser interface, artikel wepodia, 2012, http://www.webopedia.com/TERM/U/user_interface.html.Susanto, Y 2011, Apa itu imk,weblog, 31 Desember 2011, http://duniafikom.blogspot.com/2011/12/apa-itu-imk.htmlDang, M 2000, User interface, April 2000, http://searchsoa.techtarget.com/definition/user-interface.Afriani, D 2010, Prinsip-prinsip usability, weblog, 9 Desember 2010,.User experience, artikel wiki, 19 Februari 2012, http://en.wikipedia.org/wiki/User_experience?utm_source= twitterfeed&utm_medium=twitter