Çoğu Yeni Web Sitesi Sahibinin Atladığı Tek Adım (Ve Neden Onlara Maliyetli Oluyor)

Özet

Çoğu yeni web sitesi sahibi doğrudan renk seçmeye ve metin yazmaya atlar, ancak planlama aşamasını atlamak kafa karıştırıcı bir navigasyon, dağınık içerik ve daha sonra maliyetli yeniden tasarımlara yol açar. Bu makale, bu hatayı yapan ve tüm sitesini yeniden yapmak zorunda kalan birinin hikayesini takip ediyor. Sitenizin amacını tanımlamak, net bir site haritası çıkarmak ve kablolar (wireframe) oluşturmak için dört adımlı pratik bir süreç öğreneceksiniz - tüm bunları bir site oluşturucuya dokunmadan yapacaksınız. Karşıt bir görüş: Planlamaya daha fazla zaman harcamak aslında genel inşayı hızlandırır çünkü sürekli geri dönüş yapmaktan kaçınırsınız. Sonunda, gerçek geliştirmeyi bir labirent değil, düz bir çizgi gibi hissettirecek bir planınız olacak. Ayrıca, Pagenza gibi araçların düz metin planınızı dakikalar içinde canlı bir siteye nasıl dönüştürebileceğini görün.

Plansız İnşa Etmenin Felaketi

Üç hafta sonu bir siteyi bir araya getirdiniz, renk paletleriyle uğraştınız, ana sayfa metinleri yazdınız, ürün fotoğrafları yüklediniz. Kendinizi üretken hissettiniz. Sonra bir arkadaşınıza gösterdiniz. "Hizmetleriniz için hangi sayfaya tıklamalıyım?" diye sordu. Menüdeki ikinci bağlantıyı işaret ettiniz - kulağa hoş geldiği için "Çözümler" olarak etiketlenmişti. "Peki ya hikayeniz nerede?" diye sordu. Onu bir açılır menünün altına gömdüğünüzü fark ettiniz. Site yayındaydı, ama kimse bir şey bulamıyordu. Trafik geldi ve hemen çıktı. Sonunda sitenin tamamını kaldırıp baştan başladınız.

Bu senaryo acı verecek kadar yaygındır. Eksik olan daha iyi bir tasarım veya daha keskin metin değildi - bilgi mimarisiydi. IA, bir siteyi sezgisel yapan görünmez iskelettir. Bunu atladığınızda, her ziyaretçi tabelasız bir binada kaybolmuş gibi hisseder. Çözüm aldatıcı derecede basit: önce planlayın, sonra inşa edin.

Adım 1: Sitenizin Temel Amacını ve Hedef Kitlesini Tanımlayın

Herhangi bir oluşturucuyu açmadan önce, iki soruyu düz metin olarak cevaplayın: "Bu sitenin tam olarak neyi başarması gerekiyor?" ve "En önemli ziyaretçim kim?" "Herkes" değil - tek birincil kişilik. Bir serbest çalışan tasarımcı için hedef, "markalaşma projeleri için talepler almak" olabilir ve kişilik "erken aşama girişimlerin kurucuları" olabilir. Bunları yazın. Her karar için bir filtre haline gelirler.

Örnek: Bir yoga eğitmeni, yerel öğrencileri derslerine çekecek bir site istedi. Ama aynı zamanda çevrimiçi videolar da satmak istedi. Bu iki hedef, ana sayfada önceliklendirilmediği sürece çatışır. Birincil eylem olarak "yüz yüze derslere kaydolma"yı seçerek, ana sayfanın önce programını göstermesine, çevrimiçi mağazanın ise bir seviye daha derinde olmasına karar verdi. Bu netlik, kafa karıştırıcı bir karmaşayı önledi.

Uyarı: Bu adımı fazla düşünmeyin. Hedef ve kişilik başına tek bir cümle yeterlidir. Tuzak, yineleme yapabilecekken günlerce rafine etmektir.

Adım 2: Basit Bir Site Haritası Çıkarın

Şimdi sitenizin ihtiyaç duyduğu her sayfayı önceliğe göre gruplandırarak listeleyin. Ana sayfa en üstte. Ardından ana bölümler (ör. Hakkında, Hizmetler, Blog, İletişim). Her birinin altında alt sayfaları listeleyin (ör. Hizmetler → Web Tasarımı, Markalaşma, Fiyatlandırma). Bir beyaz tahta veya bir kağıt kullanın. Bu sizin site haritanız.

Neden önemli: Bir site haritası, kodlamadan önce boşlukları ve çakışmaları ortaya çıkarır. Yoga eğitmeni örneğinde, ilk listesinde hem "Dersler" hem de "Program" ayrı sayfalar olarak vardı. Site haritasında gereksiz olduklarını gördü ve birleştirdi. Bu, bir sayfalık tasarım ve metin çalışmasını kurtardı.

Karşıt ipucu: Her sayfanın ana sayfadan bir tık uzakta olduğu "düz" bir site yapma dürtüsüne direnin. Bu kullanıcı dostu görünse de, genellikle birincil eylemi sonsuz bağlantılar altında gömer. Sığ bir hiyerarşi (en fazla üç seviye) sayfaları taranabilir tutar.

Adım 3: Önemli Sayfaları Kağıt Üzerinde Kablolarını Çizin

Site haritanızı alın ve en önemli sayfalarınızın düzenini çizin - ana sayfa, ana bölüm açılış sayfası ve bir içerik sayfası. Görseller için kutular, metin için çizgiler ve düğmeler için X'ler kullanın. Bu güzellikle ilgili değil; akışla ilgili. Göz nereye gidiyor? Harekete geçirici mesaj belirgin mi?

Örnek: Bir danışmanın ana sayfa kablosu, kahraman görselini sola, metni sağa yerleştirdi. İki meslektaşla test ettikten sonra, herkes önce görsele tıkladı. Ortalanmış bir kahraman ve başlık üstte olacak şekilde değiştirdi - dönüşüm arttı.

Uyarı: 20 sayfanın tamamını kablolamayın. Şablonlara odaklanın. Bir ana sayfa, iç sayfa ve iletişim düzeniniz olduğunda, bunları yeniden kullanabilirsiniz.

Adım 4: Geliştirmeden Önce Doğrulayın

Site haritanızı ve kablolarınızı hedef kitlenize uyan üç kişiyle paylaşın. Sorun: "Bu sayfaya gelseydiniz, ilk olarak nereye tıklardınız?" Cevapları, navigasyon kör noktalarını ortaya çıkaracaktır. Bunları şimdi düzeltin, yayından sonra değil.

Getirisi: Sonunda web sitesi oluşturucunuzu açtığınızda, beyin fırtınası yapmıyorsunuz - uyguluyorsunuz. Her tasarım kararının zaten bir nedeni var. İkinci kez düşünmediğiniz için inşa daha hızlı olur.

Plana Canlı Siteye Dakikalar İçinde

Bilgi mimariniz elinizdeyken, gerçek inşa hızlıca gerçekleşebilir. Modern kod gerektirmeyen araçlar, düz metni eksiksiz bir sayfaya dönüştürmenize olanak tanır. Ana sayfa düzeninizi, metni, görselleri tanımlarsınız ve araç bunu oluşturur - sürükle-bırak uğraşması yok. Planlamanın gerçekten karşılığını aldığınız yer burasıdır: tam olarak neye ihtiyacınız olduğunu zaten biliyorsunuz, bu nedenle oluşturma saatler yerine dakikalar sürer.

Karşıt Gerçek: Yavaşlamak Sizi Hızlandırır

Çoğu tavsiye size "hemen başlayın" ve yineleyin der. Ancak bir web sitesi için bu tavsiye ters teper çünkü her değişiklik yapıda dalgalanma yaratır. Planlamaya bir gün harcamak, bir haftalık yeniden çalışmayı kurtarabilir. Tek istisna, kısa vadeli bir kampanya için tek bir açılış sayfası oluşturuyorsanız - o zaman hıza odaklanın. Ancak markanızı uzun vadede temsil eden herhangi bir site için önce planlayın.

Sonuç: Sitenizin Başarısı Yapısına Bağlıdır

Bilgi mimarisi gösterişli değildir, ancak dönüştüren bir site ile kafa karıştıran bir site arasındaki farktır. Amaç ve kişilikle başlayın, sayfalarınızı haritalayın, düzenleri çizin ve erken doğrulayın. Ardından güvenle inşa edin. Önceden yatırdığınız zaman, daha sonra hızınızı katlar. Ve sağlam bir planı metni canlı sayfaya dönüştüren bir araçla birleştirdiğinizde, hafta sonları değil saatler içinde profesyonel bir siteye sahip olursunuz.