Web Tasarımında Storyboarding Nedir?

...

Bir storyboard, organize bir web sitesi düzenlemeye yardımcı olabilir.

Bir web sitesinin yaratıcıları tasarım sürecindeyken, storyboard oluşturma genellikle ilk aşamaların bir parçasıdır. Film şeridi, resmi tasarım veya kopya yazma aşamasına gelmeden önce web sitesinin nasıl görüneceğine, hissedeceğine ve davranacağına dair bir fikir edinmenin bir yoludur. Hem yaratıcı hem de teknik profesyoneller, tasarım ve geliştirme sürecini kolaylaştıran storyboard'ları kullanır.

Biçim

Bir web sitesi storyboard'u genellikle bir sayfada, sitenin her sayfası için bir tane olmak üzere bir dizi boş dikdörtgenle başlar. Şirkete ve tasarımcılara bağlı olarak, notlar veya sorular için boş tahtaların yanında boşluk görünebilir. Bir bilgi tasarımcısı, grafik tasarımcısı veya web tasarımcısı, nasıl görüneceğini ve hissedileceğini göstermek için her sayfanın temel bir taslağıyla storyboard'u doldurur; sayfadaki kutular kadar basit veya tam bir eskiz kadar karmaşık olabilir. Storyboard'lar, bir tasarım ekibinin ve/veya müşterilerin, sayfanın şu anda ne yapacağı konusunda aynı anlayışa ulaşmasına ve temel tasarımda ilk değişiklikleri yapmasına yardımcı olur.

Günün Videosu

Tel kafes diyagramı

Film şeridinin en önemli rollerinden biri, her sayfanın nasıl görüneceğine dair temel bir tel kafes diyagramı sağlamaktır. Diyagram, sayfadaki her öğenin ne kadar alana sahip olması gerektiğine dair bir fikir vermeye yetecek kadar bilgi sağlamalıdır. Temel bir diyagramdaki öğeler arasında gezinme çubuğu, ana bağlantılar, görüntü alanı ve web sitesi kopyası için alan bulunur. Tel kafes diyagramı, bir sayfanın bilgi hiyerarşisini değerlendirmenin yararlı bir parçasıdır; görsel bir düzen ile, ana öğelerin izleyicilerin dikkatini çekmek için yeterli alana sahip olup olmayacağını görmek daha kolaydır.

Web Sitesi Davranışı

Bir web sitesinin düzeni, genellikle kullanıcıların web sitesiyle etkileşim kurma yollarını ve sitenin çeşitli bölümlerine nasıl ulaşacaklarını yönlendirir. Bir storyboard, her sayfada farklı düğmeler ve bağlantılar düzenleyerek web sitesindeki hareketin yönünü gösterebilir. Bir web sitesini bir storyboard aracılığıyla önizlerken, uzmanlar, bağlantı olmadan görünen bağlantılar gibi şeyler ararlar. kullanıcının aşağı kaydırması, gezinme düğmelerini temizlemesi ve sınırlı sayıda seçeneğin olması gerekir, böylece kullanıcılar ezilmiş. Film şeridi, web sitesinin genel organizasyonu ve yapısı hakkında bir fikir vermeli ve tüm sayfaların birlikte nasıl çalıştığını göstermelidir.

Bilgi

Güçlü bir web sitesi, yalnızca kullanıcının bir kerede işleyebileceği kadar bilgi verir. Film şeridi, kopyayı ve görüntüleri, okuyucuyu parça parça içine çekecek şekilde bölümlere ayırmaya yardımcı olur. Tasarımcılar, her sayfayı düzenleyerek ne kadar bilginin görünmesi gerektiğine dair bir fikir edinebilirler. Çoğu storyboard, sitede olacak gerçek metin ve görüntüleri içermez, ancak düzeni, çizgi genişliğini ve gömülü bağlantıları gösteren genel bir taslak sunar.