LAPORAN TUGAS RANCANG

“ANALISIS DESAIN INTERFACE WEBSITE E-COMERCE”

Disusun Oleh:

Feybiola Agustine A.O (672019267)

Gracia Radiena (672019260)

FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS KRISTEN SATYA WACANA

2020
 KATA PENGANTAR

Puji syukur kehadirat Tuhan Yang Maha Kuasa atas segala berkat dan karunia-Nyalah
sehingga kami dapat menyelesaikan laporan kami yang berjudul “Analysis Desain Interface
Website” dari Tugas Rancang yang sudah kami buat, dalam bentuk maupun isinya yang
sangat sederhana ini tepat pada waktunya.

Adapun tujuan dari penulisan makalah ini adalah untuk memenuhi Tugas Akhir yang
diberikan oleh Asisten Dosen pada mata kuliah Interaksi Manusia dan Komputer dan juga
dapat dipergunakan sebagai salah satu acuan, petunjuk maupun pedoman bagi pembaca
dalam memahami mengenai Analisis Desain Interface dari suatu website bagi user.

Tak lupa juga kami mengucapkan terima kasih kepada Asisten Dosen IMK yang telah
memberikan tugas ini sehingga dapat menambah wawasan dan pengetahuan sesuai dengan
bidang studi yang kami pelajari. Kami juga mengucapkan terimakasih kepada semua pihak
yang telah membagi pengetahuannya sehingga kami dapat menyelesaikan laporan ini.

Harapan kami semoga laporan ini membantu menambah pengetahuan dan

pengalaman bagi para pembaca untuk memahami ini terkhusus untuk kami pribadi tentunya.

Laporan ini kami akui masih memiliki banyak kekurangan karena pengalaman yang
kami miliki sangatlah terbatas. Oleh kerena itu kami mengharapkan kepada para pembaca
untuk memberikan masukan-masukan yang bersifat membangun untuk kesempurnaan
laporan ini.

Salatiga, 3 Desember 2020

1
 DAFTAR ISI

KATA PENGANTAR....................................................................................1
DAFTAR ISI...................................................................................................2
BAB I PENDAHULUAN...........................................................................3
A. Latar Belakang............................................................................3
C. Tujuan .........................................................................................3
BAB II PEMBAHASAN.............................................................................4
A. Analisa Desain Antarmuka pada Sebuah Website......................4
B. Alur Website
BAB III PENUTUP.......................................................................................10
A. Kesimpulan..................................................................................10
B. Saran ...........................................................................................10
Daftar Pustaka................................................................................................11

2
 BAB I

PENDAHULUAN

A. Latar Belakang
User Interface (UI) merupakan serangkai tampilan grafis yang dapat dimengerti oleh
pengguna komputer dan diprogram sedemikian rupa sehingga dapat terbaca oleh
sistem operasi komputer dan beroperasi sebagaimana mestinya. Berhubungan dengan
website, setiap website memiliki user interface yang tentunya diharapkan dapat
dengan mudah dimengerti oleh user dari berbagai kalangan. Dengan adanya
pengetahuan akan bagaimana membuat desain antamuka yang baik akan membantu
berbagai developer khususnya dalam hal pembuatan website untuk menghasilkan
website yang mudah dipahami dan menarik bagi user. Tentunya dengan desain
antarmuka yang tepat dari suatu website akan sangat membantu manusia dalam
mempermudah berbagai urusannya.

B. Tujuan
1. Untuk memberi pemahaman tentang cara menganlisis desain antarmuka dari suatu
website.

3
 BAB II
PEMBAHASAN

A. Analisis Desain Interface dari suatu Website

Fokus dari Interaksi Manusia dan Komputer pada dasarnya adalah Perancangan dan
evaluasi desain antarmuka pengguna dalam suatu system. User Interface sendiri
diartikan sebagai bagian dari system komputer yang memungkinkan manusia dapat
berinteraksi dengan komputer secara langsung.
Kriteria dari User Interface yang Friendly antara lain :
1. Memiliki tampilan yang bagus
2. Mudah dioperasikan
3. Mudah dipelajari
4. Pengguna selalu merasa senang setiap kali menggunakan software tersebut.

Dalam kasus kali ini, kami akan menganalisa mengenai desain antarmuka yang
ditampilkan pada website E-Comerce yang telah kami buat. Website ini merupakan
website e-comerce yang tujuan pembuatannya tidak lain adalah membantu dalam
proses jual-beli dengan memanfaatkan kecanggihan teknologi saat ini agar dapat
meminimalizir terbuangnya tenaga dari kedua belah pihak, baik bagi pembeli maupun
bagi pedangan itu sendiri.

4
 Berikut ini adalah point-point penting tentang desain interface yang perlu dicermati
dengan baik dari suatu website.
 8 Golden Rules
Dari 8 Golden Rules yang saya amati dari website ini, menurut saya email web ini
sudah menerapkan beberapa dari delapan prinsip ini dengan baik dan saya sebagai
user yang menggunakannya sudah sangat puas dalam megakses website ini.

5
 Berikut ini saya jelaskan lebih rinci mengapa saya mengatakan bahwa Website ini
sudah menerapkan dengan baik beberapa 8 Golden Rules Of Iterface Design.
1. Strive for consistency
Pembuatan desain interfacenya sudah sangat cukup baik, karena konsistensi secara
layoutnya sudah baik serta perpaduan warna dan tulisannya sudah sangat estetik.
Simple tapi menarik dan yang paling penting warnanya tidak mencolok.

2. Design Dialogs to Yield Closure

6
 Desainnya tidak ambigus, serta menambahkan informasi sehingga mempermudah
user untuk memahami system, seperti memberikan dialog “Masukkan email dan
password” untuk memberi kemudahan kepada user tentang hal apa yang harus
dilakukan saat itu.

3. Support Internal Locus Of Control

Memberikan hak akses kepada user untuk lebih memiliki kepercayaan yang tinggi
tentang pengontrolan user sepenuhnya. Contohnya seperti user diberikan hak untuk
memilih ingin login menggunakan aku googlenya ataupun facebook. Selain itu user
bisa memiliki hak untuk mengakses fitur lupa password sehingga user bisa
mendapatkan control sepenuhnya.

7
 4. Reduce Short-Term Memory Load
Reduce short term memory load menyangkut memberikan informasi visual yang telah
disimpan dengan baik, sehingga user tidak harus mengingat data yang harus diinput
kesistem karena dengan adanya system keranjang maka barang-barang yang ingin
dibeli bisa secara otomatis terlihat pada menu keranjang asalkan barang-barang yang
dinginkan tadi sudah dimasukkan ke keranjang. Dengan demikian user tidak harus
kerepotan mengingat-ingat barang apa saja yang dinginkannya.

 WIMP (Windows, Icon, Menu, Pointer)

1. Windows

2. Icon

3. Menu

4. Pointer

 Tata Bahasa
Tata Bahasa adalah sebuah aturan penulisan atau konsep penulisan yang
menggambarkan karakter dari seorang penulis apakah menggunakan tata Bahasa yang
baik atau tidak. Pada website yang saya buat menggunakan tata Bahasa yang baik.
Penulisan setiap kalimat menggunakan font serta ukurannya yang mudah dipahami

8
 oleh pembaca, Bahasa yang digunakan merupakan Bahasa yang santai dan sopan,
karena tujuan dari website ini adalah memberikan pelayanan dan kemudahan bagi
para pembeli untuk dapat berbelanja dengan baik.

 Perancangan Layar

 Psikologi Warna

B. Alur Website

9
 PENUTUP

A. Kesimpulan
Desain antarmuka yang baik dan menarik adalah pengguna mudah
menggunakannya bahkan pengguna awam sekalipun. User interface dari suatu website
harus dibuat sesimpe mungkin supaya pengguna dapat langsung memperoleh
informasi yang dicarinya tanpa harus menghabiskan waktu dalam mempelajari cara
menggunakan website tersebut.

B. Saran
Dalam pembuatan desain antarmuka dari suatu website yang baik adalah
perlunya pemahaman terlebih dahulu tentang point-point penting mengenai ciri dari
website yang baik seperti apa. Namun perlu diketahui bawha Fokus dari Interaksi
Manusia dan Komputer pada dasarnya adalah Perancangan dan evaluasi desain
antarmuka pengguna dalam suatu system. Sehingga kritikan pada suatu website
memanglah diperlukan untuk mengevaluasi dan merenovasi website dengan baik.

10
 DAFTAR PUSTAKA

Arifin, Ikrima Nuha, Herman Tolle, and Retno Indah Rokhmawati. "Evaluasi dan
Perancangan User Interface untuk Meningkatkan User Experience menggunakan Metode
Human-Centered Design dan Heuristic Evaluation pada Aplikasi Ezyschool." Jurnal
Pengembangan Teknologi Informasi dan Ilmu Komputer e-ISSN 2548 (2018): 964X.

Hendrianto, Dani Eko. "Pembuatan Sistem Informasi Perpustakaan Berbasis Website Pada
Sekolah Menegah Pertama Negeri 1 Donorojo Kabupaten Pacitan." IJNS-Indonesian Journal
on Networking and Security 4.3 (2013).

11