Apa perbedaan antara UI dan UX Design (User Interface)

 

GARASI KODING - Di dalam artikel sebelumnya kita sudah membahas apa itu UIUX Design, namun pasti masih banyak yang belum paham benar akan apa maksud dari kedua istilah tersebut. Nah, dalam artikel ini kita akan membahas lebih terperinci dengan memberikan contoh umum dikehidupan kita sehari-hari, sehingga diharapkan akan membantu dalam pemahaman dan apa kegunaan dari UIUX Design itu sendiri. UIUX Design didalam pembuatan aplikasi ataupun sistem informasi (biasanya berbasis web) sangat penting dikarena UIUX Design merupakan salah satu langkah awal agar aplikasi ataupun sistem informasi kita dapat diterima oleh pengguna (user). Adanya UIUX Design maka aplikasi atau sistem informasi kita bisa tepat sasaran, membuat mata nyaman dan tentunya interaksi yang dilakukan oleh pengguna dapat sesuai dengan yang diharapkan.

BACA ARTIKEL SEBELUMNYA MATERI RPL PWPB : USERINTERFACE (UI) DAN USER EXPERIENCE (UX) (UIUX DESIGNER)

USER INTERFACE

UIUX Design memiliki kepanjangannya sendiri di setiap singkatannya dengan UI adalah User Interface dan UX adalah User Experience. UI atau User Interface bisa kita lihat ada user dimana merujuk pada pengguna, sehingga desain ini diperuntukkan bagi pengguna atau ditampilkan  kepada pengguna. Interface atau tatap muka atau tampilan atau tata letak disini kita bisa mengartikan bahwa UI ini diperuntukkan untuk membuat suatu tampilan yang nantinya dilihat oleh pengguna (ingat dilihat belum pada ranah di gunakan). Sehingga UI itu adalah sebuah desain yang dibuat sedemikian rupa untuk membuat pengguna tertarik dan nyaman ketika menggunakan aplikasi atau sistem informasi tersebut, dimana didalam UI ada beberapa komponen seperti :

1. Besar kecil, jenis, warna, dan dekorasi (tebal, miring, garis bawah) sebuah FONT (Tulisan) yang mana menentukan kenyamanan bagi pengguna dalam membaca tulisan informasi ataupun instruksi. Font disini disesuaikan dengan kegunaan seperti Text untuk Judul, sub judul, paragraf, kata unik, atau kata asing sehingga dapat membuat pengguna bisa menerima informasi dengan mudah dan nyaman. Begitupun juga warna yang digunakan harus bisa dibaca dan tidak bikin mata perih, sebagai contoh background warna yang gelap namun menggunakan warna font gelap maka text yang akan ditampilkan jadi tidak terlihat.

Bisa dilihat perbedaan warna besar kecil huruf pada kemasan tersebut diperuntukkan untuk menjelaskan bahwa nama produk itu yang lebih besar sehingga user atau pengguna tidak perlu penjelasan yang mana nama produk tersebut. Itu merupakan salah satu tujuan UI Design memberikan kenyamanan penglihatan pengguna dan juga sekaligus mempermudah pengguna dalam memahami informasi.

2. Tata Letak atau layout berfungsi untuk meletakkan konten atau isi informasi sesuai dengan kegunaan atau fungsi dari informasi tersebut. Sebagai contoh Judul diletakkan dibagian atas dikarenakan berfungsi untuk menjelaskan apa yang akan dibahas pada isi informasi. Banner atau gambar spanduk yang biasanya digunakan untuk memberikan identitas sebuah halaman diletakkan dibagian atas tidak diberikan dibagian bawah karena bagian bawah biasanya digunakan untuk Footer atau identitas pembuat sistem atau aplikasi. Tata letak ini sangat penting dikarenakan dengan adanya penataan tata letak yang bagus dan baik maka pengguna tentu tidak akan kebingungan ketika ingin mencari sebuah informasi di dalam aplikasi atau sistem informasi tersebut. Sebagai contoh dengan membedakan letak antara judul, isi artikel dengan komponen pendukung seperti data kategori dan juga menu serta kolom pencarian data. Sehingga pengguna dapat dengan mudah menemukan tanpa harus di jelaskan oleh pembuat aplikasi atau sistem.

Dari gambar tersebut kita jadi paham apa yang kita lihat dan ingin kita cari dengan hanya melihat dari penataan tersebut tanpa harus menjelajah terlebih dahulu. Dari sini kita jadi lebih paham bahwa layout sangat penting karena akan mempermudah pengguna sebelum menggunakan atau menjelajah aplikasi atau sistem informasi yang akan digunakan, sehingga disini pengguna menjadi focus utama dalam UI design untuk membuat pengguna menjadi berminat untuk menggunakan bukan hanya sekedar melihat kemudian merasa malas atau tidak nyaman dikarenakan susah untuk dipahami atau penataannya sangat berantakan sehingga membuat mata pengguna kurang merasa enak untuk menjelajah.

3. Pewarnaan, disini adalah pewarnaan baik dari background, tulisan, kotak judul informasi ataupun menu. Tentu kita semua paham bahwa pewarnaan sangat penting juga dikarenakan dapat memanjakan mata pengguna sehingga menjadi betah untuk menggunakannya bahkan mungkin dapat terkagum terlebih dahulu sebelum menggunakannya. Pada bagian ini harus banyak bereksperimen dan tentunya berlatih karena perwarnaan sangat susah untuk dibakukan dimana setiap pengguna memiliki kesukaan atau warna favoritnya masing-masing, namun kita bisa bereksperimen dengan tema aplikasi atau sistem informasi yang akan dibuat. Jika aplikasi atau sistem informasi itu digunakan untuk menarik anak-anak maka warna juga harus yang cerah dan berwarna karena akan menarik mata anak-anak untuk melihat dan menikmatinya. Apabila diperuntukkan untuk pemusik underground tentu warna gelap jadi pilihan umum yang digunakan untuk sistem atau aplikasi yang dibuat. Maka demi tercapai tujuan warna kita harus paham betul tema atau tujuan dari aplikasi atau sistem informasi itu dibuat untuk siapa dan apa.

 Perhatikan warna warna pada desain gambar tersebut tentunya memanjakan mata sekali namun ada yang suka dengan salah satu desain atau bahkan ada yang suka semua atau ada yang tidak suka sama sekali. Dikarenakan ada yang memiliki warna favorit masing-masing. Namun ada warna warna dasar yang digunakan seperti bahaya itu warna merah biasanya digunakan untuk tombol hapus, warna orange digunakan untuk peringatan atau hijau untuk sukses dalam sebuah proses. Jadi yuk sering belajar akan warna warna yang sesuai.

BACA ARTIKEL SELANJUTNYA Apa perbedaan antara UI dan UX Design (User Experience)

UI disini jelas sekali berperan dalam membuat bentuk, warna, tulisan dan tata letak yang digunakan untuk memanjakan mata pengguna atau user sebelum menggunakan aplikasi atau sistem tersebut. Pada dasarnya UI hanya dibagian tampilan saja tidak pada tombol yang ketika di klik melaju kearah mana namun pada bagian warna tombol dan tulisan yang ada ditombol tersebut. Apapun yang bisa kamu lihat itu adalah tugas dari UI Design. Sebagai contoh Botol Susu bayi itu memiliki UI berbentuk tabung yang atasnya ada sedot bayi (empong) dan berwarna merah muda atau hijau muda serta ada tulisan merek dan gambar kartun. Berbahan plastik dan karet. Nah itu UI dimana cara penggunaan dan serta cara mengisi ataupun mengklik sebuah tombol serta link bukan ranah dari UI. 

Tugas di tombol FORMULIR TUGAS KE 3 bawah ini ya ..

FORMULIR TUGAS KE 3