SİZİN WEB SİTENİZ BİR TANEDİR!

Ebat: px

Şu sayfadan göstermeyi başlat:

Download "SİZİN WEB SİTENİZ BİR TANEDİR!"

Bercu Gür
8 yıl önce
İzleme sayısı:

1 1

2 SİZİN WEB SİTENİZ BİR TANEDİR! Tabi şu da bir gerçek ki, sizin siteniz 350 milyon ve hala artmakta olan siteden bir tanesidir. Sitenizin diğerlerinden ayrılması ve ayakta kalması için ne yapabilirsiniz? Sayfalarınızı ziyaret etmekte olan birisinde iyi etki bırakmak için, elinizde olan o ilk birkaç saniyeden nasıl faydalanabilirsiniz? 2

3 İnsanların sitenize girdikleri andaki ilk fikirleri görseller üzerine oluşur. Yazdıklarınızı okumaya başlamadan önce gözleri renklere, beyaz boşluklara ve kullandığınız resimlere takılır. Siteniz bir amatör tarafından oluşturulmuş gibi görünüyorsa, puan kaybedersiniz. Eğer okunması güç, darmadağın ya da gezinmesi zorsa, tüm ziyaretçilerinizi kaybedebilirsiniz. Şimdi, ziyaretçilerinizi sayfalarınıza ilk girdikleri anda yakalamak için oluşturulmuş beş yöntem ile tanışmak üzeresiniz. İnsanları davet eden ve okumaya devam etmelerini sağlayan manyetik bir çekim alanına sahip bir site kurmak üzere, bu kolay tasarım yöntemlerini öğrenmek için rehberimizi okumaya başlayın. 3

Siteniz bir amatör tarafından oluşturulmuş gibi görünüyorsa, puan kaybedersiniz.

4 1. Renk: Sitenizi 2+1 ile renklendirin Sitenize iyi bir görünüm kazandırmak için renkten daha etkilisi yoktur. Ama doğru kullanılmadığı zaman siteniz dağınık görünebilir. Siteniz için doğru renkleri seçmenin ve kullanmanın kuralı nedir? Ben İki Kuralı ile başlamayı seviyorum. İki renk seçin siyah metinler ve beyaz metin arka planı hariç ve sitenizin genelinde onları kullanın. Sürekli olarak bu iki rengi kullanırsanız, +1 olarak adlandırdığımız üçüncü renginiz çok daha efektif olacaktır. Seçeceğiniz iki ana renkten sonra bunlardan farklı bir vurgu rengi bulun. Bu renk daha parlak ve göze çarpıcı olmalı ve öne çıkmalı. Bu vurgu rengi insanların dikkatlerini yönlendirmek istediğiniz yerde kullanmak için mükemmeldir. Bir üyelik formu ya da reklamınız varsa, bu rengi orada kullanın. Vurgulamak istediğiniz bir başlık kullanacaksanız, onu bu renk ile yazın. 4

İki renk seçin siyah metinler ve beyaz metin arka planı hariç ve sitenizin genelinde onları kullanın.

5 2. Beyaz Boşluk: Dinlenme odası insanları çeker İlk kez gelen bir ziyaretçinizin hızlıca siteyi terk etmesini mi istiyorsunuz? Sitenizi bir uçtan bir uca yazılarla ve resimlerle doldurun. Bu her zaman işe yarar! Yeterli beyaz boşluklar ziyaretçilerinizi içeri çeker ve onların gözlerine rahatlama alanı sunarak sözcüklerinizi kavramalarını sağlar. Ayakkabılarını çıkartıp biraz oturmak isteyeceklerdir! Beyaz boşluğu şuralarda kullanmayı deneyin: 1. İçerik alanınızın etrafı. İçerik alanınızı kenardan kenara yazılarla doldurmayın: daha fazla alan daha kolay okunma demektir. 2. Satırların arası. Her tür metnin satırları arasında, font (yazı tipi) büyüklüğünüzden %20 ila %50 oranında daha fazla boşluklar bırakın. Örneğin, 16 piksellik bir font için 19 ila 24 piksellik bir satır boşluğu kullanılabilir. 3. Başlık veya eylem çağrısı gibi önemli metinlerin etrafı. Metinlerin etrafındaki beyaz boşluk şunu söyler Bana bak: Ben önemliyim! (Tasarım ve etkili eylem çağrısı ile ilgili daha fazla bilgi için sayfa 8 e bakın.) Beyaz boşluk metni daha okunabilir kılar; doğru font yani yazı tipi seçimi de öyle. Webde doğru font kullanımı ile ilgili daha fazla bilgi için okumaya devam edin. 5

Ayakkabılarını çıkartıp biraz oturmak isteyeceklerdir! Beyaz boşluğu şuralarda kullanmayı deneyin: 1. İçerik alanınızın etrafı.

6 3. Yazı Biçimleri (Tipografya): Kişilik ve okunabilirlik ekleyin Özgün yazı tipleri sitenizi daha çekici yapmak için harika bir yoldur. Fakat onları seçmek ve kombine etmek kolay değildir! Siteniz için (header ve logo hariç) ikiden fazla yazı tipi seçmeyin. Ve bu yazı tiplerini sitenizde kullanmak üzere aşağıdaki rehberi kullanın: 1. İzleyici kitlenizi düşünün. Tipik okuyucularınızın yaş grubunu dikkate alın. Yazı tipinizin mobil cihazlarda da iyi göründüğünden emin olun. 2. Uygunluk ve kontrastı (zıtlık) hedef alın. Yazı tiplerinizi birbirine benzer harfli fontlardan seçerek kombine edin: özellikle a, g ve e harflerinin küçük harfli görünüşlerini kontrol edin. Siteniz Türkçe olacaksa elbette seçtiğiniz fontun Türkçe karakterleri gösterip göstermediğine de bakın. Başlıklarınızı daha kalın ve koyu, içerik metninizi de daha küçük ve açık olarak ayarlayın. 3. En iyisini seçin. Typekit.com ve Google Font API (ücretsiz) gibi font servisleri size benzersiz bir tarz için özelleştirilmiş yazı tipleri sunmaktadır. Doya doya seçim yapabilirsiniz. Harika bir font buldunuz, ama biraz zor mu okunuyor? Hemen geçin. Yazı tipiniz okurlarınızla iletişiminizin yüzüdür ve eğer yeterince açık değilse, başka bir tane bakmalısınız. 6

Tipik okuyucularınızın yaş grubunu dikkate alın. Yazı tipinizin mobil cihazlarda da iyi göründüğünden emin olun. 2. Uygunluk ve kontrastı (zıtlık) hedef alın.

7 4. Görseller: Davetkar, kışkırtıcı ve gülümseyen görselleriniz olsun Doğru seçtiğiniz ve dikkatlice konumlandırdığınız zaman görselleriniz, okurunuzun sitenizin içeriğine hemen dalmayı istemesine yardım edecektir. Görselleri kelimelerinize anlam katmak, merak duygusunu dürtmek ve bir parça mizah katmak için kullanın. Shutterstock.com, istock.com ve bigstockphoto.com gibi sitelerden kaliteli ve harika resimler bulabilirsiniz. Eğer ücretsiz görseller bulmak isterseniz Flickr ın Creative Commons arşivini de tarayabilirsiniz: Sadece Advanced Search (Gelişmiş Arama) bağlantısına tıklayın, sonra sayfanın altından Creative Commons u seçin. 7

Shutterstock.com, istock.com ve bigstockphoto.com gibi sitelerden kaliteli ve harika resimler bulabilirsiniz.

8 5. Eylem Çağrısı: Bağlantılar kurabilmek için tasarımı kullanın Etkili web siteleri bir planla başlar. Bu plan okurlarınızın sitenizdeki her bir sayfayı ziyaret ettikten sonra ne yapmasını istediğinizle ilişkilidir. Burada devreye eylem çağrınız girmektedir. Eylem çağrınız bir üyelik formu ya da ziyaretçinizin sizinle iletişim kurmasını istediğiniz bir metin de olabilir bir paylaşım yapmaları ya da ürün satın almaları isteğiniz de olabilir. Bir eylem çağrısının cevapsız kalmasını imkânsızlaştırmak ya da zorlaştırmak için, aşağıda belirtilen tüm tasarım geliştirmelerini kullanın. 1. Vurgu renginizi kullanın ve etrafını beyaz boşlukla çevreleyin. Her iki teknik de eylem çağrınıza dikkat çekecektir. 2. Başlık fontunuzu kullanın. Eylem çağrınızın kalın bir başlık ile görünmesini sağlayın. 3. Dikkat çekici bir görsel ekleyin. Ücretsiz ya da indirimli vereceğiniz ürünü gösterin, veya güzel bir ürün fotoğrafı ekleyin.. ya da sizi aramalarını istiyorsanız örneğin bir telefon resmi kullanın. 8

Eylem çağrınız bir üyelik formu ya da ziyaretçinizin sizinle iletişim kurmasını istediğiniz bir metin de olabilir bir paylaşım yapmaları ya da ürün satın almaları isteğiniz de olabilir.

9 Öğrenmeye Devam Edin Web sitesi kurmak, Sitenizin trafiğini yükseltmek, Sitenizi, ürününüzü ya da kendi adınızı markalaştırmak ve bu markayı bilinen ve sevilen bir marka haline getirmek ile ilgili en modern yaklaşımları ve güncel bilgilerle ipuçlarını öğrenmek için Yahya Karaoğulları ile İste ve Yap! ekibini takip edin. Tıklayın: diğer özgürlük maceracıları arasına katılmak için İste ve Yap! ı yakın takibe almak için en yeni videoları kanalımızdan izlemek için 9

güncel bilgilerle ipuçlarını öğrenmek için Yahya Karaoğulları ile İste ve Yap! ekibini takip edin.

Benzer belgeler

TASARIMIN TEMEL İLKELERİ

TASARIMIN TEMEL İLKELERİ Web Tasarımı ve Programlama İçerik Hedef Kitle Beklentileri Tasarım Renk Dengesi İşlevsellik Okunabilirlik Kullanılabilirlik Hizalama Uyumluluk Ses ve Görüntü Dosyaları 2 İçerik