Perencanaan Desain Web

Perencanaan dalam desain Web, seperti dalam proses desain lainnya, adalah sangat penting. Tidak hanya perencanaan yang cermat memotong waktu pengembangan cukup, tapi itu membuatnya menjadi jauh lebih mudah untuk mencapai seragam tampilan dan nuansa situs Anda - membuatnya menjadi ramah dan lebih mudah digunakan. Bagian ini secara singkat meliputi beberapa dasar-dasar desain website: apa yang harus fokus pada, apa yang pilihan untuk dipertimbangkan, dan apa untuk menghindari perangkap. Jika anda adalah situs Web yang didirikan pengembang yang meliput tanah ini sebelumnya, merasa bebas untuk melewati bagian ini.

**Pertimbangan utama
Bahkan sebelum Anda memilih struktur menyeluruh untuk situs Anda (seperti dibahas dalam bagian berikut), Anda harus mengatasi semua isu-isu penting pesan, penonton, dan anggaran.

**Menentukan What You Wanna Say
Jika saya harus memilih salah satu perhatian utama yang desain website, akan menjawab pertanyaan berikut: Apa yang Anda coba katakan? Semakin jelas Anda tentang pesan Anda, semakin terfokus situs Web Anda akan menjadi. Untuk tujuan ini, saya menemukan itu berguna untuk mencoba untuk menyatakan tujuan dari situs web dalam satu kalimat. "Membuat website yang paling keren di planet ini" tidak masuk hitungan. Walaupun dapat dianggap sebagai tujuan, itu terlalu terbuka untuk menjadi berguna. Berikut adalah beberapa contoh website yang dinyatakan secara jelas konsep-konsep:
Untuk memberikan yang terbaik-kecil pusat sumber daya bisnis berfokus pada perangkat lunak Adobe
Untuk kronik pertama di dunia pelayaran di seluruh dunia dengan balon udara panas
Untuk mengiklankan pelajaran musik yang ditawarkan oleh sebuah kolektif guru keyboard di New York City

**Target Audiens Anda
Tepat di balik konsep situs-sebagian orang akan mengatakan leher-dan-leher dengan itu-adalah situs-s penonton. Siapa kau mencoba mencapai? Cukup sering, sebuah situs gaya sangat dipengaruhi oleh visi yang jelas dari situs dimaksudkan penonton. Ambil, misalnya, Adobe Edge newsletter bulanan (www.adobe.com/newsletters/edge/). The Edge adalah contoh yang sangat baik situs yang benar-benar bernada ke arah target dalam hal ini, penonton yang dimaksud terdiri dari Dreamweaver profesional web developer dan desainer. Oleh karena itu, situs ini keren tapi informatif, dan itu diisi dengan contoh-contoh menarik mutakhir teknik pemrograman.
Sebaliknya, situs yang ditujukan untuk pasar massal e-commerce harus bekerja dengan kelompok yang sangat berbeda dalam pikiran: pembeli. Semua orang di suatu waktu atau lain termasuk dalam kategori ini, jadi saya benar-benar berbicara tentang keadaan pikiran, bukan sebuah profesi. Banyak situs belanja menggunakan desain halaman yang sangat sederhana yang mudah dikendalikan, nyaman dalam pengulangan-di mana pengunjung dapat dengan cepat menemukan apa yang mereka cari, dan dengan sesedikit mungkin hambatan, membelinya.


**Menentukan Anda Resources
Sayangnya, situs web tidak diciptakan dalam ruang hampa. Hampir semua pekerjaan pengembangan web PHP yang terjadi di dunia nyata kendala semacam. Seorang desainer Web profesional yang terbiasa bekerja dalam anggaran. Sebenarnya, istilah anggaran dapat mengajukan permohonan untuk beberapa konsep.
Pertama, Anda memiliki anggaran moneter - berapa banyak klien bersedia menghabiskan? Ini diterjemahkan menjadi sebuah kombinasi waktu pembangunan (untuk perancang dan programer), bahan (kustom grafis, stok foto, dan sejenisnya), dan pemeliharaan. Anda dapat membangun situs yang besar dengan banyak halaman yang menarik secara dinamis dari database internal dan membutuhkan sangat sedikit tangan-on pemeliharaan. Atau, Anda dapat membuat kecil, grafik-situs intensif yang harus diperbarui dengan tangan mingguan. Sangat mungkin bahwa kedua situs akhirnya biaya yang sama.
Kedua, anggaran juga berlaku pada jumlah waktu yang Anda mampu keluarkan untuk proyek tertentu. Web designer profesional cepat menyadari bahwa waktu adalah komoditas penting. Sumber daya yang dibutuhkan ketika melakukan sebuah karya untuk Anda sendiri ketika Anda tidak memiliki tenggat waktu yang sangat berbeda dari yang dibutuhkan bila Anda menandatangani kontrak pada 30 Juni untuk pekerjaan yang harus siap diluncurkan pada 4 Juli.
Ketiga dunia nyata anggaran item untuk dipertimbangkan adalah bandwidth. Web, dengan koneksi internet lebih cepat dan peningkatan infrastruktur, perlahan-lahan menanggalkan citra sebagai World Wide Tunggu. Namun, banyak pengguna masih terjebak dengan modem yang lambat, yang berarti bahwa webmaster harus menjaga mata tetap pada halaman berat badan-berapa lama waktu yang dibutuhkan untuk men-download di bawah harga modem paling khas. Tentu saja, Anda selalu dapat memutuskan untuk memasukkan bahwa video animasi karya yang memakan waktu 8 menit untuk download pada kabel modem - Anda tidak bisa mengharapkan semua orang menunggu untuk melihatnya.
Sebagai kesimpulan, ketika Anda sedang mencoba untuk menentukan halaman web, filter melalui tiga ide ini: pesan, penonton, dan berbagai wajah anggaran. Waktu yang dihabiskan memvisualisasikan halaman Web Anda dalam waktu istilah ini jelas digunakan dengan baik.

**Desain Pilihan
Banyak profesional Web meminjam teknik yang digunakan secara ekstensif dalam mengembangkan pemasaran massa lainnya-bentuk: storyboard. Storyboard untuk Web diagram pertama memerlukan berbagai halaman di situs Anda - sangat mirip storyboard yang lebih tradisional dalam video atau film - dan kemudian rincian sambungan untuk halaman yang terpisah untuk membentuk keseluruhan situs. Bagaimana Anda menghubungkan halaman yang berbeda menentukan cara pengunjung menavigasi situs web selesai.
Bagian berikut menjelaskan dasar model navigasi. Web desainer harus akrab dengan mereka semua, karena masing-masing melayani tujuan yang berbeda dan mereka dapat dicampur dan dicocokkan sesuai kebutuhan.



**Pendekatan yang Linear
Sebelum ke World Wide Web, sebagian besar format media yang linear - yaitu, satu gambar atau halaman diikuti lain dalam urutan yang tidak dapat diubah. Sebaliknya, Web dan kepribadian interaktif memungkinkan pengguna untuk melompat dari topik ke topik. Namun demikian, Anda masih dapat menggunakan pendekatan linear sebuah situs web dan memiliki satu halaman muncul setelah lain, seperti buku multimedia.
Model navigasi linear bekerja dengan baik untuk pelatihan berbasis komputer aplikasi dan ekspositoris skenario lain di mana Anda ingin mengontrol erat pengalaman pemirsa. Beberapa desainer Web menggunakan gaya linear pintu masuk atau keluar dari situs utama mereka, terhubung ke model navigasi bertingkat. Dengan dynamic HTML, Anda dapat mencapai efek yang bergerak melalui beberapa halaman dalam satu halaman melalui layering.
Catatan: Perlu diketahui bahwa mesin pencari Web dapat mengindeks konten dari setiap halaman situs Anda secara terpisah. Setiap halaman situs Anda - bukan hanya halaman rumah Anda - menjadi calon independen titik pintu masuk. Karena itu, pastikan setiap halaman termasuk tombol navigasi kembali ke halaman rumah Anda, terutama jika Anda menggunakan navigasi linier model.

**The Hierarchical Model
Model navigasi hirarkis muncul dari atas ke bawah desain. Ini mulai dengan satu konsep kunci yang menjadi halaman rumah Anda. Dari halaman muka, pengguna cabang ke beberapa halaman utama, jika diperlukan, halaman utama ini dapat, pada gilirannya, bercabang menjadi banyak halaman terpisah. Semuanya mengalir dari halaman rumah; itu sangat banyak seperti bagan organisasi perusahaan, dengan CEO di atas diikuti oleh perusahaan berbagai divisi.
Website hierarkis paling dikenal untuk menjaga rasa pengunjung tempat di situs. Beberapa web designer bahkan menggambarkan struktur treelike sebagai perangkat navigasi dan mencakup setiap cabang bepergian sebagai link. Hal ini memungkinkan pengunjung untuk dengan cepat menelusuri kembali langkah-langkah mereka, cabang dengan cabang, untuk menyelidiki rute yang berbeda.

**The Spoke-dan-Hub Model
Mengingat Web struktur hyperlink yang fleksibel, yang berbicara-dan-model navigasi hub bekerja sangat baik. Hub adalah, alami, situs home page. Jeruji proyeksi dari pusat terhubung ke semua halaman utama situs. Tata letak ini memungkinkan akses cepat ke halaman tombol apa hanya dalam dua lompatan - satu melompat selalu mengarah kembali ke hub / home page dan satu melompat terdepan dalam arah yang baru. Gambar 3 menunjukkan khas berbicara-dan-struktur hub untuk situs Web.
Kelemahan utama untuk berbicara-dan-struktur hub yang diperlukan kembali ke halaman muka. Banyak web designer menyiasati keterbatasan ini dengan menggunakan bingkai untuk membuat pertama melompat dari hub ke halaman Web; cara ini, bar navigasi selalu tersedia. Desain ini juga memungkinkan pengunjung yang menggunakan browser nonframes berkemampuan untuk mengambil jalan yang berbeda.


**The Full Web Design
Paling yang tampaknya pendekatan terstruktur untuk sebuah situs web - penuh Web - mengambil yang paling keuntungan dari Web's hyperlink kemampuan. Desain ini memungkinkan hampir setiap halaman untuk menyambung ke setiap halaman. Desain web penuh bekerja dengan baik untuk situs yang eksplorasi topik tertentu karena pendekatan pengalaman mendorong pengunjung situs sesuai dengan kebutuhan mereka sendiri, tidak didasarkan pada pengertian tentang salah satu desainer. Bahaya dalam penggunaan Web secara penuh untuk desain situs Anda adalah pengunjung dapat benar-benar tersesat. Sebagai pintu keluar darurat, banyak web designer menyertakan link ke situs yang dapat diklik peta, terutama untuk skala besar situs menggunakan desain ini.