Membuat UI Untuk Website

Praktikum 01 – Membuat UI Untuk Website

1. Tujuan

Membuat User Interface untuk Sebuah Website

2. Alat

Adobe Photoshop CC

3. Bahan

Foto Pemandangan Lokasi Wisata

4. Dasar Teori

User interface adalah cara program dan user berkomunikasi. Istilah user interface atau interface kadang-kadang digunakan sebagai penggati istilah HCI (Human Computer Interaction). HCI (Human Computer Interface) adalah semua aspek dari interaksi pengguna dan computer, tidak hanya hardware. Semuanya yang terlhat dilayar, membaca dalam dokumentasi dan dimanipulasi dengan keyboard (atau mouse) merupaka bagian dari user interface.

User Interface berfungsi untuk menghubungkan atau penterjemah informasi antara pengguna dengan system operasi, sehingga computer dapat digunakan. Dengan demikian, user interface bisa juga diartikan sebagai mekanisme inter-relasi atau integrasi total dari perangkat keras dan lunak yang membentuk pengalaman bekomputer. Use interface dari sisi software bias berbentuk Graphical User Interface (GUI) atau Command Line Interfae (CLI), sedangkan dari sisi hardware bias berbentuk Aplle Desktop Bus (ADB), USB, dan fire wire.

Tujuan sebuah user interface adalah mengkomunikasikan fitur-fitur sistem yang tersedia agar user mengerti dan dapat menggunakan sistem tersebut. Dalam hal ini penggunaan bahasa amat efektif untuk membantu pengertian, karena bahasa merupakan alat tertua yang dipakai orang untuk berkomunikasi sehari-harinya. Praktis semua pengguna komputer dan Interface dapat mengerti tulisan.

Meski pada umumnya panduan user interface menyarankan agar ikon tidak diberi tulisan supaya tetap mandiri dari bahasa, namun elemen user interface lain seperti teks pada tombol, caption window, atau teks-teks singkat di sebelah kotak input dan tombol pilihan semua menggunakan bahasa. Tanpa bahasa pun kadang ikon bisa tidak jelas maknanya, sebab tidak semua lambang ikon bisa bersifat universal.

Web Design adalah jenis desain grafis yang ditujukan untuk pengembangan dan styling obyek lingkungan informasi Internet untuk menyediakan dengan fitur konsumen high-end dan kualitas estetika. Definisi yang ditawarkan memisahkan desain web dari pemrograman web, menekankan fitur fungsional dari sebuah situs web, serta desain posisi web sebagai semacam desain grafis. Tujuan dari web design adalah untuk membuat website—sekumpulan konten online termasuk dokumen dan aplikasi yang berada pada server web / server. Sebuah website dapat berupa sekumpulan teks, gambar, suara dan konten lainnya, serta dapat bersifat interaktif ataupun statis.

Secara umum fungsi situs web adalah sebagai berikut:

1. Fungsi Komunikasi

Situs web berfungsi sebagai komunikasi pada umumnya adalah web dinamis.Karena dibuat menggunakan pemrograman web (server side) maka dilengkapi dengan fasilitas yang memberikan fungsi-fungsi komunikasi seperti web mail ,formanthec, chatting, forum dan lain sebagainya.

2. Fungsi Informasi

Menekankan pada kualitas konten,karena tujuan situs ini mnyampaikan isinya. Sebaiknya berisi teks dan grafik. Fasilitas yang memberikan fungsi informasi,news, file, company, library, prefences dan lain sebagainya.

3. Fungsi Entertainment

Sebagai sarana hiburan/penggunaan animasi gambar dan element bergerak dapat meningkatkan mutu persentasi design, meski tetap harus mempertimbangkan kecepatan downloadnya. Contoh fungsi entertaiment: game online, film online, music online dan lain sebagainya

4. Fungsi Transaksi

Situs web dapat dijadikan transaksi bisnis baik barang jasa, dan lain sebagainya. Situs web menghubungkan perusahaan konsumen dan komunitas tertentu melalui sarana elektronik. Pembayarannya bisa memudahkan kartu kredit, transfer ataupun membayar langsung.

5. Tugas Praktikum

Membuat Desain WEB

6. Hasil Praktikum

Hasil Desain Interface: