Presentation IMK

11

Transcript of Presentation IMK

Page 1: Presentation IMK
Page 2: Presentation IMK

Metaphor (Metafora)atau metafora adalahaplikasi dari nama ataudeskripsi istilah objeklain yang tidak dapatdiartikan secaraharafiah.Menghubungkanpresentasi dan elemen-elemen visual denganitem-item yangberkaitan. Metaforaakan membuat parapengunjung seolah-olahberada di tempat yangsebenarnya, atau bisadikatakan juga bahwametafora dibuat miripseperti tempat yangdikunjungi.

Adanya videomembuat pembacaberita seakan-akanberada langsung dilokasi kejadian

Metaphor (Metafora)atau metafora adalahaplikasi dari nama ataudeskripsi istilah objeklain yang tidak dapatdiartikan secaraharafiah.Menghubungkanpresentasi dan elemen-elemen visual denganitem-item yangberkaitan. Metaforaakan membuat parapengunjung seolah-olahberada di tempat yangsebenarnya, atau bisadikatakan juga bahwametafora dibuat miripseperti tempat yangdikunjungi.

Page 3: Presentation IMK

Pada gambar diatas menunjukkan bahwa suatu beritadilengkapi oleh sebuah video yang membuat seakan-akanpembaca ada di lokasi kejadian, namun video-video itu hanyadapat ditemukan kebanyakan pada berita dalam negri. Bukanberarti berita dari luar negri tidak dilengkapi video sepertiberita dalam negri, beberapa dari berita itu juga dilengkapivideo. Namun jumlah berita yang ada videonya tidak sebanyakberita dari dalam negri. Biasanya berita yang dilengkapi videoadalah sebuah kejadian.

Pada gambar diatas menunjukkan bahwa suatu beritadilengkapi oleh sebuah video yang membuat seakan-akanpembaca ada di lokasi kejadian, namun video-video itu hanyadapat ditemukan kebanyakan pada berita dalam negri. Bukanberarti berita dari luar negri tidak dilengkapi video sepertiberita dalam negri, beberapa dari berita itu juga dilengkapivideo. Namun jumlah berita yang ada videonya tidak sebanyakberita dari dalam negri. Biasanya berita yang dilengkapi videoadalah sebuah kejadian.

Page 4: Presentation IMK

Clarity (Kejelasan) Harus ada alasan yang kuat/masuk akal dan jelas mengapa menggunakansetiap elemen yang berada dalam suatu interface yang kita buat.

Diatas ada beberapa shortcut yang menuju kepada bab yang kita pilih. Bab-bab ini adalah bab-bab populer yang biasanya dicari oleh pembaca sehingga diletakkan di bagian header dari web.Dengan ini maka sangat membantu penataan berita, sehingga tidak membuat pembacakesulitan untuk mencari berita yang mereka cari. Misalkan kita mengklik “Bola” maka kita akanmasuk ke web page khusus berita bola.

Page 5: Presentation IMK

Consistency (Ketetapan) Konsistensi dalam tampilan,pewarnaan, gambar, ikon, typography (model formyang digunakan pada suatu website), teks, dll.

Walaupun tampil dengan warna background, penempatanmaupun ukuran yang tidak sama, ikon ini selalu dapatditemukan disetiap sub-web metrotvnews.com danletaknya selalu di header web page tersebut. Ikon ini tidakpernah berubah bentuk atau fungsinya, jika di-klik makaakan mengembalikan pembaca ke halaman utama darimetrotvnews.com.

Page 6: Presentation IMK

Alignment (Perataan) untuk perataan dapat digunakan rata kiri, kananatau tengah. Pada umumnya suatu teks pada website dimulai dari kiriatas (left alignment), dimana left alignment akan mengijinkan matauntuk menguraikan tampilan dengan lebih mudah.

Page 7: Presentation IMK

Pada umumnya suatu teks pada website dimulai dari kiriatas (left alignment), dimana left alignment akanmengijinkan mata untuk menguraikan tampilan denganlebih mudah. Penting untuk sebuah website untukmeletakkan perataan kiri, karena tanpa ini kenyamananpengunjung website tersebut bisa berkurang saatmembaca. Dan biasanya website-website ternama sangatmemperhatikan hal ini saat menulis suatu tulisan, karenaperataan kiri atau left alignment sudah menjadi suatu yangumum di mata pembaca.

Pada umumnya suatu teks pada website dimulai dari kiriatas (left alignment), dimana left alignment akanmengijinkan mata untuk menguraikan tampilan denganlebih mudah. Penting untuk sebuah website untukmeletakkan perataan kiri, karena tanpa ini kenyamananpengunjung website tersebut bisa berkurang saatmembaca. Dan biasanya website-website ternama sangatmemperhatikan hal ini saat menulis suatu tulisan, karenaperataan kiri atau left alignment sudah menjadi suatu yangumum di mata pembaca.

Page 8: Presentation IMK

Proximity adalah item-item yang berkaitan ditampilkan bersama pasti memilikihubungan karena jarak yang jauh mengimplikasikan bahwa tidak ada hubunganantara item-item tersebut.

Item-item diatas ditampilkan bersamaan, sehingga memiliki hubungan yangmasih terkait satu sama lain. Sebuah website pasti melakukan hal ini untukmemudahkan pengunjung mencari kategori yang dicari. Tidak mungkin suatuweb meletakkan kategori-kategori yang bersangkutan pada jarak yang jauhdalam suatu web page.

Page 9: Presentation IMK

Contrast (Keserasian Tampilan) adalah sebuah keserasiantampilan akan membuat pengunjung web tertarik pada web tsb.Kontras juga dapat memandu mata pengunjung untuk melihatkeseluruhan interface. Keuntungan dari keserasian adalah untukmemperkuat fokus atau untuk memperkuat suatu interface.Kontras digunakan untuk membedakan aktifitas kendali. Jugadapat digunakan untuk men-set item yang paling utama. Itemyang paling utama diberi highlight. Dengan mempergunakangeometri dapat membantu pengurutan. Kontras juga mendukungskimming secara cepat.

Contrast (Keserasian Tampilan) adalah sebuah keserasiantampilan akan membuat pengunjung web tertarik pada web tsb.Kontras juga dapat memandu mata pengunjung untuk melihatkeseluruhan interface. Keuntungan dari keserasian adalah untukmemperkuat fokus atau untuk memperkuat suatu interface.Kontras digunakan untuk membedakan aktifitas kendali. Jugadapat digunakan untuk men-set item yang paling utama. Itemyang paling utama diberi highlight. Dengan mempergunakangeometri dapat membantu pengurutan. Kontras juga mendukungskimming secara cepat.

Page 10: Presentation IMK
Page 11: Presentation IMK

Warna background putih, sangat memudahkan para pembacauntuk mencari tulisan yang dicari. Karena biasanya backgroundberwarna menyulitkan pembaca mencari tulisan disebabkanterjadinya tabrakan warna yang membuat warna fontmembaur dalam background. Header yang berwarna cerahjuga dapat menarik perhatian para pembaca. Warna cerah iniseolah-olah membawa kesan kenyamanan desain yangmenarik dan membangkitkan semangat untuk melihat lebihlagi dari isi web tersebut. Item-item utama juga diberikan dihalaman utama web tersebut, sehingga menarik minatpembaca denganhal-hal yang sedang populer di masyarakat.

Warna background putih, sangat memudahkan para pembacauntuk mencari tulisan yang dicari. Karena biasanya backgroundberwarna menyulitkan pembaca mencari tulisan disebabkanterjadinya tabrakan warna yang membuat warna fontmembaur dalam background. Header yang berwarna cerahjuga dapat menarik perhatian para pembaca. Warna cerah iniseolah-olah membawa kesan kenyamanan desain yangmenarik dan membangkitkan semangat untuk melihat lebihlagi dari isi web tersebut. Item-item utama juga diberikan dihalaman utama web tersebut, sehingga menarik minatpembaca denganhal-hal yang sedang populer di masyarakat.