Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Apa saja yang membuat sebuah web site baik, dan sebaliknya ? menurut CNET Builder.com ada beberapa kriteria pertimbangan, yaitu:CNET Builder.com #1 Usability.

Presentasi serupa


Presentasi berjudul: "Apa saja yang membuat sebuah web site baik, dan sebaliknya ? menurut CNET Builder.com ada beberapa kriteria pertimbangan, yaitu:CNET Builder.com #1 Usability."— Transcript presentasi:

1 Apa saja yang membuat sebuah web site baik, dan sebaliknya ? menurut CNET Builder.com ada beberapa kriteria pertimbangan, yaitu:CNET Builder.com #1 Usability Menurut Jakob Nielsen, "dapatkah user menemukan cara untuk menggunakan Website tersebut dengan efektif ( 'doing things right' ) ".Jakob Nielsen 5 karakteristik yaitu : •Kemudahan untuk Dipelajari •Effisiensi Penggunaan •Kemudahan untuk Diingat •Tingkat Frekuensi Kesalahan •Tingkat Kepuasan Subyektif Pemakai Menurut TA. Coen salah seorang web designer Indonesia yang peduli masalah Usability, kaidah2 Usability sangat membantu dalam perancangan lay-out halaman HTML.TA. Coen Kenapa perlu Usability ? Kalau sebuah halaman HTML ( atau sekumpulan halaman HTML yang dikenal dengan Web Site ) dibuat dengan Usability in mind, niscaya halaman itu akan : •Mudah dipelajari cara pengunaannya oleh pengunjung •Mudah diingat sistem navigasinya oleh pengunjung, •Dapat digunakan dengan effisien ( doing the right things ) •Tingkat kesalahan user dalam mengoperasikan site tersebut minimal, dan yang paling penting •Pengguna akan merasa puas dalam menggunakan site tersebut, dan kemungkinan besar akan kembali. Kriteria Sebuah Web Site yang Baik

2 #2 Sistem Navigasi Kemudahan bernavigasi dalam site tersebut, melibatkan sistem navigasi site secara keseluruhan, dan desain Interface site tersebut. #3 Graphic Design Kepuasan visual user ( lewat mata ) secara subyektif. melibatkan bagaimana desainer visual site tersebut membawa mata user menikmati dan menjelajahi site tersebut... melalui pemilihan Layout, Warna, Bentuk dan Typografi. #4 Contents / Isi Simply speaking, Content is King, sebagus apapun halaman anda secara design grafis, tanpa contents yang berguna dan bermanfaat akan bernilai nol ( kecuali kalau itu site eksperimental atau show-off) walaupun menurut Firmansjah Saftari, salah seorang web designer Indonesia dalam sebuah debat di mailing list design grafis ITB "Content is king, but without good design, Content is a naked king".Firmansjah Saftari #5 Masalah Kompatibilitas Seberapa Luas sebuah website mendukung kompatibilitas dengan perangkat-perangkat tampilannya ( BROWSER ), atau seberapa luas sebuah site memberikan alternatif untuk browser yang tidak dapat melihat sitenya. Jangan anda kira browser cuman sedikit : IE versi berapa ? Netscape versi berapa ? Opera ? Lynx ? Text Only ? Web TV ? Handheld PC ? Flash Plugin or not ?Jangan anda kira browser cuman sedikit KRITERIA SEBUAH WEB SITE YANG BAIK LANJT

3 #6 Waktu Panggil ( Loading Time ) Simply Speaking, BANDWITH!, BANDWITH!, BANDWITH! Seberapa Cepat sebuah site muncul atau menampilkan sesuatu di layar Browser pengunjungnya. Menurut Jeffrey Veen, dari webmonkey.com : "Anda hanya memiliki 3 detik untuk meyakinkan user untuk tidak menutup window atau pergi ke site lain. Jadi letakkan 'sesuatu' di layar dalam waktu 3 detik dan buatlah 'sesuatu' itu menarik. "webmonkey.com Aturan ini diperlunak oleh webreview dalam 8 detik. jadi kalau sampai site anda mempunyai sebuah image bukan fotografi atau artwork ( dalam artian sebenarnya ) yang besarnya 40 kb ( satu image, maaf, sepertinya anda masih perlu belajar banyak tentang webdesign Hint yang mungkin membantu, menurut Firmansjah Saftari, sebaiknya ukuran halaman sebuah HTML + image2 di dalamnya ( tanpa Flash ) sekitar kb.Firmansjah Saftari #7 Functionality Seberapa baik sebuah site bekerja dari aspek teknologikal-nya. Ini melibatkan programmer dengan SCRIPT-nya, misal HTML ( DHTML), 404 Error pages, PHP3, ASP, ColdFusion, CGI, SSI dll. Selain ketujuh aspek di atas ada lagi aspek2 lain yang perlu diperhatikan seperti Accesibility, yaitu Memaksimalkan penggunaan content ketika satu atau lebih indera dimatikan atau dikurangi kerjanya. ( lebih mengacu kepada user dengan kekurangan indera penglihatan secara fisik ) misal: Siapa tau suatu saat nanti,ada peraturan agar user2 web seperti presiden kita, GusDur harus bisa browsing.. I'm SERIOUS HERE... NO JOKE ! Nggak baik menertawakan orang lain dengan kekurangan :-| <-- serious face ( Coba anda baca Accesibility Checklist Recomendationnya W3CAccesibility Checklist Recomendationnya W3C KRITERIA SEBUAH WEB SITE YANG BAIK

4 Pendahuluan, Pertanyaan-pertanyaan awal bagi mereka yang ingin berkecimpung kedalam usaha web design atau web hosting adalah bagaimana saya menjual jasa ini kepada masyarakat? Berikut ini adalah beberapa tips yang mungkin membantu memiliki sebuah rumah design yang telah cukup lama menawarkan pendesainan kartu nama, undangan, dan benda-benda stationeries. Dia menanyakan kepada saya apakah dia dapat juga menawarkan jasa pembuatan homepages/ web, semenjak ia menguasai PhotoShop dan tidak terlalu sulit mempelajari DreamWeaver....Tentu bisa. Yang ia butuhkan hanyalah menambahkan item-item Homepages/Web Design didalam kartunama dan surat-surat penawarannya....Namun tidak ada yang membelinya. Dilain pihak, seorang penawar jasa web hosting berkesempatan turut serta dalam sebuah seminar bertajuk E-Commerce, dalam kepalanya ia mengharapkan dalam seminar yang diadakan sebuah harian terkemuka itu, ia dapat memperoleh perihal teknis proses memproses pembelian di Internet, rujukan hukum, dan lainnya. Niscaya dia kecewa, lantaran yang ia temukan hanyalah sesuatu yang ia sendiri pun sudah tahu, yaitu bahwa dengan homepage/situs web seseorang dapat melakukan jual beli. Namun How-nya belum terjawab. Lucunya dia kemudian mengubah positioning-nya dengan kata-kata "E-Commerce Solution". Dan, menyebarkan brosur/kartu namanya yg baru itu kepada prospek- prospek baru. Ia pun mendapatkan client baru. BAGAIMANA MENJUAL JASA WEB ?

5 1. TARGETING - POSITIONING: IT'S YOUR MARKET Artinya penempatan kita dalam pasar. "Solusi E-Commerces" itu pun mengakuinya, bahwa ia memilih positioning itu karena berangapan bahwa kini di Indonesia dan Jakarta pada khususnya lebih banyak orang tahu E-Commerces daripada Web Site itu sendiri, dan ia tidak mungkin memasarkan webnya kepada perusahaan multinasional bercash-flow triliunan, yang nota bene punya IT Manager yang paham lebih banyak dari dia sendiri. Sebab sama halnya bahwa kini sedikit yang tahu bahwa Marc Andersen(NetScape) lah yang menemukan Browser, dan sama kasusnya pula ketika kita menginstall Windows 98 SE dan menemukan bahwa Microsoft menambahkan kata Browser pada Internet Explorer-nya. "Internet Explorer Browser" Very bad grammar, tetapi patut dijempolin usaha pintarnya men-driven penguna Windows-nya untuk tidak menginstall Browser sebab sudah ada Explorer, bahwa Explorer is Browser 2. BE MORE SPESIFIK Jangan terlalu umum untuk memberikan layanan yang ada di internet 3. TOLERANCE MARGIN Adanya toleransi Untuk memahami persepsi. Contoh Multimedia dari sudut pandang, contoh dikartunamanya dituliskan "PRINTING-OFFSET-MULTIMEDIA". Saya tanyakan kepadanya apa artinya Multimedia itu, dia jawab; "Oh, Kita bisa cetak/sablon disegala dasar, mau diatas plat bisa, mau di batu bisa." Saya pun balik bertanya "CD-ROM pak?", "Oh, bisa kita ada koq mesin sablonnya." Orang yang saya temui ada juga yang menulis"COMPUTER-SOFTWARE-INTERNET" pada kartu namanya, karena dia membuka sebuah toko komputer, dimana pelanggannya dapat ditawari modem yang kini mulai dipra- syaratkan dalam pengunaan komputer. BAGAIMANA MENJUAL JASA WEB KE PASAR LANJT?

6 Menyediakan 'tempat' untuk suatu Komunitas tertentu bisa menjadi fungsi / tujuan sebuah website, tapi ini tidak selalu berhasil prinsipnya tetap.. Jika pengunjung tidak menemukan apa yang mereka cari, mereka akan pergi, jadi jika user datang ke site itu, kemudian masuk ke chat room yang ada disana dan setelah beberapa kali visit tidak menemukan orang2 yang enak diajak ngomong, user kecil kemungkinan kembali lagi ke situ dan sebaliknya. Ada beberapa Alternatif tools untuk membentuk komunitas dalam web site anda, antara lain Chat Room dan Mailing List. Study kasus 1, misalnya, Indoglobal, salah satu perusahaan web hosting di Indonesia, menyediakan bermacam mailing list untuk memenuhi kebutuhan komunitas pengguna web di Indonesia. Beberapa kelebihan Mailing List, dibanding Chat Room : Hemat bandwith Pasive members yang tidak hadir masih dapat mengikuti... still can be there. tetapi Chat room juga mempunyai kelebihan, antara lain gaya Conversational, dialog, serta kesan Live. Keuntungan Pembentukan Komunitas untuk Sebuah WebSite : Focus Group / User Profiling Loyal Customer Base Free advertising ini juga yang mengilhami site 2 seperti dan To Influence Decissions yang diambil oleh anggota komunitas tersebut MEMBENTUK SUATU KOMUNITAS DI ATAS INTERNET

7 Yang diperlukan untuk pembentukan komunitas yang baek menurut Amy Jo Kim, dalam wawancaranya dengan builder.com adalah :builder.com Kesabaran dan kearifan dalam menghadapi Newbies Kepemimpinan ( admin di milis, op. di chat room ) yang demokratis dan berwibawa Kemampuan menghandle trouble makers Kerelaan melahirkan sub-groups baru untuk mereka dengan interest yang lebih spesifik Kesimpulan Sebenarnya KOMUNITAS sudah menjadi sebuah elemen penting dalam pembuatan web site yang perlu diperhatikan oleh seorang web designer MEMBENTUK SUATU KOMUNITAS DI ATAS INTERNET LANJT

8 Di sebuah mailing list, dalam sebuah debat 'klasik' antara programmer dan visual designer.. ada yang mengatakan "Tampil Cantik hanyalah efek samping", Benarkah begitu ? bisa jadi begitu kalau contents yang ditawarkan benar-benar usable.. tapi contents dari kebanyakan Web ( apalagi kebanyakan Web Indonesia ) masih di bawah tingkat berguna.. Coba Anda ke hampir teks only, kurang estetika ? Jelas Tidak.. Usable Contents ?www.useit.com penulisnya, Jakob Nielsen-lah yang menemukan istilah Usability.. No!.. Estetika tidak sama dengan mengirim image 100kb bertuliskan "Selamat Datang di homepage si Anu", Sebagaimana Web Design tidak sama dengan Cool Graphics. Estetika adalah kenyamanan di mata user (secara visual), yang dihasilkan oleh seorang web designer dengan perjuangan yang tidak mudah,karena Web Designer adalah sebuah title profesi yang mengemban tantangan berat untuk mengatasi batasan-batasan Web sebagai media baru dan memenuhi kriteria-kriteria website yang baik.kriteria-kriteria website yang baik BAGAIMANA ESTETIKA TERHADAP WEB?

9 1.Kebanyakan Web Designernya tidak mempunyai latar belakang pendidikan design. 2.Kebanyakan pembuat website merasa mampu melakukan semuanya sendiri, tanpa perlu membayar seorang visual designer atau bergabung dengan team web development. 3.Klien Web Design di Indonesia mempunyai ekspetasi yang boleh dibilang rendah dan belum menghargai profesi Web Design. 4.Kondisi Web Indonesia yang sudah ada kebanyakan demikian ( kurang dari segi estetika ) sehingga Web Designer yang baru cepat puas, karena mereka rata-rata mampu menghasilkan Web Site berkualitas sama atau sedikit lebih tinggi dari Web Site yang sudah ada. Bagaimana Solusinya ? Solusi datang dari pihak designer, dengan sedikit bantuan pihak Klien : Pelajari dasar-dasar design grafis, terutama untuk mereka tanpa latar belakang designdasar-dasar design grafis Naikkan ekspetasi klien anda, didik mereka untuk menghargai design lebih tinggi ( bolehlah, sambil menaikkan anggaran / gaji untuk web site anda :) Jangan Cepat Puas, di Era Globalisasi banyak Web Designer yang lebih baik dari anda di luar sana.. BAGAIMANA INDONESIA?

10 Kembali ke rangkaian batasan Web (limitations of the Web), Lance Arthur dari Glassdog, dalam artikelnya di site tersebut punya teori sbb:Glassdog PLATFORM ISSUE Komputer Mac. menampilkan huruf lebih kecil dari komputer PC. PC mempunyai font default yang berbeda dari Mac. Unix( dan clone-nya) tidak mempunyai font default. Macs menampilkan warna "washed out", PC menampilkan warna "super saturated". dan seterusnya. BROWSER ISSUE Netscape mempunyai JavaScript, jadi Microsoft selalu satu langkah di belakang. Microsoft mempunyai JScript dan VBScript dan ActiveX, yang tidak berjalan di Netscape. Tidak ada yang memiliki Java. Plug-in masih diperlukan untuk beberapa Functionality, misalnya Flash. Netscape memasukkan pixel spacing dengan acak dalam cell tabel, frame dan document. Microsoft tidak. Microsoft tidak mengharuskan tag penutup untuk kebanyakan tag HTML ( browser pemaaf ). Netscape mengharuskannnya. Masalah CSS ( Cascading Style Sheets) yang masih berbeda di beberapa penerapannya oleh Microsoft dan Netscape, Microsoft menambahkan CSS filters. Netscape menambahkan JavaScript CSS. dan itu baru dua browser dari sekian browser yang ada.sekian browser yang ada. BAGAIMANA DESAIN WEB YANG BAIK?

11 USER ISSUE Users dapat dengan acak memilih resolusi layar dan kedalaman warna. Anda tidak dapat menjamin warna apa yang akan tampil di layar semua user anda. Users dapat mematikan dukungan Java dan JavaScript. Anda tidak dapat menjamin efek halaman HTML berdasarkan fungsi- fungsi ini akan tampil, walaupun di browser yang mendukungnya. Beberapa user menolak mengunjungi site dengan Frame. User yang lain menggunakan browser yang tidak mendukung frame, atau tidak mendukung image, dan lain-lain. ACCESSIBILITY ISSUE User yang buta tidak dapat melihat halaman HTML anda, serius.. inilah masalah Accesibility. dan 'screen reader' yang membacakan kepada mereka adalah satu-satunya solusi. Screen Reader tidak dapat menegosiasikan frame. Screen Reader tidak dapat melihat image yang berisi teks, kecuali anda mencantumkannya di dalam tag ALT. Screen Reader dapat menguatkan kata-kata dengan tag, tapi tidak dalam tag. Lynx users juga tidak dapat melihat image. Lynx User dapat menjelajahi frame, tapi mereka tidak dapat mengetahui isi nya sampai mereka masuk ke dalamnya (frame tersebut). User yang lebih tua mungkin memerlukan ukuran font yang lebih besar untuk membaca halaman HTML anda, yang sangat potensial untuk merusak skema lay-out yang telah anda bikin susah-susah. Beberapa printers mencoba mencetak huruf putih tapi tidak dapat mencetak background gelap. Dan seterusnya. BAGAIMANA DESAIN WEB YANG BAIK LANJT?

12 Memperhitungkan masalah-masalah tersebut di atas, membuat multiple version ( beberapa versi ) dari Web Site anda untuk Platform, Browser, dan Audience yang berbeda. Menerima (baca: Menyerah) bahwa anda tidak akan dapat mentargetkan audience seluas- luasnya untuk menikmati site anda dan membuat perubahan yang mengijinkan akses, minimal untuk contents, misal dengan versi text-only. Melakukan Apa yang anda mau, tanpa kompromi, mengalienasikan beberapa bagian audience anda. Menurut Lance Arthur, bertemanlah dengan batasan-batasn Web tadi. dan menurut beliau lagi, Web Design adalah bisnis yang bikin frustasi, sehingga wajar kalo mereka yang pusing memikirkan hal-hal diatas dibayar mahal. Tingkat kesuksesan seorang Web Designer juga bergantung pada seberapa besar dana, kepercayaan dan kerjasama yang diberikan klien. Anda harus menetapkan di awal proyek Web Design anda : Siapa Target Audience-nya, Apa Kegunaan Site tersebut, dan kemudian meyakinkan klien untuk meninggalkan anda sendiri sampai anda mempunyai sesuatu untuk dipresentasikan BAGAIMANA DESAIN WEB YANG BAIK LANJT?

13 dari osil8, menurut beliau..osil8 Web design adalah design informasi (information design) sebuah jalan mengkomunikasikan informasi kepada audience anda. Information Design, kedengaran seperti serious stuff ? memang benar!, Orang-orang telah mendesign Informasi bertahun- tahun, bahkan sebelum Web datang, dan mereka akan terus melakukannya bahkan setelah Web tidak ada lagi ( dan itu masih lama sekali, kalaupun hal itu terjadi :) Beberapa orang bilang bahwa Web adalah media yang benar-benar baru, dan karenannya memerlukan pendekatan yang baru juga. Pada dasarnya, Web adalah tentang Komunikasi, anda ingin orang melihat teks, contents, seni anda. dan Komunikasi ( yang efektif ) memerlukan Perencanaan. Demikian menurut beliau, Jason Kotke dari otil8.otil8 Sekian dulu Dasar Web Design bagian pertama dari toekangweb, semoga bermanfaat bagi anda, dan nantikan di edisi berikutnya dari toekangweb, lanjutan dari artikel ini, Elemen-elemen dari Web Design... dan Langkah-langkah dalam Web Design menurut Jason Kotke dan Lance Arthur. BAGAIMANA DESAIN WEB YANG BAIK LANJT?

14 BENTUK & WARNA Kesan pertama seorang pengunjung situs terbentuk pada 9 detik pertama. Jadi bagaimana caranya, dengan perhitungan waktu download, seorang designer dapat menarik perhatian dari pengunjung itu? Jawabannya adalah Design yang "Pantas" •"Pantas" berarti: •Koordinasi warna yang baik •tata letak ( lay-out ) yang bagus, •dan yang paling penting, download yang cepat. Memang kita tinggal di Indonesia yang infrastruktur komunikasinya sangat terbatas, sampai sampai ada daerah yang line-telp-nya tidak bisa mengangkat modem, sehingga kalau bisa sekecil mungkin semakin bagus. Tapi untuk negara maju seperti Amerika, dimana DSL dan Cable modem bukanlah hal yang aneh lagi, net-lag bukanlah tidak ada. Jadi sebuah halaman web dengan kode yang bersih dan ukuran yang sangat optimize adalah masih mutlak. Dasar dari design yang "pantas" (kata "pantas" saya beri tanda kutip karena bersifat subjektif), adalah dengan membuat tata-letak dengan warna, bentuk, dan typografi yang saling mendukung. Kombinasi dari ke 3 elemen tersebut bisa membentuk sebuah design yang me-representasikan isi-nya, dan sesuai dengan target audience yang dituju. BAGAIMANA DESAIN WEB YANG BAIK LANJT?

15 Disadari atau tidak, seorang pengunjung akan merespon apa yang dia lihat (di tampilan monitornya) pada level psikologis. Seorang designer-grafis yang baik, haruslah bisa membuat dan meletakkan element element untuk menggoda, menyenangkan dan memuaskan para pengunjung. Dan tujuannnya tidak akan berhenti saja pada si pengunjung, tapi seorang pengunjung yang senang, kemungkinan besar, akan merespon terhadap ada yang menjadi tujuan dari situs anda. Tujuan yang mungkin hanya untuk informasi, atau untuk hiburan, atau mungkin untuk menjual barang dan jasa. Cara yang paling sip untuk menarik perhatian seorang pengunjung adalah dengan penggunaan 1. warna sebagai medium penerangan untuk situs dan informasi maupun produk yang dimilikinya. 2. Bentuk, sesuatu hal yang sering dilupakan, adalah juga sebuah element design yang cukup kuat untuk membentuk sebuah citra, dan mengekspresikan sebuah informasi. 3. 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). BAGAIMANA DESAIN WEB YANG BAIK LANJT?

16 TABEL WARNA & RESPON BAGAIMANA DESAIN WEB YANG BAIK LANJT? WARNARespon PsikologiCatatan MerahPower, 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. BiruKepercayaan, Konservatif, Keamanan, Tehnologi, Kebersihan, Keteraturan Banyak digunakan sebagai warna pada logo Bank di Amerika Serikat untuk memberikan kesan 'kepercayaan'. HijauAlami, Sehat, Keberuntungan, PembaharuanWarna 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. YellowOptimis, Harapan, Filosofi, Ketidak jujuran, Pengecut (untuk budaya Barat), pengkhianatan. Kuning adalah warna keramat dalam agama Hindu. Ungu/JinggaSpiritual, Misteri, Kebangsawanan, Transformasi, Kekasaran, Keangkuhan Warna Ungu sangat jarang ditemui di alam. OranyeEnergy, Keseimbangan, KehangantanMenekankan sebuah produk yang tidak mahal. CoklatTanah/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 Intelek, Masa Depan (kayak warna Milenium), Kesederhanaan, Kesedihan Warna Abu abu adalah warna yang paling gampang/mudah dilihat oleh mata. PutihKesucian, 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. HitamPower, 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)

17 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. BAGAIMANA DESAIN WEB YANG BAIK LANJT? 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.

18 Situs fiktif yang kedua adalah TK Senayan, yang adalah sebuah Taman Kanak Kanak. Dengan target 'Tidak Serius', dan Ceria, BAGAIMANA DESAIN WEB YANG BAIK LANJT? 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 : 255Red:0; Green:102; Blue:204; Note: Warna-warna ini bisa lain keliatannya di monitor Macintosh ataupun PC.

19 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: BAGAIMANA DESAIN WEB YANG BAIK LANJT?

20 SerifSans-serifMonospaceDecorativeScript JENIS.HURUFKETERANGANCATATAN 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) 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.

21 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. BAGAIMANA DESAIN WEB YANG BAIK LANJT?

22 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. BAGAIMANA DESAIN WEB YANG BAIK LANJT?

23 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. BAGAIMANA DESAIN WEB YANG BAIK LANJT? 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).

24 CLIENT-SIDE-SCRIPTING Client-side scripting melibatkan blok script tambahan untuk ditambahkan di file HTML anda, Server Web tidak akan memperlakukan script lain dari tag-tag laen yang sudah ada di halaman HTML anda, sebaliknya browser-lah yang akan menerjemahkan mereka pada komputer user. karenanya Scripting jenis ini disebut Client-Side, yang bekerja di komputer user, bukan di Server. Kelebihan Client-Side-Scripting 1.Anda tidak perlu server khusus untuk menjalankan script anda. 2.Tidak membebani kerja web-server, terutama di web server dengan traffic tinggi. Kekurangan Client-Side-Scripting 1.Harus didukung oleh Browser pihak klien ( walaupun secara umum hampir bisa dibilang semua Browser mendukung JavaScript ( hanya dengan cara yang tidak sama :) 2.Kode anda, visible, dan dapat ditiru. ( tapi di era Open Source seperti sekarang ini, buat apa sih menyembunyikan script, yang notabene kebanyakan hasil cut&paste ) Teknologi Client-Side-Script yang populer JavaScript JavaScript secara umum didukung kedua browser populer, Microsoft Internet Explorer dan Netscape Navigator, hanya saja mereka mendukung dengan caranya masing-masing, tetapi kebanyakan script JavaScript jalan di kedua browser ini, ditambah browser Opera. Pada tahun 1997 terbentuk The European Computer Manufacturers Association sebagai standar untuk JavaScript, Netscape baru2 ini mengumumkan keluarnya JavaScript 1.3The European Computer Manufacturers AssociationJavaScript 1.3 VBScript (Visual Basic Script) VBScript hanya didukung oleh Microsoft Internet Explorer. dan mirip-mirip dengan JavaScript. Ada sih plugin untuk memungkinkan klien menggunakan VBScript di Netscape Navigator, tapi harus dibeli.plugin WEB LEBIH INTERAKTIF?

25 SERVER-SIDE-SCRIPTING Server-side scripting mengunakan script yang dijalankan / diterjemahkan di Server, hasilnya saja yang dikirim ke Browser klien. Kelebihan Server Side Scripting Karena script berjalan di server, anda tahu pasti apa yang dapat anda lakukan dengan script tersebut dan software apa yang tersedia Jika Script anda menghasilkan output dalam bentuk HTML yang baku, hampir semua browser akan dapat melihatnya. Kekurangan Server Side Scripting Menambah beban kerja Server Anda harus punya akses / permission special untuk menggunakan Server Side Scripting Teknologi Server-Side Scripting yang Populer CGI Boleh dibilang teknologi klasik ( tertua di Web ), untuk melakukan fungsi-fungsi Server Side, salah satunya lewat Common Gateway Interface (CGI). Kebanyakan program CGI menggunakan Perl, bahasa scripting yang pas untuk scripting di Web. Walaupun sebenarnya anda dapat menulis program CGI hampir di semua bahasa, termasuk C++, Python, dan Java. Tapi, tanpa perencanaan yang hati-hati, CGI dapat membuka 'lubang security' di Server anda, dan biasanya program CGI susah didebug, dan susah dipelajari dan dipraktekkan terutama untuk web designer yang bekerja di platform non-*NIX. WEB LEBIH INTERAKTIF?

26 SERVER-SIDE-SCRIPTING 1.Server-Side Java, JavaScript, dan VBScript Microsoft's IIS server dapat menerjemahkan Java, JavaScript, dan VBScript di server (juga untuk PerlScript). Sever Netscape juga mendukung Java dan Javascript untuk dijalankan di Server. PerlScript 2.ASP Andalan Microsoft untuk teknologi Scripting Web, terutama didukung oleh Microsoft IIS Server 3.PHP Bahasa Scripting baru, populer. dan kadang 'disamakan' dengan Sistem Operasi Linux dan Web Server Apache, karena sifatnya yang Open Source dan gratis. lebih lanjut tentang PHP disini.disini 4.Cold-Fusion dari Allaire, mulai meningkat kepopulerannya, terutama dengan linkungan development Visual ( ColdFusion Studio) yang ditawarkan.Allaire 5.Miva Dulu dikenal dengan HTMLScript, mirip dengan PHP, tapi ditawarkan secara komersial.komersial 6.Servlets Servlets sedang meningkat popularitasnya, untuk menulis Java Objects yang meningkatkan fungsi server. Sifat Java yang Object Oriented membuat programmer mudah menuliskan Servlets ( tapi bagaimana dengan web designer?), dan untuk beberapa kalangan Java Servlets dianggap lebih effisien daripada CGI 7.ISAPI, NSAPI, and Native Server APIs tapi ini kebanyakan hanya untuk programmers hard-core. WEB LEBIH INTERAKTIF?

27 memasarkan situs Web tersebut ke pengguna internet lainnya. Secara umum, proses pembuatan situs Web yang baik adalah dengan adanya kerja-sama yang saling mendukung antar 3 unsur. Yaitu designer, programmer dan marketer/administrator. 1.Designer adalah orang yang dapat menyampaikan image suatu usaha atau seseorang dalam bentuk grafis/gambar atau animasi. Grafis ini merupakan perwakilan nuansa dari pemilik situs Web secara keseluruhan. Jadi seorang designer harus dapat menterjemahkan apa yang diinginkan pemilik situs Web (dari wawancara atau tulisan) ke dalam bentuk visual. 2.Programmer adalah orang yang bertanggung-jawab dalam menjalankan program-program yang ada dalam web site, sebagai misal guestbook, counter, form aplikasi, reservation dan lain sebagainya. Susunan komposisi web yang telah dibuat oleh designer dijalankan dengan baik oleh programmer. Maka designer dan programmer dapat dianggap sebagai suatu kelompok/tim produksi. 3.Marketer dibutuhkan karena mengisi kekosongan yang tidak dapat dilakukan baik oleh designer maupun programmer. Sebab seorang designer, karena ia orang yang berlatar belakang seni, lebih dapat ber”bicara” dalam bentuk visual, sedangkan programmer sebagai orang yang berlatar belakang teknik lebih banyak dapat ber”bicara” dalam bahasa program yang sulit dimengerti. Dibutuhkan seseorang yang menguasai “Bahasa Populer” baik Inggris maupun Indonesia untuk memberikan informasi kepada para Netter di seluruh dunia dengan bahasa yang mudah dipahami. WEB LEBIH INTERAKTIF?

28 Situs apakah ini? Apa tujuan situs ini? Apakah definisi Web Terbaik menurut situs ini dan kaitannya dengan standar penilaian? Bagaimana kriteria penilaiannya? Apakah penilaiannya objektif? Bagaimana proses pendaftaran dan lama pendaftar bisa mengetahui apakah websitenya menerima penghargaan 'Web Terbaik'? Apakah situs ini memberikan hadiah untuk situs yang terpilih sebagai 'Web Terbaik'? Apa yang diperoleh peserta? Apa manfaat / keuntungan yang diperoleh untuk situs yang berhasil meraih penghargaan sebagai 'Web Terbaik'? Program promosi apa yg akan webterbaik.com lakukan thd para pemenang ? Sudah berapa banyak yang registrasi sampai saat ini? Siapa pengelola situs ini? Bagaimana cara menghubungi pengelola situs ini? WEB LEBIH INTERAKTIF?

29 Menurut Jakob Nielsen, Usability adalah ukuran kualitas pengalaman user ketika berinteraksi dengan sesuatu--Apakah itu Web site, Aplikasi Software, ataupun bentuk teknologi lain-- dimana user dapat beroperasi. Kegunaan sebuah sistem ditentukan oleh dua komponen:Jakob Nielsen Utility Apakah sistem tersebut melakukan sesuatu yang orang- orang pedulikan? jika sistem tersebut melakukan sesuatu yg tidak relevan atau tidak memecahkan permasalahan yang dihadapi user, maka tidak peduli bagaimana mudahnya sistem tersebut tetap gagal dalam komponen utility. Usability Dapatkah user menggunakan sistem dan dapatkah dia melakukannya dengan efektif, Walaupun sebuah sistem melakukan hal yang benar dalam teori, sistem tsb akan tetap gagal jika user tidak dapat menemukan bagaimana membuat sistem tersebut bekerja. #1 | Kemudahan untuk dipelajari (Learnability) Sebuah Web Site dengan tingkat learnability maksimal meletakkan content yang paling penting di bagian atas layar, sehingga user dapat melihat apa yang mereka cari sewaktu halaman web tersebut dipanggil. Untuk menentukan elemen apa yang seharusnya berada di bagian atas halaman (above the fold), pelajari kemungkinan-kemungkinan kenapa user anda berada di site anda, mencari apa sih dia (user)?. juga Hindari elemen yang menurunkan tingkat learnability, seperti layar splash dengan tag META REFRESH dan warna yang fade-in/out \. Juga jangan tergantung kepada icon, selalu cantumkan teks description sehingga user tidak perlu menebak apa arti sebuah icon. Icon seharusnya meningkatkan konsep satu-dimensi yang tidak dapat diekpresikan lewat teks. WEB LEBIH INTERAKTIF?

30 #2 | Effisiensi Sebuah Web site yang effisien menghantarkan informasi berharga/berguna dengan sesedikit mungkin klik-- setiap link di website anda seharusnya diperiksa agar tidakk mengalihkan perhatian user dari pesan utama yang ingin disampaikan site anda. 1.Jaga jumlah hotlinks minimum, dan hanya hubungkan ( link) dokumen atau section-section di web site anda jika memang benar-benar perlu, misalnya Related Links. 2.ada beberapa item yang juga dapat membantu meningkatkan effisiensi : 3.Cantumkan tag height, widht dan alt untuk setiap img anda. 4.Gunakan Button bar atau sistem navigasi centralized dan konsisten yang lain, ketika seorang user harus melakukan lebih dari satu task dalam sebuah webstie, sebuah sistem navigasi yang terpusat, berulang dan dicache oleh browser adalah penting. 5.Accelerators, yang memberikan quick result ketika user sudah mengetahui dengan jelas sebelum masuk ke site anda, apa yang mereka cari. Accelerator yang paling efektif adalah search boxes. ( toekangweb akan segera memasang satu di web site ini, tunggu aja :) 6.Site Maps, beberapa user sangat terbantu dengan adanyua site maps yang berfungsi seperti directory. dalam membuat site maps jangan cantumkan semua contents! dan batasi dalamnya bagian site maps sampai dua atau tiga level. WEB LEBIH INTERAKTIF?

31 #3 | Memorability Memorability adalah issue yang sensitif, penting untuk menyediakan fresh-look sekali-kali, tapi salah jika merubah atau menyediakan suatu sistem navigasi baru hanya supaya site anda kelihatan tidak ketinggalan jaman. Interface / Sistem Navigasi baru mungkin akan dapat lebih diingat, tapi tentunya perlu waktu untuk penyesuaian oleh seorang user. #4 | Errors tidak ada alasan untuk broken links di halaman / website anda, lebih baik, jangan cantumkan link dulu kalau halaman yang dilink belum tersedia. juga sediakan halaman 404 errors untuk website anda ( maaf belum tersedia di toekangweb :) Untuk sebuah website dinamis yang melibatkan server side scripting, lebih susah untuk menjaga sebuah broken links. #5 | Satisfaction Sebuah website seharusnya enak untuk digunakan, User harus dapat menemukan apa yang mereka cari, mendownloadnya dengan cepat, mengetahui kapan mereka telah selesai, dan dapat dengan mudah memberitahukan site tersebut / content yang mereka temukan kepada teman mereka. useit.com useit.com site milik Jakob Nielsen, sang usability guru beberapa site developer reference seperti webreview, devhead, dan webtechniques juga menyediakan satu section khusus tentang usabilitywebreviewdevheadwebtechniques WEB LEBIH INTERAKTIF?

32 11 Senjata Rahasia Manajemen Proyek Web Dari buku 'Secrets of Succesfull Web Sites, Project Management on the Web', oleh David Siegel, dirangkum,dan disesuaikan untuk konsumsi Indonesiea, oleh Doni Yudono'Secrets of Succesfull Web Sites, Project Management on the Web'Doni Yudono #1 | Segmentasi Pasar Ada banyak pendatang baru dalam bisnis Web Design, sekarang, yang kecil dan terdiri dari dua orang -bahkan satu orang- yang meningkatkan pilihan untuk pihak Klien, Keberhasilan anda bergantung dari seberapa ahli dan seberapa fokus anda. Ketahuilah tujuan anda dan Kejarlah klien yang anda inginkan (lewat jalan yang sportif, tanpa KKN, dan dengan presentasi proporsal yang baik tentunya) #2 | Solving the bussiness problem Kebanyakan Web Site Producers ketemu dengan pihak klien yang bahkan belum mendefinisikan tujuan bisnis dari sebuah proyek pembuatan web site. Cobalah untuk : Melihat masalah pemasaran secara keseluruhan Menghemat uang sebanyak-banyaknya, atau Melayani pihak customers yang paling profitable terlebih dahulu Ketika Web terlibat, diskusikan dengan pihak klien jalan paling efektif untuk menggunakannya (Web) WEB LEBIH INTERAKTIF?

33 #3 | Kapan harus bilang TIDAK Ketika pihak klien tidak memenuhi kriteria - kriteria anda, Tanyakan pada diri sendiri apakah memang berharga untuk membuat perkecualian / kompromi. karena pekerjaan besar lebih baik daripada pekerjaan kecil. Mungkin secara relatif, bisa dibilang lebih baik menolak pekerjaan kecil karena mengejar pekerjaan yang lebih besar. #4 | The Memorandum of Engagement (MOE) Selalu bawa lembar MOE kosong pada pertemuan dengan pihak klien, just in case seorang potensial klien menjadi klien baru. kegagalan menandatangani MOE adalah tanda anda terlalu tergesa-gesa dalam proyek anda. (anda bisa mengambil dan sedikit mengubah template dokumen MOE yang tersedia #5 | Strategy Bila sebuah group web design berhasil melewati tahap strategy, atau lebih baik lagi, dapat diketahui kualitas kerja strategis mereka, adalah sebuah faktor yang membedakan. Setiap group web design yang bekerja dengan strategy dan memecahkan masalah bisnis klien, akan tampak lebih menarik bagi calon klien potensial yang menggangap Web dengan serius. #6 | Customer Profiles Membuat Customer Profiles memberikan (membatasi) sejumlah kecil orang untuk di'puas'kan. Jika anda hanya mempunyai 4 orang pengunjung site anda, dan kehilangan seorang berarti kehilangan 25% dalam traffic, Apa yang anda rela lakukan untuk membawa seorang yang hilang tersebut kembali ? WEB LEBIH INTERAKTIF?

34 #7 | Libatkan Kepala Tim dari Pihak Klien Jika Kepala team klien terlibat ( menghabiskan waktu ) dengan pihak web designer, semua pihak akan mendapatkan keuntungan. Cobalah membawa kepala tim pihak Klien datang ke kantor anda, dudukan beliau di depan komputer, dan persilakan beliau untuk melakukan perbandingan ( dengan web site pihak kompetitor / inspirator ) di depan komputer tersebut. Dengan demikian beliau akan menghargai secara penuh, apa yang coba dilakukan oleh pihak Web Designer #8 | KOMUNIKASI Reguler Proyek dapat gagal karena banyak hal, tapi sering hanya karena kurangnya komunikasi dan salah paham. Kondisi dunia web yang selalu berubah, dan batasan-batasan yang dihadapi seorang Web Designer, sangat mempersulit semua pihak. Bahkan kadang sebuah proyek gagal, hanya karena salahpaham tentang sebuah istilah, misal Spesifikasi Design atau template. Sebaiknya seorang produser berbicara / berkomunikasi denga klien dua kali minimal dalam seminggu. dan dalam setiap kesempatan, lakukan : 1.Revisi terhadap apa yang telah anda kerjakan 2.Apa yang sedang anda kerjakan sekarang 3.dan tahap apa selanjutnya dalam Jadwal 4.Diam-diaman adalah sebuah tanda, jadi libatkan mereka (pihak klien) dengan jalan : - Diskusikan tingkat kepuasan dan kenyamanan mereka dalam proses tersebut; - Mintalah pihak klien mengulang item actions yang baru anda jelaskan pada anda.; - Jika mereka dapat dengan jelas menjelaskan apa yang baru anda diskusikan, berarti mereka telah mengerti point anda.; WEB LEBIH INTERAKTIF?

35 #9 | Perlakukan Klien secara Individual Misal, pihak klien yang sulit menyediakan bahan untuk isi sebuah site pada waktunya, Jika setelah anda meng beliau dua kali dalam sehari dan tetap bahan belum terkirim, jangan pernah berkata "ya, udah siapa yang butuh?", tapi kejarlah pihak klien, telpon beliau, siapa tahu beliau menerima ratusan tiap hari karena kebanyakan ikut mailing list. #10 | Content Cut-Off Pada Proyek besar, sediakan dua minggu cut-off untuk penghantaran Content sebelum launch final site. pada Proyek yang lebih kecil, cukup seminggu. dan buatlah perkecualian untuk sisipan news, berita terbaru, pada halaman tertentu dan saat-saat mendekati peluncuran sebuah site. #11 | Content Management vs. Project Management Web Designer menggunakan perangkat proyek manajemen, misal proyek site untuk mendesain dan membangun web site klien, pihak klien kemudaian menggunakan perangkat content management untuk menjalankan site tersebut dari hari ke hari, membuat template dan contents yang bekerja dengan design original site tersebut. WEB LEBIH INTERAKTIF?

36 #7 | Libatkan Kepala Tim dari Pihak Klien Jika Kepala team klien terlibat ( menghabiskan waktu ) dengan pihak web designer, semua pihak akan mendapatkan keuntungan. Cobalah membawa kepala tim pihak Klien datang ke kantor anda, dudukan beliau di depan komputer, dan persilakan beliau untuk melakukan perbandingan ( dengan web site pihak kompetitor / inspirator ) di depan komputer tersebut. Dengan demikian beliau akan menghargai secara penuh, apa yang coba dilakukan oleh pihak Web Designer #8 | KOMUNIKASI Reguler Proyek dapat gagal karena banyak hal, tapi sering hanya karena kurangnya komunikasi dan salah paham. Kondisi dunia web yang selalu berubah, dan batasan-batasan yang dihadapi seorang Web Designer, sangat mempersulit semua pihak. Bahkan kadang sebuah proyek gagal, hanya karena salahpaham tentang sebuah istilah, misal Spesifikasi Design atau template. Sebaiknya seorang produser berbicara / berkomunikasi denga klien dua kali minimal dalam seminggu. dan dalam setiap kesempatan, lakukan : 1.Revisi terhadap apa yang telah anda kerjakan 2.Apa yang sedang anda kerjakan sekarang 3.dan tahap apa selanjutnya dalam Jadwal 4.Diam-diaman adalah sebuah tanda, jadi libatkan mereka (pihak klien) dengan jalan : - Diskusikan tingkat kepuasan dan kenyamanan mereka dalam proses tersebut; - Mintalah pihak klien mengulang item actions yang baru anda jelaskan pada anda.; - Jika mereka dapat dengan jelas menjelaskan apa yang baru anda diskusikan, berarti mereka telah mengerti point anda.; #9 | Perlakukan Klien secara Individual Misal, pihak klien yang sulit menyediakan bahan untuk isi sebuah site pada waktunya, Jika setelah anda meng beliau dua kali dalam sehari dan tetap bahan belum terkirim, jangan pernah berkata "ya, udah siapa yang butuh?", tapi kejarlah pihak klien, telpon beliau, siapa tahu beliau menerima ratusan tiap hari karena kebanyakan ikut mailing list. WEB LEBIH INTERAKTIF?

37 #7 | Libatkan Kepala Tim dari Pihak Klien Jika Kepala team klien terlibat ( menghabiskan waktu ) dengan pihak web designer, semua pihak akan mendapatkan keuntungan. Cobalah membawa kepala tim pihak Klien datang ke kantor anda, dudukan beliau di depan komputer, dan persilakan beliau untuk melakukan perbandingan ( dengan web site pihak kompetitor / inspirator ) di depan komputer tersebut. Dengan demikian beliau akan menghargai secara penuh, apa yang coba dilakukan oleh pihak Web Designer #8 | KOMUNIKASI Reguler Proyek dapat gagal karena banyak hal, tapi sering hanya karena kurangnya komunikasi dan salah paham. Kondisi dunia web yang selalu berubah, dan batasan-batasan yang dihadapi seorang Web Designer, sangat mempersulit semua pihak. Bahkan kadang sebuah proyek gagal, hanya karena salahpaham tentang sebuah istilah, misal Spesifikasi Design atau template. Sebaiknya seorang produser berbicara / berkomunikasi denga klien dua kali minimal dalam seminggu. dan dalam setiap kesempatan, lakukan : 1.Revisi terhadap apa yang telah anda kerjakan 2.Apa yang sedang anda kerjakan sekarang 3.dan tahap apa selanjutnya dalam Jadwal 4.Diam-diaman adalah sebuah tanda, jadi libatkan mereka (pihak klien) dengan jalan : - Diskusikan tingkat kepuasan dan kenyamanan mereka dalam proses tersebut; - Mintalah pihak klien mengulang item actions yang baru anda jelaskan pada anda.; - Jika mereka dapat dengan jelas menjelaskan apa yang baru anda diskusikan, berarti mereka telah mengerti point anda.; #9 | Perlakukan Klien secara Individual Misal, pihak klien yang sulit menyediakan bahan untuk isi sebuah site pada waktunya, Jika setelah anda meng beliau dua kali dalam sehari dan tetap bahan belum terkirim, jangan pernah berkata "ya, udah siapa yang butuh?", tapi kejarlah pihak klien, telpon beliau, siapa tahu beliau menerima ratusan tiap hari karena kebanyakan ikut mailing list. WEB LEBIH INTERAKTIF?


Download ppt "Apa saja yang membuat sebuah web site baik, dan sebaliknya ? menurut CNET Builder.com ada beberapa kriteria pertimbangan, yaitu:CNET Builder.com #1 Usability."

Presentasi serupa


Iklan oleh Google