Pertemuan 3 INTERNET SEBAGAI MEDIA KOMUNIKASI DALAM KOMUNIKASI bisnis Internasional Disarikan Dari : Budi Raharjo, Yudi Adha, Indah Pritikasayu, Sumber.

Presentasi berjudul: "Pertemuan 3 INTERNET SEBAGAI MEDIA KOMUNIKASI DALAM KOMUNIKASI bisnis Internasional Disarikan Dari : Budi Raharjo, Yudi Adha, Indah Pritikasayu, Sumber."— Transcript presentasi:

1 Pertemuan 3 INTERNET SEBAGAI MEDIA KOMUNIKASI DALAM KOMUNIKASI bisnis Internasional Disarikan Dari : Budi Raharjo, Yudi Adha, Indah Pritikasayu, Sumber lain yg Relevan

2 Penggunaan Internet di Dunia
Sumber ;

3 Penggunaan Internet di Dunia
Sumber ;

4

5 Penggunaan Internet di Asia
Population Internet Users, Internet Users Penetration Users Facebook ( 2018 Est.) (Year 2000) 31-Dec-17 (% Population) % Asia China * 1,415,045,928 22,500,000 772,000,000 54.60% 38.10% 1,800,000 India 1,354,051,854 5,000,000 462,124,989 34.10% 22.80% 251,000,000 Indonesia 266,794,980 2,000,000 143,260,000 53.70% 7.10% 130,000,000 Japan 127,185,332 47,080,000 118,626,672 93.30% 5.90% 71,000,000 Bangladesh 166,368,149 100,000 80,483,000 48.40% 3.80% 28,000,000 Philippines 106,512,074 67,000,000 62.90% 3.30% 62,000,000 Vietnam 96,491,146 200,000 64,000,000 66.30% 3.20% 50,000,000 Thailand 69,183,173 2,300,000 57,000,000 82.40% 2.80% 46,000,000 Korea, South 51,164,435 19,040,000 47,353,649 92.60% 2.30% 43,000,000 Pakistan 200,813,818 133,900 44,608,065 22.20% 2.20% 32,000,000 Malaysia 32,042,458 3,700,000 25,084,255 78.30% 1.20% 22,000,000 Taiwan 23,694,089 6,260,000 20,821,364 87.90% 1.00% 18,000,000 Myanmar 53,855,735 1,000 33.40% 0.90% 16,000,000 Sumber ;

6 Evolosi Komunikasi (Pemasaran)
klasmaya.blogspot.com

7 Benefits of EC/Internet Marketing
Benefits to organizations Global reach Cost reduction Supply chain improvements Extended hours: 24/7/365 Customization New business models Vendors’ specialization Rapid time-to-market Lower communication costs Efficient procurement Improved customer relations Up-to-date company material No city business permits and fees Other benefits

8 Limitations of EC

9 Perbendaan Media Lama dan Baru

10 Start with Question Pernahkah Anda menutup sebuah website karena waktu loading yang lama? Seberapa sering Anda menemukan website yang tidak (atau sulit) terbaca isinya? sulit mempelajari struktur web? tidak berisi informasi yang Anda butuhkan? Pernahkah anda membaca detail isi sebuah website pada awal membukanya?

11 Website adalah Informasi
Tujuan kita membuat website adalah menyediakan informasi Bagaimana membuat informasi tersebut dapat diakses (dengan baik dan mudah) oleh user (pengguna)? Bagaimana membuat informasi yang bermanfaat bagi user? User yang menentukan apakah website tersebut mau dibaca atau di-close

12 Kesan Pertama itu Penting!
Kesan Pertama didapatkan dari: Waktu Loading Website Konten yang bermanfaat Aksesibilitas Tampilan

13 Website yang Baik Keseimbangan antara aspek Disain dan Usefulness

14 Design & Usefulness Design: Estetika: Warna, Layout, Elemen, Tipografi
Informasi: Isi (Konten), Penyampaian Pesan, Pembentukan Citra Usefulness: Utility: Fungsionalitas, Aksesibilitas, teknologi yang tepat Usability: Kemudahan penggunaan, waktu belajar, kecepatan kinerja, tingkat kesalahan, daya ingat dan kepuasan subyektif

15 Design Tidak Pernah Salah!
Desain adalah kreatifitas, tidak ada yang salah selama tidak merugikan orang lain Desain adalah ‘rasa’  estetika Nilai estetika ditentukan dari apresiasi dan persepsi setiap orang (user)‏ Buatlah website yang memenuhi nilai estetika kebanyakan orang! (disain grafis)‏

16 Mana Disain yang Lebih Bagus?

17 Salah satu tips untuk design
warna sebagai medium penerangan untuk situs dan informasi maupun produk yang dimilikinya. Bentuk, sesuatu hal yang sering dilupakan, adalah juga sebuah element design yang cukup kuat untuk membentuk sebuah citra, dan mengekspresikan sebuah informasi. Typografi (seni pengunaan jenis huruf) pada saat ini memiliki implementasi terbatas dalam design web, tetapi adalah element yang sangat penting dalam komunikasi dengan para pengunjung. WARNA Pemilihan Warna adalah satu hal yang sangat penting dalam menentukan respon dari pengunjung. Warna adalah hal yang pertama dilihat oleh seorang pengunjung (terutama warna background), dan Anda bisa membuat situs anda untuk menampilkan warna dulu sementara content yang lain (text dan image) masih dalam proses download. Cara ini akan membuat kesan atau mood untuk seluruh situs itu. Untuk mencapai design warna yang efektif, bisa dimulai dengan memilih warna yang bisa merepresentasikan tujuan dari situs Anda. Pallet warna yang anda buat sebaiknya cocok dengan pribadi dan tujuan dari situs Anda. Jika misalnya situs Anda adalah untuk situs komunitas, maka sebaiknya Anda memilih warna warna hangat untuk membuat suasana lebih santai. Jika situs Anda adalah untuk situs Informasi, dimana content akan mendominasi, maka warna sebaiknya simple dan tidak mengganggu (misalnya jangan menggunakan background kembang2 dengan warna menyolok).

18 BAGAIMANA DESAIN WEB YANG BAIK LANJT?
WARNA Respon Psikologi Catatan Merah Power, energi, kehangatan, cinta, nafsu, agresi, bahaya Warna Merah kadang berubah arti jika dikombinasikan dengan warna lain. Merah dikombinakan dengan Hijau, maka akan menjadi simbol Natal. Merah jika dikombinasikan denga Putih, akan mempunyai arti 'bahagia' di budaya Oriental. Biru Kepercayaan, Konservatif, Keamanan, Tehnologi, Kebersihan, Keteraturan Banyak digunakan sebagai warna pada logo Bank di Amerika Serikat untuk memberikan kesan 'kepercayaan'. Hijau Alami, Sehat, Keberuntungan, Pembaharuan Warna Hijau tidak terlalu 'sukses' untuk ukuran Global. Di Cina dan Perancis, kemasan dengan warna Hijau tidak begitu mendapat sambutan. Tetapi di Timur Tengah, warna Hijau sangat disukai. Yellow Optimis, Harapan, Filosofi, Ketidak jujuran, Pengecut (untuk budaya Barat), pengkhianatan. Kuning adalah warna keramat dalam agama Hindu. Ungu/Jingga Spiritual, Misteri, Kebangsawanan, Transformasi, Kekasaran, Keangkuhan Warna Ungu sangat jarang ditemui di alam. Oranye Energy, Keseimbangan, Kehangantan Menekankan sebuah produk yang tidak mahal. Coklat Tanah/Bumi, Reliability, Comfort, Daya Tahan. Kemasan makanan di Amerika sering memakai warna Coklat dan sangat sukses, tetapi di Kolumbia, warna Coklat untuk kemasan kurang begitu membawa hasil. Abu Abu Intelek, Masa Depan (kayak warna Milenium), Kesederhanaan, Kesedihan Warna Abu abu adalah warna yang paling gampang/mudah dilihat oleh mata. Putih Kesucian, Kebersihan, Ketepatan, Ketidak bersalahan, Setril, Kematian Di Amerika, Putih melambangkan perkawinan (gaun pengantin berwarna putih), tapi di banyak budaya Timur (terutama India dan Cina), warna Putih melambangkan kematian. Hitam Power, Seksualitas, Kecanggihan, Kematian, Misteri, Ketakutan, Kesedihan, Keanggunan Melambangkan kematian dan kesedihan di budaya Barat. Sebagai warna Kemasan, Hitam melambangakan Keanggunan (Elegance), Kemakmuran (Wealth) dan Kecanggihan (Sopiscated) BAGAIMANA DESAIN WEB YANG BAIK LANJT? TABEL WARNA & RESPON

19 BAGAIMANA DESAIN WEB YANG BAIK LANJT?
Tidak hanya palet WARNA anda match dengan isi situs, tapi Anda juga harus memilih warna yang sesuai dengan budaya pengunjung anda. Beberapa penelitian menujukkan bahwa respon setiap orang dari budaya yang berbeda akan berbeda. Misalnya warna Oranye, secara universal, akan merepresentasikan produk yang tidak mahal, dan perayaan Halloween. Di Amerika, warna Biru Tua merepresentasikan Kepercayaan (TRUST), tapi di Korea, Kepercayaan lebih direpresentasikan oleh warna warna Pastel, terutama Pink. Jadi penggunaan WARNA yang cocok, juga harus didukung oleh pemahaman tentang apa arti WARNA tersebut di demografi pengunjung yang kita tuju. (Misalnya, situs dengan warna Kuning Terang di Indonesia, mungkin akan dikaitkan dengan sebuah parpol tertentu). Sekarang kita coba untuk bereksperiment dengan 2 situs fiktif. Situs disamping adalah Bank Obral Kredit, yaitu sebuah situs Bank yang tujuannya memberikan informasi mengenai Bank Palet warna yang akan dipakai termasuk Biru, Merah Tua, dan Putih (Lihat tabel di bawah) Objektifnya adalah membangun kesan Konservatif dan Kepercayaan (dengan warna Biru), Kekuatannya (Merah), dan etos kerja dan disiplin (Putih). Secara global, warna warna ini akan cukup untuk membangun sebuah image tentang sebuah perusahaan yang kokoh dan bisa dipercaya.

20 BAGAIMANA DESAIN WEB YANG BAIK LANJT?
Situs fiktif yang kedua adalah TK Senayan, yang adalah sebuah Taman Kanak Kanak. Dengan target 'Tidak Serius', dan Ceria, palet warna yang dipilih adalah energi dan kehangatan (Oranye), alam dan kesehatan (Hijau Terang), dan ceria (Kuning). Sekarang bandingkan keduanya : Palet warna di sebelah kiri melambangkan konservativ dan kepercayaan, kekuasaan, presisi, dan keteraturan sedangkan palet warna disebelah kanan melambangkan kehangatan, energi, alam, dan kesehatan. Red:0; Green:51; Blue:102; Red:25; Green:103; Blue:0; Red:153; Green:0; Blue:0; Red:102; Green:204; Blue:0; Red, Green, Blue : 255 Red:0; Green:102; Blue:204; Note: Warna-warna ini bisa lain keliatannya di monitor Macintosh ataupun PC.

21 BAGAIMANA DESAIN WEB YANG BAIK LANJT?
TYPOGRAFI Typografi adalah sebuah seni. Dan adalah sebuah seni yang cukup rumit, apalagi kerumitannya ditambah dengan medium design web yang terbatas. Huruf di Web dapat dibuat sebagai bagian dari grafik (image), atau dengan cara HTML, atau dengan Style Sheets. Dengan cara HTML dan StyleSheet, kadang akan didapakan hasil yang kurang memuaskan atau kurang bagus karena TypeFace (Bentuk Huruf) yang kita gunakan, mungkin tidak akan tersedia di komputer si pengunjung. Jika komputer si pengunjung tidak mempunya Bentuk Huruf yang telah di-set oleh designer web, maka yang akan digunakan adalah tampilan menggunakan Bentuk Huruf alternatif atau Bentuk Huruf standard (default). Designer dapat menentukan pilihan tentang huruf yang mereka buat secara Grafik (image), dan juga TypeFace umum yang dipakai pada isi text. Begitu banyak bentuk huruf, sampai susah untuk mengatakan berapa banyak bentuk huruf yang ada di dunia ini. Sehingga agak susah untuk menentukan efek/pengaruh apa yang bisa ditimbulkan kepada pengunjung. Akan tetapi, huruf dibagi dalam beberapa kategori umum, dan biasanya kategori umum ini memiliki gaya tersendiri , seperti pada Tabel Berikut:

22 BAGAIMANA DESAIN WEB YANG BAIK LANJT?
JENIS.HURUF KETERANGAN CATATAN Jenis huruf (Typefaces) dengan strokes/ekor, dinamakan serifs, menghiasi Jenis Huruf ini. Contoh paling umum adalah Times. Bentuk huruf yang formal. Serif mengekspresikan organisasi dan intelektualitas. Sangat anggun dan konservatif. Jenis Huruf yang tidak memiliki stroke/ekor. Ujungnya bisa berbentuk tumpul (rounded corner) atau tajam. Bentuk Huruf Sans-Serif yang paling polular adalah : Helvetica dan Arial Kurang formal, lebih hangat, dan bersahabat. San-Serif biasanya sangat cocok sebagai screen-font (untuk tampilan di layar monitor) karena tajam dan gampang untuk dibaca. Setiap huruf yang berjenis Monospace mempunyai jarak/lebar yang sama setiap hurufnya. Huruf W dan I akan mempunyai ruang yang sama. Contoh huruf monospace adalah Courier. Huruf pada Mesin Tik juga adalah contoh huruf Monospace. Berdasarkan pada dasar mesin ketik. Jenis Monospace banyak digunakan oleh programmer untuk coding, dan juga untuk preformatted text. Belakangan ini, bentuk monospace banyak dipakai oleh designer designer yang beraliran "grunge" alternative. Bentuk huruf yang sangat rumit designnya. Bentuk huruf ini akan sangat memusingkan jika dipakai sebagai body text, dan hanya cocok untuk dipakai (secara terbatas) untuk Headline. Karena jenis yang banyak, font Decorative bisa membuat efek respon yang berbeda. Jenis Decorative biasanya paling sip digunakan untuk Judul, dan lebih baik jagan digunakan sebagai body text. Bentuk huruf (script) yang menyerupai tulisan tangan. Jenis huruf ini juga sering di sebut jenis Kursif (Cursive). Memberikan kesan keanggunan, sophistication, dan sentuhan pribadi. Pemakaiannya jangan sampai terlalu banyak (sama seperti Decorative) Decorative Script Monospace Sans-serif Serif Untuk mempengaruhi pengunjung secara psikologi, bisa dengan penggunaan Jenis Huruf yang sesuai dengan tujuan yang hendak dicapai dengan penggunaan Warna dan Bentuk. Misalnya, untuk sebuah situs yang konservatif, lebih baik menggunakan bentuk Serif, San-Serif yang sederhana, dan mungkin jenis Dekoratif yang bersih. Situs yang lebih aktif bisa menggunakan jenis Dekoratif yang lebih rumit, dan juga Monospace.

23 BAGAIMANA DESAIN WEB YANG BAIK LANJT?
Pada Gambar di bawah, anda akan melihat design dari Bank Obral Kredit, dengan warna, bentuk dan Jenis Huruf konservatif. Penggunaan Jenis Huruf Times secara keseluruhan, memberikan kesan keseragaman dan tanpa basa basi. Bersih, simple dan serius.

24 BAGAIMANA DESAIN WEB YANG BAIK LANJT?
Sedangkan pada Gambar di bawah , Anda akan melihat design yang berwarna warni untuk TK Senayan. Situs ini menggunakan jenis huruf FirstGrader -- sebuah jenis yang mirip tulisan anak kecil -- untuk Judul dan Navigasinya. Arial digunakan untuk isi text. Hasilnya adalah design yang tidak formal tapi juga tidak susah untuk dibaca.

25 BAGAIMANA DESAIN WEB YANG BAIK LANJT?
TUKAR GULING Sekarang kita lihat, apakah dengan 'Tukar Guling' akan mencapai efek/hasil yang sama? Design Warna, Bentuk dan Huruf ditukar antara Bank Obral Kredit dengan TK Senayan. Pentingnya Warna, Bentuk dan Jenis Huruf untuk memberikan pengunjung situs anda 'kepuasan' sehingga mereka tidak malu-malu untuk 'berpartisipasi' terhadap apapun tujuan dari situs Anda. (Misalnya menggali informasi lebih lama, atau memesan produk Anda, atau mendaftarkan diri ke situs Anda, dll).

26 Aksesibillitas Aksesibilitas: kemampuan sistem agar dapat diakses oleh pengguna yang memiliki keterbatasan. 26

27 Aksesibilitas “Tujuan utama Web adalah informasi, dan harus dapat diakses oleh seluas-luasnya pengguna”. Siapa saja pengguna itu? Setiap orang bebas dan berhak untuk memperoleh informasi baik itu dalam televisi, surat kabar, radio, dan tentu saja Web. Tapi tidak seluruhnya dapat dimanfaatkan oleh setiap orang, Mis: orang yang cacat pendengaran tidak dapat menikmati radio dan orang yang buta tidak dapat menikmati televisi.

28 Aksesibilitas Setiap orang dapat menikmati informasi yang Ada dalam sebuah situs tak terkecuali bagi orang-orang dengan keterbatasan (fisik, teknologi, dll). Dalam pembangunan sebuah situs Web kita tidak dapat gegabah agar hasil yang diperoleh lebih maksimal dan dapat “dinikmati” dalam berbagai keadaan audiens (user).

29 Top 10 Mistakes in Web Design*
1. Bad Search 2. File PDF untuk Online Reading 3. Tidak merubah warna Visited Link 4. Non-scannable text 5. Ukuran Font yang Fixed 6. Title yang tidak bermakna 7. Elemen yang terlihat seperti Advertisement (iklan) 8. Pelanggaran konvensi disain 9. Link yang Membuka Window Browser Baru 1o.Tidak Menjawab Pertanyaan Users

30 Browser paling populer (>60%), Internet Explorer, memaklumi kesalahan-kesalahan tadi, sehingga bila sebuah halaman Web berisi banyak kesalahan dalam kode maka ia akan tetap tampil baik pada IE. Tetapi dapat menjadi problem pada browser selain IE (Mozilla, Opera, Safari, dll)‏ Jangan sampai Anda kehilangan potensial user hanya karena mereka tidak menggunakan IE! Akibat lain: Kesulitan “indexing” yang dilakukan oleh robot Search Engine.

31 Beberapa tips User tidak akan membaca teks kata-per-kata secara runtut
Dua Paragraf awal harus berisi informasi yang paling penting Awali subheads, paragraphs, dan bullet points dengan kata-kata yang informatif dan bermakna.

32 Back to Basics in Web Design
Meskipun fitur baru dalam disain web selalu bermunculan dan menjadi topik yang ramai dibahas di forum diskusi, mailing list maupun seminar, user tidak terlalu perduli dengan teknologi dan fitur tersebut Meskipun halaman web bisa memuat berbagai jenis konten multimedia: gambar, audio, video dan animasi; tidak berarti semua harus digunakan! Gunakan secara efisien dan efektif!

33 Web dapat diakses dengan baik pada berbagai perangkat dan browser

34 Usabilitas Usabilitas: kemampuan sistem agar mudah digunakan dan sederhana dalam pengoperasiannya Learnability: Kemudahan penggunaan dan waktu belajar Efficiency: kecepatan kinerja Memorability: daya ingat Errors: tingkat kesalahan Satisfaction: kepuasan subyektif

35 Tips untuk Usabilitas Letakkan Nama & Logo pada setiap halaman dan dapat diklik (Home)‏ Sediakan Search jika halaman > 100 atau minimal sediakan Site Map Gunakan foto asli: produk atau kegiatan Sediakan gambar dalam resolusi kecil jangan merubah size gambar asli (thumbnail)‏

36 Tips untuk Usabilitas Letakkan Navigasi pada lokasi yang konsisten pada halaman web. Tempatkan pada lokasi yang familiar (Diatas, Kiri, atau Bawah)‏ Hindari scrolling secara horisontal. Jika teks ditampilkan centered, gunakan hanya satu titik simetri

37 Referensi HTML & CSS CSS-1: http://www.w3.org/TR/CSS1
XHTML: