MAKALAH

INTERAKSI MANUSIA DAN KOMPUTER

“USER INTERFACE (UI) DAN USER EXPERIENCE (UX)”

Nama :
1. Taufiqurrohman (16.12.9301)
2. Febnita Kurniyanti (16.12.9296)
3. Devita Eka Ratriningrum (16.12.9253)

Dosen :
Lilis Dwi Farida, S.Kom, M.Eng

PROGRAM STUDI
S1- SISTEM INFORMASI
FAKULTAS ILMU KOMPUTER
UNIVERSITAS AMIKOM YOGYAKARTA
2019
A. PENGERTIAN UI/UX
 USER INTERFACE (UI)
UI adalah desain antarmuka yang lebih memfokuskan pada keindahan dari
sebuah tampilan, Biasanya UI akan diimplementasikan atau dikerjakan setelah UX
selesai dengan menentukan desain dari layout, logo, warna, typography dan hal
lainnya untuk mempercantik aplikasi yang kita miliki.
 USER EXPERIENCE (UX)
UX adalah desain yang digunakan untuk meningkatkan kepuasan dari pengguna
dalam meningkatkan kegunaan dan kesenangan yang diberikan dalam interaksi
antara pengguna dan produk.

A. PERBEDAAN UI/UX
 UI
o Lebih mementingkan keindahan tampilan
o Memiliki tujuan untuk menampilkan desain interface dengan
keseragaman dan konsistensi yang baik meliputi font, warna, gambar, dan
bentuk visual lainnya yang menarik
 UX
o Lebih mementingkan kenyamanan pengguna
o Memiliki tujuan membuat suatu website mudah digunakan oleh
pengguna.

B. SOCIAL MEDIA (INSTAGRAM)

Alasannya, Sosial media memiliki interface yang menarik, memiliki banyak
fitur yang menggiurkan namun mudah untuk digunakan serta selalu melakukan
update fitur – fitur yang lebih terkini dan membuat banyak orang tertarik untuk
menggunakannya seperti contohnya pada instagram.

C. RAGAM DIALOG (INSTAGRAM)

1. Pengertian Instagram
Instagram merupakan aplikasi mobile iOS , Android dan Windows Phone
dimana pengguna dapat membidik, mengedit, memposting foto dan video ke
halaman utama Instagram.
2. Fitur Instagram
Instagram memiliki banyak fitur yang dapat digunakan untuk membidik,
meng-edit dan memposting foto atau video ke halaman utama instagram dan
jejaring social lainnya. Adapun fitur – fitur instagram :
 Pengikut
Sistem sosial di dalam Instagram adalah dengan menjadi mengikuti akun
pengguna lainnya, atau memiliki pengikut Instagram.
 Mengunggah Foto
Kegunaan utama dari Instagram adalah sebagai tempat untuk
mengunggah dan berbagi foto-foto kepada pengguna lainnya.
 Kamera
Foto yang telah diambil melalui aplikasi Instagram dapat disimpan di
dalam Device tersebut. Penggunaan kamera melalui Instagram juga dapat
langsung menggunakan efek-efek yang ada, untuk mengatur pewarnaan dari
foto yang dikehendaki oleh sang pengguna.
 Efek foto
Dalam pengaplikasian efek, para pengguna juga dapat menghilangkan
bingkai-bingkai foto yang sudah termasuk di dalam efek tersebut.
 Judul foto
Setelah foto tersebut disunting, maka foto akan dibawa ke halaman
selanjutnya, dan foto tersebut akan diunggah ke dalam Instagram ataupun ke
jejaringan sosial lainnya.
 Arroba
Seperti Twitter dan juga Facebook, Instagram juga memiliki fitur yang
dapat digunakan penggunanya untuk menyinggung pengguna lainnya dengan
manambahkan tanda arroba (@) dan memasukkan nama akun Instagram dari
pengguna tersebut.
 Label foto
Sebuah label dalam Instagram adalah sebuah kode yang memudahkan
para pengguna untuk mencari foto tersebut dengan menggunakan "kata kunci".
 Instagram Stories dan Live Instragam
 Pengguna Instagram dapat membagikan aktivitasnya kepada orang lain
secara langsung yang berupa foto atau video kemudian terdapat juga
ditambahkan stiker yang ada pada instagram.
 Perlombaan
Sebagai sebuah media untuk mengunggah foto, salah satu kegunaan dari
Instagram adalah sebagai ajang lomba fotografi.
 Publikasi kegiatan sosial
Sebagaimana kegunaan media sosial lainnya, Instagram menjadi sebuah
media untuk memberitahukan suatu kegiatan sosial dalam cakupan lokal
ataupun mancanegara.
 Publikasi organisasi
Di dalam Instagram juga banyak organisasi-organisasi yang
mempublikasikan produk mereka. Selain organisasi bersifat perniagaan,
organisasi jenis lainnya juga dapat menggunakan Instagram untuk tujuan politik
ataupun bidang lainnya.
 Geotagging
Setelah memasukkan judul foto tersebut, bagian selanjutnya adalah
bagian Geotag. Bagian ini akan muncul ketika para pengguna mengaktifkan
GPS mereka di dalam iDevice mereka.
 Jejaring sosial
Dalam berbagi foto, para pengguna juga tidak hanya dapat membaginya
di dalam Instagram saja, melainkan foto tersebut dapat dibagi juga melalui
jejaring sosial lainnya seperti Facebook, Twitter, Foursquare, Tumblr, dan
Flickr.
 Tanda suka
Instagram juga memiliki sebuah fitur tanda suka yang fungsinya
memiliki kesamaan dengan yang disediakan Facebook, yaitu sebagai penanda
bahwa pengguna yang lain menyukai foto yang telah diunggah
 Popular
Bila sebuah foto masuk ke dalam halaman popular, yang merupakan
tempat kumpulan dari foto-foto popular dari seluruh dunia pada saat itu.
 Peraturan Instagram
 Sebagai tempat untuk mengunggah foto-foto dari masyarakat umum, ada
beberapa peraturan tersendiri dari Instagram, agar para pengguna tidak
mengunggah foto-foto yang tidak sesuai dengan peraturan.
 Penandaan foto dengan bendera
Menandai foto dengan sebuah bendera berfungsi bila pengguna ingin
melakukan pengaduan terhadap penggunaan Instagram lainnya.

3. Pembahasan
 Memungkinkan pengguna untuk melakukan shortcut (Shortcut).

Usahakan agar user tidak perlu berkerja keras untuk mencapai dan
mendapatkan apa yang yang diinginkan pada aplikasi. Kita dapat
memaksimalkan kecepatan interaksi seperti, baik melalui singkatan, simbol atau
icon maupun dengan menu-menu yang sudah kita siapkan di halaman awal.
Pada Instagram ada beberapa shortcut yang digunakan diantaranya ada
icon home, icon kaca pembesar (pencarian) , icon penambahan foto (upload),
icon love (pemberitahuan like dan comment), dan profil.
 Pegang teguh Konsistensi
 Konsistensi dilakukan pada urutan perintah, istilah pada menu, dan tindakan.
Sehingga ketika kita akan membuka aplikasi hari ini atau pun besok hingga
seterusnya, urutan-urutan yang akan kita lalui akan tetap sama.
Ketika ingin login diinstagram diharuskan mengisi e-mail dan password
terlebih dahulu. Di Instagram kita juga bisa melakukan sistem log in jika kita sudah
memiliki akun Facebook itu akan mempermudah pada saat ingin login. Konsistensi
Instagram ialah jika ingin masuk harus memasukkan email dan password.
 Memberikan penanganan kesalahan yang sederhana (Simple Eror Handling).

Memberikan penanganan kesalahan yang sederhana sehingga terhindar dari

kesalahan atau sistem erorr maupun tidak melalukan eror yang serius. Sistem harus
dapat mendeteksi eror itu sebelum terjadi. Dan jika kesalahan itu masih terjadi,
sistem harus dapat memberikan mekanisme yang sederhana dan mudah dipahami
untuk penanganan kesalahan tersebut.
Misalnya saat ada sebuah taq yang menandai kita dan kita tidak ingin
ditandai di foto tersebut. Cara mengatasinya dengan menghapus tanda nya saja
dengan menekan tanda titik tiga yang ada dipojok kanan.
 Memberikan penanganan kesalahan yang sederhana (Simple Eror
Handling).

Untuk setiap yang dilakukan user, harus selalu ada semacam feedback baik
maupun buruk. Feedback tersebut memberikan informasi terhadap aksi yang
dilakukan oleh user.
Di Instagram, pada saat kita ingin mengubah nama pengguna misalnya
diganti dengan feb_nita namun ternyata nama pengguna tersebut sudah terpakai
oleh pengguna lain sehingga muncul feedback “The username feb_nita is not
available”.
 Merancang dialog untuk menghasilkan suatu penutupan (Dialog Closure).
 Desain lagkah-langkah yang harus dilakukan agar user dapat menyelesaikan
suatu aksi.
Jika ada pengguna ain yang mengkomentari postingan anda, dan anda ingin
membalas komentar tersebuat dengan menggunakan (@) agar pengguna yang anda
tandai tau jika kometarnya dibalas.
 Mudah kembali ke tindakan sebelumnya (Reversible Action).

Hal ini dapat mengurangi ke khawatiran user karena pengguna mengetahui

kesalahan apa yang telah dilakukan dapat dibatalkan. Sehingga user tidak takut
untuk mengeksplorasi.
Misalkan saat ada seseorang yang iseng saat mengupload foto yang sengaja
tidak ingin di publikasikan. Kita dapat melakukan tindakan atas foto tersebut. Foto
tersebut dapat dihapus dalam akun Kita dengan cara pilih icon "(:)" pada ujung foto
untuk melakukan pilihan opsi apa yang akan kita lakukan dalam foto ini. Dalam hal
ini Kita memilih opsi "Hapus", maka sistem tersebut akan memproses tindakan Kita
sehingga foto Kita dapat terhapus dalam akun Instagram Kita.
  Mengurangi beban ingatan jangka pendek (Reduce short-trem Memory Load).

Membuat design yang sesederhana mungkin. Maksudnya disini bukan

merancang interface dengan design yang biasa(sederhana). Tetapi merancag
interface yang mudah dipahami oleh user. Dengan interface yang simple dan
menarik dapat membantu user mengurangi beban ingatan jangka pendek sehingga
tidak perlu mengingat terlalu banyak perintah dan juga dapat menghindari
terjadinya kebingungan pada para user.

D. PERANCANGAN TAMPILAN
1. Faktor Manusia
 Indra penglihatan
Pemilihan warna pada icon instagram cukup menarik dikarenakan pemilihan warna
yang terang namun terlihat sedikit gelap juga.
 Aspek kognitif
Kombinasi warna pada instagram juga tidak berlebihan dan tidak membuat mata
sakit.
 Indra pendengaran
Instagram juga memiliki fitur merekam ataupun mengupload video yang memiliki
suara dibelakangnya sehingga kita bsa mendengarkannya sembari menonton. Selain
itu juga memiliki fiur Live instagram dimana ada unsur percakapan dengan
pengguna instagram lainnya,