Prak 5 - Presentasi Hasil Desain Web atau User Interface

1. Tujuan

• Mahasiswa dapat lebih mengetahui tentang Desain Web dengan membuat Desain User Interface.
• Mahasiswa lebih memahami tentang Desain User Interface dengan membreakdown setiap elemennya.

2. Alat dan Bahan

• Microsoft Power Point
• 10 buah hasil Desain User Interface yang telah dibuat sebelumnya.

3. 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) merupakan 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.

4. Tugas Praktikum

• Mempresentasikan Hasil Desain Web atau User Interface yang telah dirancang dan dibuat sebelumnya

5. Hasil Praktikum

https://www.slideshare.net/WindasariDwiastuti/presentasi-hasil-dari-desain-web-atau-desain-user-interface

Berikut ialah 2 contoh web yang memiliki konsep yang sama:

6. Kesimpulan

Pada presentasi hasil desain User Interface ini, tim kami mendapatkan beberapa revisi seperti tidak adanya Navbar atau Navigasi Bar yangmana menurut tim kami, kami memang mendesain Navbar dibagian kiri web dengan menekan Button terlebih dahulu, membuat web menjadi lebih interaktif. Kemudian, tidak adanya Tagline yang membuat halaman muka menjadi ambigu serta mempengaruhi Kolom ‘Search’ karena tidak adanya Tagline atau penjelas web tersebut maka Kolom ‘Search’ ikut menjadi ambigu juga.

7. Referensi

http://senalastiansah.blogspot.com/2012/10/pengertian-user-interface-user.html