DESAIN�ANTARMUKA WEB�

R. Prasetyo Agung M.Kom.

Lukman Reza M.Kom.

SIBERMU

Profil

Home

Penutup

Materi

Lukman Reza

S2 Informatika

Merupakan lulusan dari Universitas Ahmad Dahlan.

Berhasil menerbitkan beberapa jurnal Ketika kuliah dan memperoleh beberapa sertifikasi BNSP. Diantaranya adalah

• Junior Web Developer
• Junior Design Graphic
• Computer Security Analyst

Sulawesi Tengah

Lukman.tutor@sibermu.ac.id

085 241737009

Staff IT, Dosen, Software Dev

About me

SIBERMU

Profil

Home

Penutup

Materi

Browsing?

• Searching = mencari item tertentu, fakta/ sepotong informasi

​

• Browsing= Meninjau item menarik, fakta/ potongan informasi

SIBERMU

Profil

Home

Penutup

Materi

• Ketika membutuhkan informasi tentang jadwal penerimaan siswa baru suatu sekolah, orang menggunakan search engine seperti Google, bing, Ask dan sebagainya lalu menginputkan keyword Jadwal penerimaan siswa baru sekolah XY. Maka akan tertampilkan informasi dan daftar website untuk dikunjungi dalam list. Searching biasanya lebih terfokus dan memiliki hasil yang lebih terukur.

​

• Ketika ingin menonton video secara online, orang mengetikkan alamat website yang akan dikunjungi seperti Youtube, lalu didalamnya orang tersebut dapat memilih video, mengunjungi profile Youtuber, maupun membuka halaman lain seperti iklan dan sebagainya. Browsing seringkali lebih bersifat acak dan kurang terarah

SIBERMU

Profil

Home

Penutup

Materi

Situs dan Page?

• Situs Web (site) adalah Kumpulan dari halaman-halaman yang memiliki topik saling terkait, terkadang disertai pula dengan berkas-berkas gambar, video, atau jenis-jenis berkas lainnya.

​

• Page adalah penyusun dari website

SIBERMU

Profil

Home

Penutup

Materi

Contoh

SIBERMU

Profil

Home

Penutup

Materi

Contoh

SIBERMU

Profil

Home

Penutup

Materi

Tujuan Site?

• Menyampaikan informasi
• Menjual produk
• Prekrutan
• Pengumuman
• Menceritakan kisah
• Promosi
• Donasi
• Connecting people

SIBERMU

Profil

Home

Penutup

Materi

Pengembangan Site?

Hal penting untuk memulai web yang baik

​

Model Proses

• Identifikasi objek
• Buat daftar topik
• Mengatur konten
• Menyediakan struktur
• Pengubahan bentuk konten

SIBERMU

Profil

Home

Penutup

Materi

Identifikasi objek

Mengembangkan pernyataan singkat untuk pertanyaan-pertanyaan berikut:

​

Apa maksud dan sasaran dari web?

Siapa sasarannya?

Teknologi yang mendukung?

​

Tidak sedikit, website hanya digunakan untuk menyampaikan administrasi sebuah organisasi, bukan memberikan yang diinginkan pengguna.

SIBERMU

Profil

Home

Penutup

Materi

Contoh: Membangun web

• Kelas
• Orang
• Fakultas
• Mahasiswa
• Administrator
• Staff
• Fasilitas
• Petunjuk
• Program Diploma
• Tingkat
• Misi
• Program pasca sarjana
• Program sarjana
• Alumni
• Penghargaan
• Kontak
• Informasi
• Map
• penelitian

​

SIBERMU

Profil

Home

Penutup

Materi

Mari kita kategorikan

• Person
• Fakultas
• Mahasiswa
• Staff
• Alumni

​

• Tingkat Pendidikan
• Diploma
• Sarjana
• Pascasarjana

Dst….

​

SIBERMU

Profil

Home

Penutup

Materi

Gunakan sketsa / rancangan untuk mendaftar dalam melakukan pekerjaan menggambar dan proses storyboard

Hal ini akan membantu mengorganisir pemikiran / ide dan rencana

Dimulai dengan melakukan transisi / perpindahan ke halaman, teks, gambar, interaksi dll

Pengubahan bentuk konten

SIBERMU

Profil

Home

Penutup

Materi

Storyboard

SIBERMU

Profil

Home

Penutup

Materi

Definisi

• storyboard merupakan sketsa yang disusun secara berurutan, menggambarkan perubahan penting dari adegan dan aksi dalam pengambilan gambar. – Merriam Webster

​

• Adanya storyboard mempermudah seseorang dalam menyampaikan ide atau gagasan ceritanya, sehingga orang lain bisa memahami inti gagasan cerita yang diinginkan.

​

• Storyboard juga merupakan bentuk penyamaan persepsi antara pembuat dengan orang lain. Tujuannya agar persepsi orang tentang ide cerita sesuai dengan persepsi yang dikehendaki.

SIBERMU

Profil

Home

Penutup

Materi

Nge-bantu nggak sih?

• Storyboard membuat situs menjadi lebih baik karena menghilangkan semua grafis, animasi, dan nuansa lainnya serta fokus pada bagian yang paling penting: pengalaman inti pelanggan (UX).

​

• Jika Anda pernah bermain video game, kemungkinan besar Anda pernah menemukan game dengan grafis luar biasa dan suara fantastis tetapi tidak menyenangkan. Sayangnya, banyak situs yang jatuh ke dalam perangkap ini. Situs Anda bisa sangat mencolok dan memiliki desain terbaik, namun akan gagal jika tidak bekerja secara intuitif dan tidak membantu pelanggan atau karyawan Anda.

SIBERMU

Profil

Home

Penutup

Materi

Design bukan hanya ia akan terlihat/terasa seperti apa. Design adalah bagaimana hal itu bekerja.�-Steve Jobs

SIBERMU

Profil

Home

Penutup

Materi

THANKS!

Do you have any questions?

Lukman.tutor@sibermu.ac.id

+6285241737009

Sibermu.ac.id