TUGAS INTERAKSI MANUSIA DAN KOMPUTER

ANALISA WEBSITE

Diajukan untuk memenuhi nilai UAS pada semester empat

(IV)
Kelas : 12.4A.09

Anggota :

1. Okta Rahmawati (1216 2633)

2. Amalia Rizki Yudistira (12165479)
3. Noriska Febi H (12170439)
4. Amerizal (12170519)
5. Sri Suhartini Simaremare (12170462)
6. Ferdila (12172502)

Program Studi Sistem Informasi

Fakultas Teknologi Informasi
Universitas Bina Sarana Informatika Yogyakarta
2019
1
 DAFTAR ISI
Halaman
BAB I PENDAHULUAN......................................................................................................5
1.1. Latar Balakang................................................................................................................5
1.2. Rumusan Masalah...........................................................................................................5
1.3. Tujuan Pembuatan Makalah............................................................................................5
BAB II TINJAUAN PUSTAKA............................................................................................6
2.1. Usability..............................................................................................................................6
2.2. User Experience..................................................................................................................7
2.3. Fleksibilitas........................................................................................................................8
2.4. User Interface......................................................................................................................8
BAB III HASIL DAN PEMBAHASAN.............................................................................10
3.1 Market Place.......................................................................................................................10
3.2 Lazada................................................................................................................................10
3.3. Tampilan Interface Website Lazada..................................................................................10
3.3.1. Nama dan Logo..................................................................................................10

................................................................................................10
3.3.2. Tampilan Grafis

........................11
3.3.3. Sistem Menu.......................................................................................................11
3.3.5. Antarmuka Berbasis Interaksi Grafis.................................................................13
BAB IV PENUTUP..............................................................................................................17
4.1. Kesimpulan........................................................................................................................17

2
4.2. Saran..................................................................................................................................17

Kata Pengantar

Segala puji dan syukur kami panjatkan ke hadirat Allah SWT karena atas segala karunia-Nya
kami dapat menyelesaikan tugas ini. Topik yang dibahas dalam makalah ini ialah mengenai
analisa situs www.lazada.co.id, mulai dari desain antar muka, tampilan layar, navigasi,
fungsi-fungsi, sampai dengan ukuran tingkat usabilitas situs ini. Keberhasilan ini tidak lepas
dari bantuan berbagai pihak.

Pada kesempatan ini penulis ingin mengucapkan terimakasih kepada teman- teman satu
kelompok atas kerja sama dan kekompakkannya serta Ibu Nani Purwati selaku Dosen Mata
kuliah IMK, dan semua pihak yang telah memberikan saran dan bantuan selama
menyelesaikan tugas ini.

Kami menyadari bahwa masih banyak terdapat kekurangan dalam menyelesaikan

makalah ini baik dari segi materi maupun penyajiannya, untuk itu saran serta kritikan yang
membangun dari dosen dan rekan-rekan sangat diharapkan guna perbaikan makalah ini.
Akhir kata penulis berharap semoga tulisan ini bermanfaat bagi pembaca pada umumnya dan
penulis pada khususnya.

Penulis

3
 BAB I
PENDAHULUAN

1.1. Latar Balakang

Sekarang ini web telah begitu populer diberbagai kalangan di masyarakat, karena mereka
menggunakan web sebagai media untuk mencari informasi dalam kehidupan sehari- hari.
Website dibangun dengan berbagai fugsi dan berbagai kebutuhan sesuai dengan kepentingan
atau keinginan yang membuatnya. Karena peranan website sangat penting, maka dalam
membangun sebuah website harus memperhatikan beberapa faktor yaitu : usability, user
experience, dan user interface.Tujuan utama dalam pembuatan website adalah menyebarkan
informasi, oleh karena itu sebuah website harus dapat diakses oleh pengguna.

Faktor usability dan utility merupakan faktor penting pada sebuah website. Usability
merupakan sebuah atribut yang menilai tingkat kemudahan user interface untuk digunakan
oleh pengguna. Sedangkan utility adalah kemampuan sebuah website untuk memberikan
manfaat atau kegunaan atau kepuasan kepada pengguna. Mengapa kedua faktor tersebut
sangat penting dalam membangun sebuah website ?? Karena jika sebuah website sulit
digunakan, jika sebuah website tidak berisikan tentang informasi yang dicari oleh user, jika
sebuah website tidak menuntun user untuk melakukan apa yang harus user lakukan, dan jika
user tersesat pada sebuah website yang user kunjungi, maka pilihan terbaik user adalah
dengan mengklik tanda close [X] atau keluar dari website tersebut.

1.2. Rumusan Masalah

Berdasarkan faktor-faktor yang telah kami uraikan diatas, kami akan melakukan analisis
terhadap situs market place www.lazada.co.id

1.3. Tujuan Pembuatan Makalah

Tujuan dari pembuatan makalah ini adalah untuk memenuhi tugas interaksi manusia dan
komputer dan lebih mengenal tentang Interface suatu website.

4
 BAB II
TINJAUAN PUSTAKA

2.1. Usability
Nielsen (2012) mendefinisikan usability sebagai sebuah kualitas yang mengkaji dan
mengukur kemudahan tampilan yang digunakan oleh pengguna. The International Standard
(ISO, 2006) mendefinisikan usability sebagai peningkatan sebuah produk yang digunakan
oleh pengguna tertentu untuk mencapai tujuan tertentu seperti, efektivitas, efisiensi, dan
kepuasaan pengguna. Usability mengacu pada user experience (pengalaman pengguna) ketika
berinteraksi kepada sebuah produk atau sistem, termasuk website, perangkat lunak, devices,
atau aplikasi (Usability.gov, 2014).

Nielsen (2012) menjabarkan usability ke dalam lima indikator utama, yaitu:

1. Learnability
Indikator yang mengukur seberapa mudah pengguna menyelesaikan tugas-tugas yang
harus dikerjakan selama menggunakan website. Menurut Jeff Sauro (2013),
learnability dapat diukur dari dua hal, yang pertama kemampuan pengguna dalam
menyelesaikan sebuah tugas, serta lama waktu yang digunakan untuk menyelesaikan
sebuah tugas.

2. Efficiency
Indikator yang mengukur kecepatan dan ketepatan pengguna dalam mengakses suatu
sistem. Ada 12 cara yang dapat dilakukan untuk mengukur indikator efisiensi
diantaranya waktu yang diperlukan untuk mengerjakan aktivitas (time), waktu yang
diperlukan pengguna untuk menyelesaikan satu aktivitas (time completion rate),
waktu yang diluangkan pengguna dalam satu aktivitas atau pada halaman tertentu
(time in mode), input rate seperti memasukkan kata dengan benar dalam hitungan
menit, dan sebagainya (Hornbæk, 2006).

3. Memorability
Indikator ini mengukur seberapa jauh ingatan pengguna setelah mengakses sebuah
sistem. Memorability biasanya memerlukan penelitian dalam jangka waktu yang
panjang.

5
 4. Errors
Indikator yang mengukur berapa banyak kesalahan pengguna dalam menggunakan
sistem. Hornbæk (2006) perhitungan errors dapat dilakukan dengan banyaknya
jumlah errors yang dilakukan pengguna selama melakukan satu aktivitas, jumlah
kesalahan dalam menjalankan serangkaian tugas, jumlah aktivitas yang dilakukan
dengan benar dan sejenisnya.

5. Satisfaction
Indikator yang mengukur seberapa puas pengguna dengan website yang mereka
gunakan. Perhitungan satisfaction dapat diukur dengan menggunakan standar
kuesioner usability, sebagai contoh Questionnaire for User Satisfaction (QUIS),
Software Usability System (SUS), dan lain-lain. Selain itu dapat dilakukan
perhitungan dengan melihat satisfaction with the interface, context-dependent
questions, before use, during use, ease of use, dan sejenisnya (Hornbæk, 2006).

Usability juga diperngaruhi oleh faktor-faktor tertentu diantaranya:

(1) desain yang intuitif;

(2) kemudahan dalam memahami sistem;

(3) efisiensi;

(4) langkah-langkah penggunaan yang mudah untuk diikuti;

(5) banyaknya error dan seberapa sulit permasalahannya;

(6) penilaian subjektif pengguna terhadap kepuasan penggunaan sistem (Usability.gov, n.d.).

Sebuah sistem tanpa adanya sebuah proses usability akan membawa banyak masalah
(Nielsen, 2012). Hal inilah yang menyebabkan pentingnya sebuah proses usability dalam
pengembangan sebuah sistem.

6
 2.2. User Experience
                 User Experience pada dasarnya istilah pengalaman pengguna merasakan suatu
barang dan jasa yang efektif dan efisien. Dalam kaitannya dengan IMK yaitu bagaimana
pengguna merasakan kemudahan dan efisiensi dari sebuah sistem (User experience 2012).
Indikator dari user experience adalah seberapa cepat pengguna menggunakan dan terbiasa
dengan interface (Larasati 2010). Menurut Larasati (2010), terdapat beberapa faktor yang
mempengaruhi user experience :

a)     Bagaimana sebuah situs didesain sesuai dengan keinginan/tujuan awal

b)      Kemampuan dan keterbatasan situs

c)      Isi dan Tampilan situs

d)        Fungsionalitas situs

2.3. Fleksibilitas
Kamus Merriam-Webster mendefinisikan fleksibilitas sebagai:
(1) kemampuan menjadi fleksibel,
(2) patuh terhadap pengaruh, dan
(3) dicirikan dengan kesiapan atas kemampuan untuk melakukan adaptasi terhadap
kebutuhan yang baru, berbeda, atau berubah.
Dari sini dapat diambil kesimpulan bahwa fleksibilitas adalah kemampuan
organisasi dalam menyikapi atau merespon terhadap perubahan lingkungan, baik internal
maupun eksternal. Sedangkan fleksibilitas sistem informasi dapat diartikan sebagai
kemampuan dari sebuah sistem informasi dalam menyikapi atau merespon kebutuhan
pengguna akan requirement yang baru, berbeda, atau berubah.
Fleksibilitas sistem informasi dapat diartikan sebagai kemampuan dari sebuah
sistem informasi dalam menyikapi atau merespon kebutuhan pengguna akan requirement
yang baru, berbeda, atau berubah. Fleksibilitas dapat mempengaruhi efisiensi dan
efektifitas operasional bagi sistem informasi di perusahaan.

7
2.4. User Interface
Menurut Lastiansah (2012), user interface adalah cara program dan pengguna
untuk berinteraksi. Istilah user interface terkadang digunakan sebagai pengganti
istilah Human Computer Interaction (HCI) dimana semua aspek dari interaksi
pengguna dan komputer. Semua yang terlihat dilayar, membaca dalam dokumentasi
dan dimanipulasi dengan keyboard (atau mouse) juga merupakan bagian dari user
interface.

User interface memiliki fungsi untuk menghubungkan atau menterjemahkan

informasi antara pengguna dengan sistem operasi, sehingga komputer dapat
digunakan. Dengan demikian user interface bisa juga diartikan sebagai mekanisme
inter-relasi atau integrase total dari perangkat keras dan lunak membentuk
pengalaman berkomputer. User interface dari sisi software bisa berbentuk Graphical
User Interface (GUI) atau Command Line Interfae (CLI), sedangkan dari sisi
hardware bisa berbentuk Aplle Desktop Bus (ADB), USB, dan fire wire.

Konsep user interface memiliki banyak aspek yang perlu diperhatikan, karena
akan mengacu pada beragam aplikasi teknologi seperti electronic display, aplikasi
web, aplikasi mobile dan lain-lain.

8
 BAB III
HASIL DAN PEMBAHASAN

3.1 Market Place

Pada pembahasan kali ini kami akan membahas tentang web portal tentang Market Place
sebagai bahan analisa kami.Bicara tentang market place, apa sih market place itu?
Definisi marketplace secara bahasa berarti “pasar” di Internet. Sebagaimana pasar pada
umumnya, pasar yang satu ini juga merupakan tempat jual beli barang sehingga di wilayah ini
merupakan satu wilayah sebagai tempat bertemunya antara seller dan buyer. Dengan adanya
pasar global yang tak terbatas, mendorong para pelaku bisnis untuk melakukan inovasi untuk
memanfaatkan media online sebagai lahan bisnis. Apalagi dengan semakin meningkatnya
pengguna internet dari hari ke hari yang semakin banyak, memanfaatkan marketplace dalam
keadaan seperti ini untuk mengembangkan bisnis melalui internet tentu merupakan prospek
yang sangat bagus. Saat ini banyak sekali marketplace yang bermunculan di Indonesia
contohnya seperti Tokopedia, Bukalapak, shopee, Traveloka, dll.

3.2 Lazada
Lazada adalah situs belanja online yang menawarkan berbagai macam jenis produk,
mulai dari elektronik, buku, mainan anak dan perlengkapan bayi, alat kesehatan dan produk
kecantikan, peralatan rumah tangga, serta perlengkapan traveling dan olahraga.

3.3. Tampilan Interface Website Lazada

3.3.1. Nama dan Logo

Lazada Berasal dari bahasa spanyol yang berarti putaran (loop).

Lzada nama yang sangat bagus dan cocok untuk suatu website yang
berhubungan dengan Bidang layanan/produksi yaitu, Perusahaan jual
beli multinasional yang menyediakan berbagai keperluan secara
online, Nama yang cukup simpel dan mudah di ingat. Nama Lazada

9
 sudah sangat melekat di otak masyarakat, apabila seseorang ingin
berbelanja online, elektronik, dekorasi rumah tangga, hobby, dan
produk kecantikan. pasti yang muncul pertama kali di pikiran
masyarakat adalah Lazada.

3.3.2. Tampilan Grafis

Ketika pertama kali masuk ke website Lazada, maka akan di

suguhkan dengan tampilan yang menarik dan Simpel dengan tema
biru dan putih. Pada home page web Lazada, lebih mengutamakan
mesin atau program pencarian, elektronik, dekorasi rumah tangga,
hobby, dan produk kecantikan, dan Fashion namun tetap terlihat
menarik dengan adanya gambar- gambar, banner dan juga ikon-ikon
sebagai pelengkap dan juga memudahkan user untuk lebih
memahami.

3.3.3. Sistem Menu

Sistem Menu tidak pernah lepas dari sebuah sistem atau
program baik program Desktop ataupun program Online, Sistem
menu berguna untuk memudahkan user untuk berkomunikasi dengan
program, User bisa memberikan perintah hanya dengan menekan
atau klik sebuah menu. Sistem menu ada beberapa jenis misal menu
10
datar, menu pulldown, menu dropdown dll. Pada website Lazada ini
juga terdapat beberapa menu yang bisa membantu para user untuk
menemukan apa yang mereka inginkan.

Pada bagian Header halaman Lazada terdapat beberapa menu

penting yang di butuhkan para user seperti Menjadi Seller,
Customer Care, Lacak Pesanan, Login, daftar, Kategori, Lazmall,
Pusa&Voucher, Voucher Belanja, Globall Collection. Menurut
kami ini sudah sangat bagus karena pihak Lazada menempatkan
menu pada bagian header hanya menu-menu yang penting saja,
menu yang sangat di butuhkan oleh para user dan tidak
mengganggu tampilan.
Untuk menu-menu pelengkap di letakan di bagian Footer atau
bagian paling bawah website, menu-menu pelengkap itu seperti
Layanan Pelanggan dan Jelajahi Lazada.Menu-menu ini sangat
cocok di letakan di bawah karena tidak terlalu banyak di gunakan
oleh user.

11
 3.3.4. Ikon / simbol
Ikon atau simbol juga merupakan bagian terpenting dari suatu program dan
website, ikon berguna untuk membantu user memahami suatu menu atau konten dalam
suatu web, misalnya dalam web Lazada terdapat ikon troli menunjukan letak barang
yang akan kita pesan, ikon jam menunjukan barang paling populer, ikon api
menunjukan promo besar-besaran atau flash sale, ikon/logo hp menunjukan tempat
pengisian pulsa dan voucher, ikon/logo dolar menunjukan letak voucher belanja,
ikon/logo pesawat menunjukkan global collection/koleksi global, ikon/logo bank
menunjukkan metode pembayaran, ikon/logo pengiriman menunjukan jasa pengiriman
yang bekerjasama dengan Lazada, dll.

Semua ikon itu umum di gunakan oleh para programer, jadi user pun sudah tidak asing lagi dengan
ikon-ikon tersebut.

3.3.5. Antarmuka Berbasis Interaksi Grafis

Dialog berbentuk pesan atau informasi pada suatu gambar atau link yang tampil ketika pengguna
melakukan suatu aktifitas. Maksudnya seperti kotak dialog, tombol-tombol, list box, combo box,
scroll, dll. Yang perintah dari suatu web yang di desain secara grafis yang mudah di pahami. Pada
web Lazada ini juga banyak terdapat interaksi berbasis grafis contohnya sebagai berikut :

1. Tombol Tekan Gambar

Banyak terdapat tombol tekan gambar pada bagian programnya, berbeda dengan program-
program desktop yang menggunakan tombol tekan bergaya tiga dimensi, pada web tombol tekan
gambar biasanya menggunakan hightlight atau Hover pada tombol tekan yang mempunyai link
aktif. Contohnya seperti ini :

12
2. List Box List box
pada web ini terdapat pada menu pemilihan kategori disana di buat List box daftar jenis-jenis
barang yang kita inginkan.

3. Combo Box
Pada web ini bisa kita lihat pada menu provinsi. Apabila di klik maka akan drop pilihan daftar
provinsi yang ada diIndonesia

3.4. Konten dalam website

Sebuah website tanpa adanya konten itu bagaikan lembaran buku yang kosong, dengan adanya
konten sebuah website akan terasa hidup. Yang membedakan web satu dengan web lain selain
dari desain interface adalah konten yang menarik, unik, dan juga Original. Menurut analisa kami
mengenai konten dalam web Lazada ini ada beberapa yang kami garis bawahi.

3.4.1. Penggunaan Bahasa

Bahasa yang di gunakan dalam web ini ada beberapa yang kurang konsisten di bagian menu
13
 pada header, lazada menggunakan bahasa Indonesia tapi ada satu menu yang menggunakan
bahasa inggris yaitu Login.

Harusnya pihak Lazada memakai bahasa Masuk untuk menggantikan kata Login. Lebih baik
konsisten dalam memilih kata, karna dapat membuat pengunjung bingung.

3.4.2. Konten Unik dan Original

Sebuah website harus mempunyai konten yang unik dan juga original sebagai pembeda web
satu dengan web lain, agar tidak di anggap oleh google sebagai plagiat.

Lazada ini mempunyai konten yang Unik dan Juga original, seperti yang terlihat pada
voucher terdapat kalimat penjelas secara singkat dan jelas cara mendapatkan voucher belanja.
Kalimat-kalimat semacam ini bagus untuk menarik perhatian para pengunjung untuk percaya
dan yakin dengan www.Lazada.co.id

3.4.3. Penggunaan Font

Untuk Penggunaan Font, untuk keyword penting harus lebih di tekankan atau di cetak tebal
atau besar, supaya pengunjung bisa tau dan mengerti. Tapi secara keseluruhan penggunaan
Font dari bentuk, model, ukuran, warna dll sudah sangat bagus dan jelas.
3.5. Program
Karena Begitu banyaknya database pada web Lazada ini maka di sediakan program pencarian
untuk semua jenis produk agar memudahkan para pengunjung untuk menemukan barang apa yang
pengunjung inginkan.
3.5.1. User Friendly
Program Pencarian ini sudah sangat bagus, simpel, dan mudah di mengerti atau yang biasa di
sebut User Friendly, dalam artian bersahabat dengan pengguna.
3.5.2. Cepat dan Tepat
Program ini di Desain sedemikian rupa untuk bisa mencari barang yang diinginkan secara
cepat dan tepat, sesuai yang di inginkan para pengunjung.

14
 BAB IV
PENUTUP

4.1. Kesimpulan
Desain Interface dalam sebuah Website sangatlah penting sebagai media interkasi manusia (user) dan
komputer, user akan merasa di mudahkan dengan adanya menu-menu, gambar, dan juga tombol-tombol yang
ada dalam sebuah website. Desain Interface haruslah menarik, interaktif, dan yang pasti User friendly agar
user merasa mudah dan nyaman untuk mengakses website tersebut. S

4.2. Saran
Saran untuk para programer dan teman-teman untuk membuat Desain interface harus tau ha-hal apa sajakah
yang perlu di perhatikan dalam membuat desain interface yang baik dan benar, bagaimana caranya? Semua
itu ada pada materi Interaksi manusia dan komputer (IMK).

15
16