Apa proses umum untuk perencanaan dan pengembangan situs web baru?


10

Saya bekerja di sebuah agen yang sebagian besar berfokus pada pengembangan perangkat lunak namun terkadang sebuah microsite adalah aksesori untuk salah satu solusi kami dan kami perlu membangunnya.

Saya mencoba mendefinisikan proses untuk membuat situs web ini, tetapi saya tidak tahu bagaimana urutan setiap tugas yang biasa dilakukan dan secara khusus saya mencoba mencari tahu pada titik mana setiap salinan / konten statis harus ditulis.

Saya dapat memikirkan beberapa tugas seperti: menulis konten statis, desain, kawat-framing, mendefinisikan kata kunci dan SEO, coding. tapi saya tidak yakin dalam urutan mana menangani mereka.


Membuat sketsa adalah awal terbaik.
SaturnsEye

Apakah Anda ingin garis besar perancang akan mengambil? Jika demikian, saya pikir jawaban Scott benar. Atau apakah Anda ingin garis besar Anda, seperti yang seharusnya diambil klien? Jika demikian saya pikir ada beberapa poin lagi yang bisa disebutkan.
Ryan

Jawaban:


7

Bagi saya banyak area bisa tumpang tindih sampai batas tertentu.

  • Tetapkan kebutuhan melalui sketsa, gambar rangka, catatan, diskusi, anggaran, dll. (Harus didahulukan)

  • Wireframing - Konten dapat mulai ditulis di sini atau setidaknya diuraikan. Gagasan kasar tentang ukuran konten akan membantu dalam framing kawat, jadi benar-benar penulisan dan framing kawat bisa berjalan bersama.

  • Persetujuan wireframe

  • Finalisasi konten - desain kasar awal dapat dimulai di sini tetapi tidak dapat diselesaikan sampai salinan statis selesai.

  • Persetujuan konten

  • Finalisasi Desain / Kata Kunci / Pengkodean - kata kunci dapat diketahui saat desain sedang disempurnakan. Tergantung pada kebiasaan kerja, pengkodean dapat dimulai untuk menyelesaikan desain.

  • Persetujuan desain

  • Finish Coding / SEO - coding dan SEO dapat berjalan seiring. Anda tahu, kode dengan SEO dalam pikiran pada saat yang sama mulai merencanakan strategi SEO eksternal, dll.

  • Persetujuan kode

  • SEO / pemeliharaan yang sedang berlangsung.


1
Tumpang tindih adalah bagian terbaik dari proses. Jika Anda bekerja dengan sebuah tim, wireframe dan konten dapat dikembangkan pada saat yang sama, dan pengkodean dan desain dapat dimulai (secara terpisah) segera setelah wireframes selesai. Konten dapat diubah, tentu saja, tetapi saya akan memulai SEO lebih awal, bergandengan tangan dengan konten yang berkembang.
Blazemonger

5

Alur kerja proyek saya umumnya bekerja seperti ini:

  1. Bertemu dengan klien untuk mendapatkan persyaratan (tentukan apa yang mereka butuhkan)
  2. Tentukan strategi back-end mana yang digunakan (bahasa pemrograman, platform, dll)
  3. Buat rangka gambar untuk menguraikan bagaimana situs atau aplikasi akan bekerja dan ke mana elemen dasar akan pergi
  4. Tinjau bingkai gambar dengan klien
  5. Design mockups - ini mungkin HTML / CSS mockups atau mungkin gambar yang dirancang dalam Illustrator atau Photoshop
  6. Tinjau maket dengan klien
  7. Edit maket berdasarkan umpan balik klien
  8. Buat produk yang berfungsi

Idealnya klien membuat kami konten nyata sedini mungkin dalam proses, tetapi kenyataannya adalah bahwa mungkin datang di kemudian hari. Saya akan perhatikan bahwa saya membuat banyak aplikasi berbasis web sehingga kami menentukan fitur-fitur dasar pada tahap persyaratan dan desain dengan mempertimbangkan hal-hal tersebut.


2

Saya mendapat beberapa informasi dari Blog

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

masukkan deskripsi gambar di sini

  1. Belajar

    Seharusnya tidak mengejutkan Anda bahwa belajar - menemukan dan memahami apa yang Anda butuhkan untuk membangun di tempat pertama - adalah bagian terpenting dari keseluruhan
    proses desain situs web.

  2. Brief Kreatif

    Anda harus mendapatkan informasi ini dengan cara yang Anda dan klien Anda paling nyaman - tetapi apa pun yang Anda lakukan, jangan lewati brief kreatif karena itu akan menjadi sumber kehidupan proyek Anda.

Pertanyaan apa yang harus Anda tanyakan dalam brief kreatif Anda? Minimal, cari tahu:

  • Target audiens klien
  • Tujuan primer dan sekunder mereka untuk situs web
  • Karakteristik branding saat ini, Anggaran
  • Tenggat waktu yang harus mereka penuhi

3. Rencanakan

Setelah Anda mengetahui apa yang perlu Anda bangun, saatnya untuk mulai merencanakan bagaimana Anda akan mewujudkannya. Sebelum Anda dapat mulai merancang situs web, Anda harus tahu persis apa, dan bagaimana, mendesainnya - dan semuanya dimulai dengan membuat strategi desain.

4. Desain

Setelah Anda siap untuk mulai mendesain, perlu diingat bahwa Anda perlu mendesain lebih dari sekedar beranda. Anda juga memerlukan desain untuk sub-halaman situs Anda. Kadang-kadang bisa mudah untuk merancang konsep halaman rumah, mengirisnya dan mulai coding

5. Kode

Setelah Anda memiliki desain yang mematikan, Anda harus mengubahnya menjadi situs web nyata yang nyata. Taruhan yang aman, apa pun sistem manajemen konten yang akan Anda gunakan, adalah memulai dengan HTML dan CSS umum

6. Luncurkan

Ketika Anda akhirnya menyempurnakan situs, saatnya untuk merilisnya ke publik. Peluncuran dapat berarti hal yang berbeda bagi orang yang berbeda, terutama karena ada berbagai sistem manajemen konten dan keadaan pengembangan di luar sana.

7. Pertahankan

Selama fase perencanaan Anda, Anda harus menentukan siapa yang akan bertanggung jawab atas pemeliharaan situs


Ya seperti yang dinyatakan oleh Pengguna, harap tempatkan referensi Anda yang Anda gunakan atau jawaban Anda mungkin diturunkan oleh komunitas.
DᴀʀᴛʜVᴀᴅᴇʀ

1

Ini bisa membantu. Ada beberapa prinsip desain web yang bagus

dasar-dasar web buku pegangan google

Buku pegangan ini adalah sumber daya komprehensif untuk pengembangan web multi-perangkat. Oleh karena itu dibagi menjadi 4 kategori:

Tata Letak Multi-Perangkat - Membuat tata letak yang fleksibel, tidak tetap, yang memberikan pengalaman hebat, apa pun perangkatnya

Gambar dan Video - Memasukkan gambar, audio atau video kemudian belajar bagaimana Anda dapat membuat gambar responsif, menambahkan video dan memberikan alternatif untuk platform lama. Audio saat ini sedang dikembangkan

Formulir dan Input Pengguna - Membuat formulir yang menggunakan jenis input semantik dan elemen yang merespons sentuhan dan gerakan lainnya.

Mengoptimalkan Kinerja - Pelajari bagaimana tentang model objek browser bagaimana ia membangun halaman dari HTML dan CSS Anda. Ada aturan halaman lain dan rekomendasi untuk mengoptimalkan pengiriman data

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.