kaidah imk - wordpress.comkaidah imk analisa terhadap tampilan layout sebuah site disusun oleh andy...
TRANSCRIPT
UNIVERSITAS MUHAMADYAH JAKARTA
TEKNIK INFORMATIKA IV
KAIDAH IMK ANALISA TERHADAP TAMPILAN LAYOUT SEBUAH SITE
Disusun oleh
Andy Mardianto (2009470138)
Iwan Maulana (2009470158)
Johan (2009470159)
Moh. Cecep Sumarna (2009470168)
Disini kami akan menganalisa kaidah IMK dalam sebuah situs yang terkenal dalam penyediaan informasi ter‐update www.okezone.com. Bagaimana peran tampilan layout sebuah site berpengaruh sebagai daya tarik bagi para pengunjungnya.
Halaman Utama
Page 1 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna
Page 2 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna
1. Penggunaan Warna
Warna dominan dalam situs ini adalah warna putih, komposisi baner dan paduan warna cukup sedap dipandang, tidak telalu sesak. Warna merah menjadi penunjuk Tag dan informasi ter‐update yang disajikan dalam situs ini, secara keseluruhan paduan warna antara warna dominan dan warna paduannya cukup baik sehingga pengunjung senang dengan tampilan situs ini.
Untuk pengunjung yang lebih menyukai warna meriah dan rame mungkin penyajiaan dan paduannya agak kurang berani.
2. Layout
Terdiri dari 3 kolom dihalaman atas, dimana ada 2 kolom untuk penyajian informasi ter‐udpate dan satu kolom disediakan untuk kepentingan bisnis (iklan). Pada 2 kolom untuk penyajian informasi ada perbedaan besar kolom dimana kegunaannya untuk memberitahu pengunjung tentang informasi yang paling menarik (ter‐update) yang disertakan dengan foto. Pada kolom satunya terdapat informasi lainnya yang disajikan rapi.
Jika dipandang secara keseluruhan penyajiannya tidak terlalu sesak dan terlihat pas antara masing‐masing peletakan kolom‐kolomya.
3. Komposisi
Dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan. Kemudian terdapat baris tag untuk penyajian informasi berdasarkan klasifikasinya.
Dibagian isi, kolom paling atas berisi berita berita hotnews. Dimana penyusunannya dibuat teratur dari informasi terupdate sampai informasi yang telah lalu pada kkolom bagian bawah. Perbedaan besar huruf judul dan penyertaan foto menjadi penanda untuk informasi yang paling update.
Penyusunan seperti ini mempermudah pengunjung situs untuk pencarian informasi yang dibutuhkan.
Page 3 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna
4. Size
Pengaturan Size banner, gambar, iklan ukuran font dilakukan denga baik sehingga tampilan layout secara keseluruhan terlihat apik sesuai dengan letak dan kegunaannya.
Halaman Autos
Page 4 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna
1. Penggunaan Warna
Putih masih menjadi warna dominan dalam situs ini, komposisi baner dan paduan warna cukup sedap dipandang (warna putih dipadukan dengan warna ungu dan biru), secara keseluruhan paduan warna antara warna dominan dan warna paduannya cukup baik dan lembut dipandang.
2. Layout
Masih seperti layout pada halaman utamanya terdiri dari 3 kolom dihalaman atas, dimana ada 2 kolom untuk penyajian informasi ter‐udpate dan satu kolom disediakan untuk kepentingan bisnis (iklan). Pada 2 kolom untuk penyajian informasi ada perbedaan besar kolom dimana kegunaannya untuk memberitahu pengunjung tentang informasi yang paling menarik (ter‐update) yang disertakan dengan foto. Pada kolom satunya terdapat informasi lainnya yang disajikan rapi.
Jika dipandang secara keseluruhan penyajiannya tidak terlalu sesak dan terlihat pas antara masing‐masing peletakan kolom‐kolomya.
Page 5 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna
3. Komposisi
Mempunyai komposisi sama denga halaman utamanya, dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan. Dimana penyusunannya dibuat diatur dari informasi terupdate sampai informasi yang telah lalu pada kolom bagian bawah. Perbedaan besar huruf judul dan penyertaan foto menjadi penanda untuk informasi yang paling update. Penyusunan seperti ini mempermudah pengunjung situs untuk pencarian informasi yang dibutuhkan.
Ada perbedaan jumlah kolom bagian bawah dimana pada kolom tersebut informasi yang disajikan adalah campuran dari klasifikasi yang ada pada situs ini.
4. Size
Pengaturan Size banner, gambar, iklan ukuran font dilakukan denga baik sehingga tampilan layout secara keseluruhan terlihat apik sesuai dengan letak dan kegunaannya.
Halaman Artis selebritis
Page 6 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna
1 Penggunaan Warna
Untuk menghindarkan dari efek monoton, warna dominan tidak lagi menggunkan warna putih, tapi warna gelap yaitu abu‐abu tua sampai hitam. Yang membuat laman ini menarik adalah paduan warna gelap dengan warna terang dalam banner dan warna font‐nya, secara keseluruhan paduan warna antara warna dominan dan warna paduannya terlihat cantik. Karena paduan warna kuning dan warna ungu pada fontnya membentuk kesan cantik sesuai tema informasi yang disajikan pada halaman ini.
2 Layout
Masih seperti layout pada halaman utamanya terdiri dari 3 kolom dihalaman atas, Tapi penggunaan 2 kolom untuk penyajian informasi berubah menjadi satu kolom, satu 2 kolom lagi digunakan untuk assessories untuk mempercantik dan bisnis (iklan). Jika dipandang secara keseluruhan penyajiannya agak sesak.
3 Komposisi
Mempunyai komposisi sama denga halaman utamanya, dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan.
Penyusunan kolom berita dan kolom assessorisnya terlihat agak tidak terlalu rapi mungkin ingin leih menonjolkan kesan kesan anak muda dan tidak ingin terlalu formal .
Tapi telalu banyaknya banner dan foto membuat halaman ini agak ramai dan sesak. Dan fokus mata terganggu oleh bannernya tersebut.
4 Size
Pengaturan Size banner, gambar, iklan ukuran font dibuat mengikuti tema halamannya, jadi paduannya sedikit berkesan cantik tapi rapi.
Page 7 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna
Halaman Bola
1. Penggunaan Warna
Kembali seperti halaman utamanya, halaman bola ini kembali menggunakan warna putih sebagai warna dominan, paduannya dengan warna font dan banner masih membentuk kesan formal dan lembut untuk dipandang.
2. Layout
Masih seperti layout pada halaman utamanya terdiri dari 3 kolom dihalaman atas, pengaturan lebar kolom dibuat proporsional sehinga tidak terlihat sesak atau penuh.
Page 8 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna
3. Komposisi
Mempunyai komposisi sama denga halaman utamanya, dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan.
Pengaturan peletakan informasi yang terbaru dengan sebelumnya terlihat rapi, mudah untuk bisa menyusuri informasi berdasarkan urutannya.
4. Size
Pengaturan Size banner, gambar, iklan ukuran font terlihat teratur, sehingga bisa memuat informasi yang banyak dan dicari oleh para pengunjungnya.
Halaman Techno
Page 9 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna
1. Penggunaan Warna
samai seperti halaman utamanya, halaman techno ini menggunakan warna putih sebagai warna dominan, paduannya (putih dan biru kehijauuan) dengan warna font dan banner sedikit membentuk kesan formal dan future tapi tetap lembut untuk dipandang.
2. Layout
Masih seperti layout pada halaman utamanya terdiri dari 3 kolom dihalaman atas, pengaturan lebar kolom dibuat proporsional sehinga tidak terlihat sesak atau penuh.
3. Komposisi
Mempunyai komposisi sama dengan halaman utamanya, dibagian paling atas terdapat Logo nama situsnya yang dipadukan dengan banner iklan.Pengaturan peletakan informasi yang terbaru dengan sebelumnya terlihat rapi, mudah untuk bisa menyusuri informasi berdasarkan urutannya.
4. Size
Pengaturan Size banner, gambar, iklan ukuran font terlihat teratur, sehingga bisa memuat informasi yang banyak dan dicari oleh para pengunjungnya.
Page 10 of 10 Kaidah IMK kelompok Andi M, Iwan M, Johan, M.Cecep Sumarna