Yeni bir web sitesi planlama ve geliştirme için genel süreç nedir?


10

Çoğunlukla yazılım geliştirmeye odaklanan bir ajansta çalışıyorum, ancak bazen bir mikrosit çözümlerimizden birine aksesuar oluyor ve onu geliştirmemiz gerekiyor.

Bu web sitelerini oluşturmak için süreci tanımlamaya çalışıyorum ama her görevin hangi sırada yaygın olarak yapıldığını bilmiyorum ve özel olarak herhangi bir kopya / statik içeriğin hangi noktada yazılması gerektiğini anlamaya çalışıyorum.

Statik içerik yazma, tasarım, tel çerçeveleme, anahtar kelimeler ve SEO tanımlama, kodlama gibi bazı görevleri düşünebilirim. ama hangi sırayla başa çıkacağından emin değilim.


Eskiz en iyi başlangıçtır.
SaturnsEye

Bir tasarımcının alacağı taslağı ister misiniz? Eğer öyleyse Scott'ın cevabı doğrudur. Veya müşterinin alması gerektiği gibi ana hatları mı istiyorsunuz? Eğer öyleyse söylenebilecek birkaç nokta daha var.
Ryan

Yanıtlar:


7

Benim için birçok alan bir dereceye kadar çakışabilir.

  • Eskiz, tel kafesler, notlar, tartışmalar, bütçe vb. Yoluyla ihtiyaçları tanımlayın (önce gelmelidir)

  • Tel çerçeve oluşturma - İçerik burada veya en azından ana hatlarıyla yazılmaya başlanabilir. İçeriğin boyutu hakkındaki kaba fikirler tel çerçevelemeye yardımcı olacaktır, bu nedenle gerçekten yazma ve tel çerçeveleme biraz birlikte gidebilir.

  • Tel kafes onayı

  • İçeriği sonlandırın - ilk tasarım hataları buradan başlatılabilir, ancak statik kopya tamamlanana kadar sonlandırılamaz.

  • İçerik onayı

  • Tasarım / Anahtar Kelimeler / kodlamayı sonlandırın - tasarımlar ortaya çıktıkça anahtar kelimeler anlaşılabilir. Çalışma alışkanlıklarına bağlı olarak tasarımın sonuçlandırılması için kodlama başlatılabilir.

  • Tasarım onayı

  • Kodlama / SEO'u bitirin - kodlama ve SEO el ele gidebilir. Bildiğiniz gibi, SEO ile aynı anda kod yazarak harici SEO stratejileri planlamaya başlayın.

  • Kod onayı

  • Devam eden SEO / bakım.


1
Örtüşmeler sürecin en iyi parçasıdır. Bir ekiple çalışıyorsanız, tel çerçeveler ve içerik aynı anda geliştirilebilir ve tel kafesler tamamlanır tamamlanmaz kodlama ve tasarım (ayrı olarak) başlatılabilir. İçerik elbette ince ayar yapılabilir, ancak SEO'ya daha erken, gelişen içerikle el ele başlayacağım.
Blazemonger

5

Proje iş akışlarım genellikle şu şekilde çalışır:

  1. Gereksinimleri toplamak için müşteri (ler) ile görüşün (neye ihtiyaç duyduklarını belirleyin)
  2. Hangi arka uç stratejilerinin kullanılacağını belirleyin (programlama dili, platform vb.)
  3. Sitenin veya uygulamanın nasıl çalışacağını ve temel öğelerin nereye gideceğini özetlemek için tel kafes oluşturun
  4. Tel çerçeveyi istemci ile inceleme
  5. Tasarım örnekleri - bunlar HTML / CSS modelleri olabilir veya Illustrator veya Photoshop'ta tasarlanmış görüntüler olabilir
  6. İstemciyle maketleri inceleyin
  7. Maketlerin müşteri geri bildirimlerine göre düzenlenmesi
  8. Çalışan ürün oluşturma

İdeal olarak, müşteriler bize mümkün olduğu kadar erken bir zamanda gerçek içeriği elde ederler, ancak gerçek şu ki, daha sonraki bir noktada gelebilir. Çok sayıda web tabanlı uygulama oluşturduğumu not edeceğim, bu yüzden gereksinimler aşamasında ve tasarımda temel özellikleri akılda tutarak belirliyoruz.


2

Blog'dan bazı bilgiler aldım

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

resim açıklamasını buraya girin

  1. öğrenmek

    Sizi şaşırtmamalı - ilk etapta inşa etmeniz gereken şeyleri keşfetme ve anlama - tüm
    web sitesi tasarım sürecinin en önemli kısmıdır .

  2. Yaratıcı Brief

    Bu bilgileri sizin ve müşterilerinizin en rahat olma biçiminde elde etmelisiniz - ancak ne yaparsanız yapın, yaratıcı özeti atlamayın, çünkü projenizin can damarı olur.

Yaratıcı özetinizde ne tür sorular sormalısınız? En azından şunu öğrenin:

  • Müşterinin hedef kitlesi
  • Web sitesi için birincil ve ikincil hedefleri
  • Güncel markalaşma özellikleri Bütçe
  • Karşılaşmaları gereken son tarihler

3. Plan

Ne yapmanız gerektiğini öğrendikten sonra, bunu nasıl gerçekleştireceğinizi planlamaya başlama zamanı. Bir web sitesi tasarlamaya başlamadan önce, ilk olarak neyi tasarlamak için tam olarak neyi ve nasıl olduğunu bilmeniz gerekir - ve hepsi bir tasarım stratejisi oluşturmakla başlar.

4. Tasarım

Tasarım yapmaya hazır olduğunuzda, bir ana sayfadan daha fazlasını tasarlamanız gerektiğini unutmayın. Sitenizin alt sayfaları için de bir tasarıma ihtiyacınız olacaktır. Bir ana sayfa konsepti tasarlamak, dilimlemek ve kodlamaya başlamak bazen kolay olabilir

5. Kod

Katil bir tasarıma sahip olduğunuzda, onu gerçek ve canlı bir web sitesine dönüştürmeniz gerekir. Hangi içerik yönetim sistemi ile çalışacak olursanız olun güvenli bir bahis, genel bir HTML ve CSS ile başlamaktır

6. Başlat

Sonunda siteyi mükemmelleştirdiğinizde, siteyi herkese sunma zamanı. Başlatma, farklı içerik yönetim sistemleri ve geliştirme koşulları olduğu için farklı insanlar için farklı anlamlara gelebilir.

7. Bakım

Planlama aşaması sırasında, site bakımından kimin sorumlu olacağını belirlemelisiniz


Evet, Kullanıcı tarafından belirtildiği gibi, lütfen kullandığınız referanslarınızı belirtin veya cevabınız topluluk tarafından reddedilebilir.
DᴀʀᴛʜVᴀᴅᴇʀ

1

Bu yardımcı olabilir. Bazı iyi web tasarım ilkeleri vardır

google el kitabı web temelleri

El kitabı, çok cihazlı web geliştirme için kapsamlı bir kaynaktır. Bu nedenle 4 kategoriye ayrılmıştır:

Çok Cihazlı Düzenler - Hangi cihazda olurlarsa olsunlar harika bir deneyim sağlayan esnek, sabit olmayan düzenler oluşturma

Görüntüler ve Video - Görüntüleri, sesleri veya videoları birleştirerek görüntüleri nasıl duyarlı hale getirebileceğinizi, video ekleyebileceğinizi ve eski platformlar için alternatifler sağlayabileceğinizi öğrenin. Ses şu anda geliştirilme aşamasında

Formlar ve Kullanıcı Girişi - Anlamsal giriş türlerini ve dokunmaya ve diğer hareketlere yanıt veren öğeleri kullanan formlar oluşturma.

Performansı Optimize Etme - Tarayıcı nesne modeli hakkında HTML ve CSS'nizden sayfayı nasıl oluşturduğunu öğrenin. Veri dağıtımını optimize etmek için başka sayfa kuralları ve öneriler de vardır

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.