Kelompok 7

Prasetyo Adi Wibowo NIM:1902021041

Muhammad Annan Syabar NIM:1902021037
Rudi NIM:1902021050
Akhawam Khaoirul Amri NIM:1902021011
Vita Septiani NIM:1902021003
Nur Azizah Juliana NIM:1902021039
Afif Ma’ruf NIM:1902021006
Dian Pramana NIM:1802021007
PENGANTAR ANTARMUKA WEBSITE
Pengertian ANTARMUKA

■ Antarmuka atau User Interface adalah tampilan visual sebuah produk yang
menjembatani sistem dengan pengguna (user).
■ Tampilan antarmuka dapat berupa bentuk, warna, dan tulisan yang didesain semenarik
mungkin.
■ Tampilan antarmuka sendiri dirancang dengan desain beberapa aspek, mulai dari layout,
gambar logo, pemilihan warna yang sesuai , typography yang mudah dibaca dan
memepercantik tampilan.
 Komponen Tampilan Antarmuka
1. Informasi Arsitektur
Informasi arsitektur adalah struktur dari segala bentuk informasi yang ditampilkan kepada
pengguna.
2. Interaksi Desain
Interaksi pada desain dapat berupa cara mengklik, menggeser, menekan fitur maupun tombol
dalam aplikasi. 
3. Fungsionalitas
Ukuran dari fungsionalitas ini dinilai dari seberapa mudah penggunaan dari aplikasi tersebut.
Selain itu, ketepatan dan fitur yang mendukung bagi pengguna merupakan hal yang penting
bagi tampilan website
4. Prototype
Setelah menyusun ketiga komponen di atas, selanjutnya yang perlu dilakukan adalah
membuat sebuah prototype kasar berupa Wireframe
5. Desain Visual
Setelah hasil wireframe telah dibuat, barulah bagi seorang visual designer untuk membuat
tampilan visual dari rancangan tersebut. 
Fungsi Tampilan Antarmuka

■ Mempermudah Interaksi Pengguna dengan Produk.

■ Meningkatkan Pertumbuhan Bisnis dan Penjualan.
■ Meningkatkan kualitas branding.
Pengertian Website

■ Website adalah sebuah kumpulan halaman web yang dapat diakses public dan saling
terkait yang berbagi satu nama domain. Website dapat dibuat dan dikelola oleh individu,
grup, bisnis atau organisasi untuk melayani berbagai tujuan.
■ Semua website yang dapat diakses public membentuk world wide web. Meskipun
terkadang disebut ‘’halaman web’’ contohnya untuk alamat website Wikipedia adalah
https://www.wikipedia.org , jika diakses maka akan tampilkan home page.
Antarmuka Website

■ Antarmuka website dibuat untuk memudahkan para pengunjunh web dalam

menjelajah setiap fitur yang ada di dalamnya.
■ Antarmuka website berisi beberapa menu dengan container yang berisi artikel.
■ Umumnya antarmuka website yang baik memiliki tampilan yang responsif.
■ Tampilan responsif yaitu ketika tampilan website mampu menyesuaikan tampilan
dengan ukuran layar device yang digunakakan untuk mengakses website tersebut.
Contoh Tampilan Antarmuka Website