Site tasarımı örnekleri

İçindekiler:

Site tasarımı örnekleri
Site tasarımı örnekleri
Anonim

İnternette halihazırda kaç sitenin bulunduğunu belirlemek mümkün olmadığı için sayılara ve hesaplamalara girmeyelim. Her gün binlerce, hatta yüz binlerce site başarısız oluyor ve yerlerine yenileri geliyor. Başarısızlıkların nedeni nedir? İnsanlar neden siteye gidip hemen terk ediyor? Cevap basit ve gözlerinizin önünde - bu sitenin tasarımı.

Çekici etki

Kabul ediyorum, herkesin her gün ziyaret edilen belirli siteleri vardır. Eminim yer imlerine eklenenlerin çoğu film, kitap, haber, oyun vb. içeren favori sitelerdir. Neden bir site bulduktan sonra benzer bir başka site bulmaya çalışmıyoruz ki bu daha da iyi olabilir? Cevap basit! İşaretlediğimiz sitelerin kullanımı uygundur - bu tür siteler genellikle uygun bir öğe, kategori düzenine ve gözü rahatsız etmeyen hoş bir tasarıma sahiptir. Bu, uygun şekilde tasarlanmış bir siteyi bir kez ziyaret eden - onu terk eden "cazibe etkisidir"artık istemiyorum.

İki site ticaret platformu örneğine bakalım:

Örnek siteler
Örnek siteler

Şüphesiz ve tartışmasız 1 numaralı site bir an önce kapatılmak, 2 numaralı site ise tam tersine oyalanmak istiyor. Bu neden oluyor? İlk sitede rastgele konumlandırılmış bir ürüne ek olarak ikinci site hakkında söylenemeyecek bir renk doygunluğu da var. Öyle güzel bir atasözü var ki: “Giysileriyle tanışıyorlar ama akıllarıyla uğurluyorlar”, siteler için de geçerli, sadece giysi yerine tasarım, akıl yerine gezinme yapısı var. Siteye giren ziyaretçi, gördüğü ilk şey renk şemasıdır ve ancak o zaman dahili gezinmeye ve site yapısına dikkat eder.

Renk algısı

Renk seçerken ana kural aşırıya kaçmamaktır. Bazen doğru seçilmiş iki veya üç renk bile fazlasıyla yeterlidir, bunun canlı bir örneği fb.ru sitesidir. Birçok web tasarımcısı, html sitelerini tasarlamak için "güvenli" renklerden oluşan bir tablo kullanır.

Güvenli renkler tablosu
Güvenli renkler tablosu

Safe Burada görüntülenen tüm renklerin kesinlikle tüm kullanıcılar tarafından aynı şekilde iletileceğinden dolayı denir. Sitede tasarım oluşturulurken bu renklerin standart olduğu söylenebilir.

Renk Uyumluluğu

Her rengin kendi "dost" rengi vardır - bu, en iyi giden renktir. Tekerleği yeniden icat etmeye ve seçimle deney yapmaya gerek yok, her şey uzun zamandır icat edildi ve kamu malı. Renkleri seçmek için renk çarkları kullanılır. Itten. Aşağıdaki resim, eşleşen 2 rengi eşleştirmek için bir renk tekerleğini göstermektedir.

Tamamlayıcı renk kombinasyonu
Tamamlayıcı renk kombinasyonu

T. yani daire içindeki zıt renk en uyumlu olarak kabul edilir. 3 eşleşen renk seçmeniz gerekiyorsa, renk tekerleği de kullanılır, yalnızca renk düzenleme çizgisi zaten değiştirilecektir.

Triad - 3 renk kombinasyonu
Triad - 3 renk kombinasyonu

Ve buna benzer birçok daire var, daha uyumlu renkler seçebilirsiniz. Örneğin, dört.

Tetrad - dört rengin birleşimi
Tetrad - dört rengin birleşimi

Bu şekilde Itten'in daireleri üzerinden renk seçimi yapılarak maksimum renk kombinasyonu sağlanacak ve sitenin görsel olarak hoş bir tasarımı elde edilecektir. Daha fazla renk çemberi çevrimiçi olarak bulunabilir. Ana konudan biraz sapalım çünkü bu Itten renk çarklarının moda dünyasından profesyonel tasarımcılar tarafından bile kullanıldığını, yani tasarımcı kıyafetleri oluştururken bu renk eşleştirme yönteminin kullanıldığını bildirmek istiyorum.

Dahili site yapısı

Renk algısı ile aşağı yukarı her şey netleştiyse, o zaman sitenin iç yapısı veya başka bir deyişle "kullanılabilirlik" olarak önemli bir gösterge daha kalır. Uygulamanın gösterdiği gibi, sitede sadece doğru renkleri seçmek yeterli değildir - sitenin güzel tasarımında fazla ileri gitmeyeceksiniz. Sitenin doğru yapısı bir evin çerçevesi gibidir, eğer doğru planlanmazsa etrafında gezinmek elverişsiz olacaktır.

Tüm gezinme öğelerinin önceden düşünülmesi ve daha da iyisi yazılması gerekir. YapıSite, her şeyden önce, ziyaretçiler için anlaşılır ve kullanışlı olmalıdır. Bir çok site ziyaretçilerini kaybeder, çünkü ikincisi siteye girerken nerede ve neyin bulunduğunu anlamaz. Bir yığın düğmeyle uğraşmanıza ve bir sürü işlevsellik asmanıza gerek yok. Her zaman ziyaretçinin gözünden bakmanız gerekir, kullanıcının herhangi bir işleve ihtiyacı yoksa, onu kaldırmak daha iyidir. Yine, web sitesi tasarımının parlak ve doğru bir örneği, tüm bölümlerin ziyaretçi için anlaşılır ve kullanışlı bir şekilde yer aldığı Fb.ru web sitesidir.

En büyük hata

Ortalama bir analize göre 15-30 saniye içerisinde sitede gerekli bölümü veya bilgiyi bulamayan bir kullanıcı, bu bölümün veya bilginin sitede olmadığına inanarak kaynaktan ayrılır. Çoğu durumda sonsuza kadar. Korkunç bir navigasyona sahip bir sitenin en iyi örneği:

Kötü site navigasyonu
Kötü site navigasyonu

Böyle bir kaynak hakkında gerekli bilgiyi aramadan değil de sadece ana sayfaya giderek bulmak mümkün mü sizce? bence hayır. Yine, renk doygunluğu ve anlaşılmaz navigasyonun bolluğu, herhangi bir ziyaretçiyi şaşkına çevirecek ve şaşkına çevirecektir. Bu tür hatalardan kaçınmak için tüm bölümleri gruplamak ve her ziyaretçinin anlayabileceği şekilde ayrı bir gezinme menüsüne koymak gerekir.

Kayıt formu

Sitede yer alan bir diğer önemli ve korkutucu unsur ise kayıt formudur. Bazıları kayıt penceresinde neredeyse büyük-büyük-büyükannenin verilerini toplamaya çalışır.

Yanlış kayıt formu
Yanlış kayıt formu

Bu tür kayıt formlarıdaha önce, internet sadece evlerde görünmeye başladığında modaydı. Bugün, İnternet kullanıcısı ihtiyaç duyduğu bilgiyi en kısa sürede bulmak istiyor ve sitenin mükemmel tasarımına rağmen uzun kayıt formları %99 olasılıkla geri çevrilecek. Günümüz standartlarına göre ideal kayıt formu aşağıda gösterilmiştir.

Doğru kayıt formu
Doğru kayıt formu

Bu bilgi yeterli olmasa bile kayıt işleminden sonra kimse ziyaretçiden talep etme zahmetine girmez. Bu yaklaşım, daha çok bir iş başvuru formuna benzeyen kayıt formundan daha sadık ve arkadaşça kabul edilir.

Web sitesi şablonları

Ücretsiz site tasarımı sağlayan modern CMS sistemlerinde artık birçok site oluşturuluyor. Ancak ücretsiz tasarım (şablonlar) herhangi bir görsel tasarım taşımamaktadır, bu nedenle site sahibi herhangi bir şekilde değiştirmeye çalışmaz ise böyle bir site aramada kaybolur.

Ayrıca, bunlara dayalı olarak kendi web sitenizi dağıtmayı teklif eden tüm İnternet portallarından bahsetmeye değer. Bu durumda hem artıları hem de eksileri vardır:

  • İlk ve belki de tek artı basitliktir. Site çerçevesi, bir kural olarak, deneyimli tasarımcılar tarafından bu tür kaynaklar üzerinde modellenmiştir, sitenin tasarımı belirli gereksinimler ve kurallar altına alınmıştır. Sadece tematik malzeme ile doldurmak ve ilk ziyaretçileri beklemek kalır. Bu nedenle, bu tür hizmetlerin sadeliği ve rahatlığı yeni başlayanları cezbetmektedir. Ancak site ciddi bir gelişme ve rekabet için kurulmuşsaarama motorlarında ilk 1, o zaman böyle bir hizmeti reddetmek daha iyidir.
  • Eksilerden - çoğu durumda sağlanan şablonlar düzenlenemez veya değiştirilemez, her zaman sağlanan şablonu kullanmanız gerekir. Monotonluk, en başta bahsettiğimiz ana dezavantajdır, çünkü her site bireysel olmalı ve görünüşte diğerlerinden farklı olmalıdır. Bu tür her hizmetin kendine ait olduğu için, tarif edilmesi imkansız olacak birçok kısıtlama.

Son bölüm

Bu materyalde açıklanan her şey bir "ana talimat" gibi davranmaz, her zaman ve hatta her şeyi kendi yönteminizle yapmanız gerekebilir - bu sadece en yaygın kurallar ve hatalar kümesidir. Ancak burada renk algısı ve sitenin iç yapısı şeklinde açıklanan en önemli noktalar site tasarımı için standarttır. Yanlış seçilen renkler, siteye yeni giren herhangi bir ziyaretçiyi korkutacak ve okuma yazma bilmeyen kategorilerin ve site öğelerinin tasarımı, gezinmesine ve gerekli bilgileri bulmasına izin vermeyecektir. Bu noktalara azami dikkat gösterilmeli ve yukarıda belirtildiği gibi, herhangi bir siteye bir geliştirici gözüyle değil, her zaman bir ziyaretçi gözüyle bakmalısınız.

Önerilen: