Desain web Good vs bad Dimas wahyu utomo

Presentasi berjudul: "Desain web Good vs bad Dimas wahyu utomo"— Transcript presentasi:

1 Desain web Good vs bad Dimas wahyu utomo 1535010049
Moch satria a Gina rizka aLSYAH Aldi kurniawan

2 Apa itu website? Website banyak juga di sebut web oleh kebanyakan orang, website lebih tepatnya adalah halaman informasi yang disediakan dalam mode online atau memakai internet sehingga dapat diakses dengan banyak orang

3 Desain web Suatu proses pembuatan website yang meliputi beberapa aspek berbeda, seperti: tata letak halaman website, konten dan desain grafis Mendesain web dapat dilakukan lewat coding yang pasti berhubungan dengan html, css dan php, dan mendesain lewat software editor seperti : photoshop, corel draw, adobe illustrator, paint dll. Sebelum mendesain sebuah web, lebih baik nya kita memahami beberapa fungsi situs web, agar desain web yang kita buat sesuai dengan fungsi yang kita tujukan

4 Fungsi web 1. Fungsi Komunikasi
Pada umumnya situs web yang berfungsi sebagai komunikasi adalah web dinamis, web yang dilengkapi dengan fungsi-fungsi komunikasi seperti : Web mail, chatting, forum dll 2. Fungsi Informasi - Menekankan pada kualitas konten, Karena ditujukan untuk menyampaikan isi websitenya - Sebaiknya berisi teks dan grafik - terdapat fungsi seperti : informasi, berita, library, file dll

5 3. Fungsi Entertainment Sebagai sarana hiburan, yang dapat lebih mengutamakan penggunaan animasi gambar dan element bergerak yang dapat meningkatkan mutu presentasi desain contoh web entertainment : game online, nonton film online, music online, anime dll. 4. Fungsi Transaksi Situs web ini dapat dijadikan transaksi bisnis baik barang ataupun jasa, situs web ini menghubungkan subjek dan subjek lain melalui sarana elektronik. Pembayarannya bisa menggunakan karrtu kredit, transfer dll.

6 Hal wajib yang harus di kuasai desainer web
Cita rasa seni Harus mampu menciptakan keindahan di dalam halaman web Dapat memilih warna yang baik dan memadukannya dengan warna lain Mampu membuat bentuk atau sketsa yang baik dari bentuk dasar halaman web Harus mampu menggabungkan imajinasi atau ide orisinil dengan ide dari pihak klien yang memesan desain Mampu menempatkan komponen multimedia pada bagian-bagian tertentu, sehingga halaman web menjadi lebih menarik

7 Tool pendukung perancangan web
Mampu menggunakan program aplikasi editor seperti: photoshop, corel draw, Adobe ilustrator,dsb Mampu menggunakan program aplikasi untuk mengatur layout web, seperti macromedia dreamweaver, page maker, notepad, dsb Mampu menggunakan program aplikasi untuk membuat animasi web, seperti macromedia flash, swish, dsb Teknik membuat interface web Seorang Web designer harus memiliki wawasan dalam bidang IMK (Interaksi Manusia dan Komputer), sehingga dapat membuat desain web yang user friendly Seorang Web designer harus memahami setiap komponen-komponen dasar pembentuk situs web, seperti bahasa HTML, penggunaan image, multimedia

8 Larangan untuk desainer web
Membuat halaman home memiliki banyak gangguan, seperti : terlalu banyak link keluar Memaksakan logo atau gambar yang tidak cocok, jika warna atau desain tidak melengkapi satu sama lain, tampilan akan menjadi tidak menarik Memakai gaya teks yang tidak konsisten Terlalu banyak konten yang tidak berhubungan atau tidak penting

9 GOOD VS BAD WEBSITE Target dari website
Good : situs yang bagus akan dapat mengarahkan user kepada konten yang ia butuhkan. Hal tersebut dapat berupa judul atau tulisan tertentu agar user dapat mengidentifikasi apa yang dia butuhkan dan apa yang ingin dia dapatkan Bad : cenderung berfokus pada mempromosikan banyak hal yang dapat menguntungkan bagi suatu perusahaan, membanjiri user dengan seribu informasi sehingga sulit untuk user mendapatkan hal yang ia butuhkan

10 Responsive Good : terlepas dari dari perangkat apapun yang digunakan untuk membuka website, web tersebut dapat menyajikan tampilan yang jelas dan mudah dimengerti dan menyesuaikan perangkat. Bad : website yang tidak adaptif terhadap perangkat yang digunakan untuk mengunjungi website tersebut. Membuat user menggulingkan halaman ke kanan dan kekiri karena halman web yang tidak menyesuaikan perangkat

11 Navigasi Good : link, button tertata rapi dan dilabeli dengan kata – kata yang simple dan mudah dimengerti. Disusun dengan cara yang logis sehingga memudahkan user mengunjungi tautan yang dibutuhkan Bad : susuan tidak logis dan membingungkan user, navigasi yang tidak simple membuat user terkadang terjebak dan memilih untuk meninggalkan website tersebut

12 Up to date Good : website yang bagus terus berubah dan berkembang melaui pengujian, pembaruan, perluasan, dll Bad : tidak memperbarui website, tidak memperbarui konten, membiarkan konten yang sama dalam situs, dll

13 Desain layout Good : layout yang memudahkan user untuk mendapatkan infromasi yang jelas terutama pada website yang berfungsi sebagai fungsi informasi Bad : membingungkan user mengenai bacaan mana yang harus dibaca terlebih dahulu

14 Search bar Good : search bar memiliki fungsi untuk membantu user dalam mendapatkan informasi / kebutuhannya dalam mengunjungi sebuah website Bad : jika tidak ada search bar, maka akan membuang waktu user dalam mendapatkan kebutuhan / informasi dalam suatu website

15