Design

“Look & Feel” porsi dari sebuah tampilan. Apa yang dihadapi seseorang pada awalnya. Awalnya penyampaian sebuah kesan, suasana hati

Filosofi-Filosofi Desain

Pilihan pribadiku:

-         Unsur-unsur visual ekonomi

-         Sedikit adalah lebih

-         Bersih, terorganisasi baik

Prinsip – prisip Design yang terdiri dari :  Metafora, Clariy (kejelesan), Konsistensi, Alignment (kelurusan), proximity, dan  Kontras

1. Metaphore

Mencoba mempresentasikan dan memberikan hubungan yang lebih familiar dengan elemen visual.

Dapat dilihat pada situs : http://www.worldwidestore.com. 

Komentar saya tentang situs tersebut :

Pada situs ini terdapat perpaduan banyak warna, gambar berupa benda – benda kuno yang terdiri dari patung, perhiasan, maupun souvenir yang lain.

Pada situs worldwidestore ini mempunyai background awan dan latar belakang awal tampilan pada tulisan berwarna putih dengan kombinasi warna. Dalam hal ini, situs yang ada di worldwidestore sudah mengikuti ketentuan warna terbaik, agar user tidak bosan jika membuka situs tersebut.

Kemudian worldwide store ini juga menggunakan tampilan antarmuka berbasis grafis dimana kumpulan obyek yang berupa benda – benda unik sudah sesuai dengan apa yang diinginkan untuk si user. Dan pada situs ini juga membuat urutan visual dan fokus pengguna dengan baik berupa benda – benda yang disusun rapi dengan bentuk 3 dimensi. Sehingga, pada saat kita masuk ke area space mall kita dapat melihat semua benda – benda unik tersebut sesuai dengan urutan yang ada di setiap rak. Dan seakan – seakan kita sebagai user masuk kedalam mal tersebut  mengelilingi sekitar mal yang ada.

Akan tetapi, kekurangannya pada  situs ini pada saat kita memasuki space mall tersebut, pada saat kita mengklik yang kita inginkan, tampilan dari  space mall yang berjalan tidak pernah berhenti dan terus berulang – ulang karena tak ada delay waktu yang men set tampilan tersebut.

2. Clarity

Dalam interaksi manusia computer terdapat design computer yang salah satunya adalah Clarity artinya Kejelasan.

Pada situs : http://www.schwab.com

Komentar saya tentang situs tersebut :

            Schwab ini menggambarkan sebuah perusahaan yang bergerak di bidang  investasi, penyimpanan, dan pengatur keuangan seseorang melalui penjualan saham, diman penuualan transksi saham tersebut berada dibursa efek yng ada di new york. Mereka mencari para investor yng ingin menanamkan modalnya investasi di schwab.

            

            Dalam hal ini, situs schwab ini sudah menjelaskan isi dari perusahaannya dengan terperinci. Mengenai tentang design dalam interaksi manusia dan komputer, bahwa kita ketahui latar belakang putih dengan dominan tulisan hitam, biru, dan merah serta garis tebal pada teks tersebut dengan warna yang sama sebelumnya sudah mengikuti ombinasi warna terbaik.  

3. Consistency

Apa itu Consistency ?

Consistency (Konsistensi) merupakan atribut yang sangat penting untuk membantu pengguna dalam mengembangkan mentalitas yang diperlukan dalam pengoperasian sebuah sistem computer.

Sistem yang konsisten akan mendorong pengembangan mentalitas dengan cara memberikan semcam petunjuk kepada pengguna untuk mengekstrapolasi pengetahuan yang saat itu ia miliki untuk dapat memahami perintah – perintah yang baru dan lengkap dengan opsion yang ada.

Konsistensi harus diterapkan pada semua aspek perancangan antarmuka pengguna. Perintah – perintah harus mempunyai sintaksis yang terstandarisasi dan urutan parameter harus mempunyai tata letak yang konsisten pula; format pemasukan data harus kompatibel dan konsisten dengan format tampilan data.

Dalam sistem berbasis frame (misalnya pada dialog berbasis pengisian barang), pengguna sering dihadapkan pada sejumlah tampilan yang penuh dengan infomasi. Dalam hal ini perancng harus konsisten dalam menggunakan ruang tampilan yang tersedia. Dengan cara seperti ini, pengguna secara tidak langsung akan membawa dirinya sendiri untuk mempelajari berbagai tipe informasi yang dapat ditemukan.

Dapat kita lihat pada situs  http://www. Santafean.com

Komentar :

Pada situs Santafean itu merupakan situs yang menarik dimana situs ini memiliki opsion dalam membuka suatu halaman yang konsisten dengan format tampilan data. Sehingga pengunjung sangat mudah mengklik berbagai pilihan yang ada di santafean dan  memberikan kemudahan langsung bagi para user.

Kemudian kosakata grafis yang konsisten dan sesuai

1. Alignment

Alignment ini merupakan perataan / perapian teks yang ada di pengolah kata maupun aplikasi lain. Agar memberikan kesan menarik dan rapi, setiap perancang perlu mengikuti standard ketentuan agar perancangan yang dibuat berhasil dengan sempurna. Baik dalam merancang suatu tulisan dengan perpaduan warna itu diperlukan juga dengan perapian teks, agar si user tidak kebingungan pada saat melihat tulisan kita.

2. Proximity

Merupakan pengelompokkan objek sejenis dan memisahkan yang tidak mirip untuk menunjukkan  hubungan dan kepentingan.

      

3. Contrast

Apa itu contrast ??

Contrast yaitu hubungan antara cahaya yang dikeluakan oleh suatu obyek dan cahaya dari latar belakang obyek itu. Kontras didefinisikan sebagai selisih antara luminans obyek dengan latar belakangnya dibagi dengan luminas latar belakang.

Kontras jug terdiri dari nilai kontras positif dan nilai kontras negative. Kemudian Obyek dapat mempunyai kontras negative atau positif tergantung dai luminans obyek itu terhadap luminans latar belakangnya.

Dapat kita lihat pada situs http://www.delta.com

Komentar saya :

Situs delta itu merupakan situs yang menawarkan jasanya dibidang travel dalam layanan online. Dimana layout / tampilan pada delta tersebut sangat sedehana dan tidak mengeluarkan banyak warna serta susunan opsi / pilihan untuk mencari data yang ada di delta secara terurut. Dalam hal ini tampilan Delta ini sudah mengikuti tata aturan kombinasi warna terbaik agar user pada saat membuka situs ini tidak terlihat bosan dan mudah untuk melakukan transaksi atau berdialog secara langsung.

           Sumber penjelasan tentang beberapa item yang terdiri dari Metaphor, Clarity,                 Consistency, Alignment, Proximity dan contrast berasal dari :

• Santosa, P. Insap, Interaksi Manusia & Komputer Teori dan Praktek, ANDI ,Yogyakarta,1997.