BAB 1

PENDAHULUAN

A. LATAR BELAKANG
Situs internet semakin lama semakin berkembang baik teknologi maupun manfaatnya.
selain sebagai tempat pelayanan publik di dunia maya internet juga dapat dimanfaatkan sebagai
salah satu media untuk promosi yang efektif. Selain itu, dapat diakses oleh semua orang pada
waktu yang bersamaan dan di tempat yang berbeda.
Salah satu fungsi dari internet yaitu sebagai media promosi. Dalam penggunaanya maka
secara tidak langsung aspek kenyamanan dalam berinteraksi antara orang dengan media yang
digunakan haruslah menarik dan hal ini mengacu ada desain antarmuka yang didesain untuk
melayani pengguna. Jika antarmuka yang disajikan tidak user friendly maka dapat dipastikan
bahwa apa yang akan disampaikan ke konsumen tidak akan tepat sasaran. Oleh karena itu
penganalisaan terhadap antarmuka sangat diperhatikan agar situs tersebut bisa menjadi lebih baik
dan dapat digunakan sebagai media promosi sebagaimana mestinya.
B. TUJUAN
Tujuan dari pembuatan makalah ini ini adalah untuk memenuhi tugas dalam mata kuliah
Ergonomi Visual. Selain itu juga agar mahasiswa dapat menganalisa sebuah antarmuka yang
dapat mempengaruhi seseorang dalam mengerti maksud dari suatu desain.

C. RUANG LINGKUP
Dalam makalah ini, website yang akan dianalisa adalah website PPDB SD Surabaya2015.

BAB 2
PEMBAHASAN

A. ANTARMUKA HEADER
Pada halaman index dibawah ini, tampilan terlihat sederhana dan bersih serta didominasi
warna putih pada backgroundnya. Bagian atas berwarna biru berisi tittle bar yang berisi nama
website dan tanggal. Bagian bawahnya yang berwarna merah berisi text area yang memuat saran
untuk tampilan terbaik. Lalu untuk caption website ini, dapat dilihat di text area tengah dan
berwarna hitam pada fontnya. Di sebelah kanan dan kiri terdapat logo PPDB SD Surabaya 2015
dan lambang kota Surabaya.

Gambar 1. Tampilan Index Website PPDB SD Surabaya 2015

B. ANTARMUKA MENU

Gambar 2. Tampilan Menu bar Website PPDB SD Surabaya 2015

Pada antarmuka menu website PPDB SD Surabaya 2015 seperti gambar diatas, layout
cenderung vertikal yang diletakkan pada posisi sidebar web. Hal ini sering tidak biasa pada
website umumnya yang cenderung memilih penempatan horizontal. Tampak background yang
digunakan berwarna putih serta button yang berwarna biru muda. Icon yang terlihat bergaya flat
juga teks yang berwarna biru tua pada pilihan submenu. Sedangkan pada pilihan menu, memakai
teks yang berwarna turqoise.
C. ANTARMUKA KONTEN
Pada website PPDB SD Surabaya 2015, layout header tetap sama dan yang berubah
adalah kontennya. Berikut akan dibahas beberapa halaman dari website tersebut.
1. Menu Akses Pilihan Pengguna
Submenu Sekolah

Gambar 3. Tampilan halaman Pilihan Pengguna Sekolah

Pada layout form Akses Pengguna Sekolah diatas, terlihat rapi. Font yang digunakan
sudah terbaca dengan baik dan warna yang digunakan juga sesuai dengan layout keseluruhan
website. Terdapat text area dalam background biru berisi notifikasi kepada user agar lebih
maksimal dalam penggunaannnya.

Submenu Dinas Pendidikan

Gambar 4. Tampilan halaman Pilihan Pengguna Dinas Pendidikan

Pada layout form Akses Pengguna Sekolah diatas, terlihat sama dengan form akses
pengguna sekolah. Font yang digunakan sudah terbaca dengan baik dan warna yang digunakan
juga sesuai dengan layout keseluruhan website. Terdapat text area dalam background biru berisi
notifikasi kepada user agar lebih maksimal dalam penggunaannnya.

2. Menu Hasil Seleksi

Submenu Hasil Seleksi Sementara

Gambar 4. Tampilan halaman Hasil Seleksi Sementara

Pada tampilan halamn Hasil Seleksi, layout yang ditampilan berbentuk form
dengan isian Nomor Pendaftaran dan Tanggal lahir. Dibawahnya ada drop menu Pilih
Kecamatan dan Pilih Sekolah. Hasil yang ditampilkan berupa tabel hasil berdasarkan
Rangking Reguler dan Rangking Inklusi. Secara keseluruhan layout yang ditampilkan
berkesan bersih dan mudah dipahami. Penggunaan font yang mudah dibaca serta
berwarna hitam dengan background web yang berwarna putih. Pada tabel, layout yang
dipakai juga sudah sesuai dengan ukuran web dan mudah dipahami dengan pemilihan
font yang mudah dibaca dan warna hijau yang kontras sebagai judul isian tabel.
3. Menu Panduan
Ketentuan

Gambar 5. Tampilan halaman Ketentuan

Pada halaman ini, layoutnya cenderung full text yang berisi informasi-informasi
seputar PPDB SD Surabaya 2015. Pemilihan font yang mudah dibaca serta warna hitam
membuat pengunjung tidak lelah saat membaca informasi yang cenderung banyak. Serta
jarak spasi antar baris dan penataan kalimat sudah baik dan tidak membingungkan.

Daftar Sekolah

Gambar 6. Tampilan halaman Daftar Sekolah

Pada halaman ini, layout yang dipilih berupa tabel karena memuat banyak
informasi mengenai daftar sekolah. Dari warna hijau yang dipilih telihat mudah dipahami
serta penggunaan font yang berwarna hitam mudah dibaca. Dibawahnya terdapat
dynamic text yang berisi informasi tampilan data dari jumlah keseluruhan. Secara
keseluruhan tampilan halaman ini terlihat sesuai dengan konten yang ditampilkan

BAB 3
KESIMPULAN

Kesimpulan yang didapat dari analisa website PPDB SD Surabaya 2015 ini,
menunjukan bahwa antarmuka yang digunakan berhasil dan mudah dipahami pengguna.
Desain layout web yang konsisten dalam semua halamannya juga memudahkan pengguna
dalam menggunakan web ini. Dari penggunaan warna, penataan teks, serta icon telah
memaksimalkan fungsinya dengan baik. Penggunaan layout yang bersih dan minimalis
dapat meminimalkan penggunaan bandwidth sehingga memudahkan pengguna untuk
mengakses dengan cepat.

DAFTAR PUSTAKA
http:// sd.ppdbsurabaya.net/, diakses tanggal 12 Oktober 2015 pukul 08.30
https://id.scribd.com/doc/40294731/Analisis-Website,
diakses tanggal 12 Oktober 2015 pukul 08.30