Upload
volkan-inanc
View
2.555
Download
2
Embed Size (px)
DESCRIPTION
Kurumsal imaja uygun web sitesi tasarımı nasıl olmalı
Citation preview
Kurumsal İmajınıza Uygun Web Sitesi Tasarımı
Volkan İnançMoreClick Ajans Başkanıwww.volkaninanc.comwww.moreclick.com
Neden web sitemiz olmalı?
Bölüm 1 : Neden web sitemiz olmalı?
Müşterileriniz en azından adres ve telefon bilgisini öğrenmek için bile interneti kullanıyor. Google'da gerçekleşen aramaların bir çoğu marka ve şirket ismi ile yapılıyor.
Halen Türkiye'de yaklaşık 30 milyon internet kullanıcısı var. Bu kitle sadece gençlerden oluşmuyor. Facebookta kayıtlı Türk kullanıcı sayısı İstanbulun nüfusundan fazla...
Tüketici web sitesi olmayan firmalar hakkında ciddi bir güven eksikliği hissediyordu. Artık, web siteleri olsa dahi arama motorlarında üstlerde yer almayan firmalara aynı gözle bakıyor. Yani güvenmiyor.
İşte bu yüzden mutlaka bir işletmenin web sitesi olmalı. Bu web sitesi de müşteri ihtiyaçlarına göre yapılandırılmalı.
Tasarıma Başlaman Önce Unutmayın !
1. Müşterileriniz gibi düşünün
2. Sade ve anlaşılır olun
Bölüm 2.1. : Tasarıma başlamadan önce unutmayın
Müşteriniz gibi düşünün.Unutmayın ki,
Kullanıclar tasarımcı değildir.
Tasarımcınız kullanıcı değildir.
Siz de kullanıcı değilsiniz.
Bölüm 2.1. : Tasarıma başlamadan önce unutmayın
Müşteriniz gibi düşünün.
Tasarımda esas olan sizin, genel müdürnüzün veya tasarımcınızın neyi beğendiği değil, kullanıcılarınızın (ki bunların sadece bir kısmı müşterinizdir) ne düşündüğüdür.
Web sitenizi oluştururken mutlaka
evrensel kullanıcı alışkanlıklarını
dikkate alın
Bölüm 2.2. : Tasarıma başlamadan
önce unutmayın
Sade, Anlaşılır ve
Hedefe Yönelik Olun
Dünyanın en başarılı siteleri,
en sade ve işlevsel olanlarıdır.
“Az Çoktur.”
Kullanıcılar sitenizde gezinirken şu sorulara cevap bulmalı ?
1. Kiminle iş yapıyorum?
2. Şu an sitenin neresindeyim?
3. Şu an neyi inceliyorum?
4. Nasıl irtibat kuracağım?
Bölüm 3.1. : Kullanıcılar sitenizde gezinirken şu sorulara cevap bulmalı ?
Kiminle iş yapıyorum ?Hangi firmanın web sitesindeyim?, Logo yerleşimi nasıl?, Hakkımızda Hangi firmanın web sitesindeyim?, Logo yerleşimi nasıl?, Hakkımızda
kısmı var mı? Doyrucu mu?kısmı var mı? Doyrucu mu?
Bölüm 3.2. : Kullanıcılar sitenizde gezinirken şu sorulara cevap bulmalı ?
Neredeyim ?Site hiyararşisi içerisinde neredeyim?
Bölüm 3.3. : Kullanıcılar sitenizde gezinirken şu sorulara cevap bulmalı ?
Neyi İnceliyorum ?Hangi ürünü / hizmeti inceliyorum?
Sayfa başlıkları açıklayıcı mı? (Title ve İçerik Başlığı)
Bölüm 3.3. : Kullanıcılar sitenizde gezinirken şu sorulara cevap bulmalı ?
Neyi İnceliyorum ?Hangi ürünü / hizmeti inceliyorum?
Sayfa başlıkları açıklayıcı mı? (Title ve İçerik Başlığı)
Bölüm 3.4. : Kullanıcılar sitenizde gezinirken şu sorulara cevap bulmalı ?
Nasıl İrtibat Kuracağım ?İletişim kısmı ana menüde var mı?
Sayfa içeriklerinde kolay ulaşım var mı?
İletişim kısmının içeriği yeterli mi?
Online Kullanıcıların Davranış Biçimleri
Bölüm 4. : Online Kullanıcıların Davranış Biçimleri
7 ± 2 PrensibiBilgi prosesi sırasında insan beyni bilgiyi yığınlar ve tomarlar halinde
parçalara bölerek almaya çalışır. İnsanın “yakın zaman hafızası” aynı anda 5 ila 9 olguyu aynı anda hatırlamasına olanak verir. Dolayısıyla 7 ± 2 prensibiyle navigasyon menülerindeki opsiyonların ortalama 7 adet olarak belirlenmesi en doğru yaklaşım olacaktır.
2 saniye kuralıKullanıcıların birçoğu ilk defa uğradıkları bir web sitesine girdiklerinde kalma
veya gitme kararını ortalama ilk 2 saniyede veriyor.
3 tık kuralıBir çok kullanıcı sitede aradığı bilgiye ortalama 3 tıklama sonunda
ulaşamazsa siteyi kullanmaktan vazgeçiyor.
Bölüm 4. : Online Kullanıcıların Davranış Biçimleri
F Tipi TaramaKullanıcıların çoğunluğu web sitelerini
soldan sağa ve aşağıdan yukarıya doğru tararlar. Göz tarama testleri, bu arama yapılırken bir F harfini andıran sıcaklık haritalarının oluştuğunu ortaya koymuştur.
Web sitenizi yaptırırken hangi noktalara dikkat etmelisiniz ?
Bölüm 5.1. : Web sitenizi yaptırırken hangi noktalara dikkat etmelisiniz ?
Amaçlar
Web sitenizi yaptırmadan önce kendinize şu soruları sorun :
Bu web sitesini niçin yaptırıyorum?
Ziyaretçilerim kimler? Yaş gurubu, eğitim durumu, Sosyo-ekonomik durumu?
Bu siteyi ziyaret edenlerin nasıl bir aksiyon almalarını istiyorum?
Bölüm 5.2. : Web sitenizi yaptırırken hangi noktalara dikkat etmelisiniz ?
Planlama
Site kullanıcıları hedefe götürmeli.
İyi bir site haritası çıkartın. Mantıklı bir site hiyerarşisi kurun.
Tekrar eden bilgilerden kaçının.
İyi bir site haritası çıkarılmayan projenin başarıya ulaşması zordur.
Bölüm 5.2. : Web sitenizi yaptırırken hangi noktalara dikkat etmelisiniz ?
Ana Sayfa
Kurumsal
Firma Profili
Kalite Politikamız
Belgelerimiz
Departmanlar
Üretim
Dökümhane
Press
Montaj
Ürünlerimiz
Ürün katagorileri
Detaylı arama
Ürün kod ile arama
Rulet ve teker kılavuzu
İnsan Kaynakları
İK Politiamız
İş Başvuru Formu
Bölüm 5.3. : Web sitenizi yaptırırken hangi noktalara dikkat etmelisiniz ?
Site İçeriğiAçık sade ve anlaşılır bir dil seçin. İmla kurallarına dikkat edin. Mümkünse bir
editörle çalışın. İmla hataları ile dolu bir web sitesi güven vermez.
Site içeriğini mutlaka güncel tutun ve belirli aralıklarla bilgi girişi yapın. Eğer güncelleme yapmayacaksanız haberler bölümü olmasın.
İnternet kullanıcıları okuma konusunda tembelidir. Yazılarınızı, basın bülteni hazırlıyormuşcasına, elden geldiğince kısa ve anlaşılır hazırlayın. Etkileyici bir başlık, başlık altında 3-4 satırlık bir paragraf, onun altında da açıklayıcı içerik olmalı.
İçerik kesinlikle orijinal olsun. Orijinal olmayan içerik arama motorları tarafından cezalandırılır. İçeriği kendi cümlelerinizle yeniden yazmayı deneyin.
Bölüm 5.3. : Web sitenizi yaptırırken hangi noktalara dikkat etmelisiniz ?
Site İçeriğiDoğru font ve renk kullanımını tercih edin. En çok kullanılan renk
kombinasyonu (Beyaz zemin ve siyah yazı) ve fontları (Arial, verdana vb...) tercih edin.
İçeriğinizi katılıma açık tutun. Ziyaretçilerinizin içeriğinizi kolayca paylaşmalarını sağlayın. (RSS, Sosyal imleme butonları, Facebookta paylaş, arkadaşınla paylaş gibi)
Metinleri ikinci çoğul kişi diliyle yazın
“çözümler” yerine ...... “çözümlerimizi inceleyin”
“ürünleri görmek için tıklayın” yerine...... “ürünlerimizi inceleyin”)
İçeriğin solda ve ortada olmasına özen gösterin. Önemli konulara ilk paragrafta değinin. Kullanıcılar en çok sol üst köşeye bakarlar. F tipi aramayı hatırlayın.
Bölüm 5.4. : Web sitenizi yaptırırken hangi noktalara dikkat etmelisiniz ?
TasarımHızlı yüklenir olmasına dikkat edin. Animasyon ve yüksek boyutlu imajlardan
kaçının. Kullanıcılar bir web sitesinde kalıp kalmama konusunda 2-5 sn arasında karar veriyor.
Tasarım anlaşılır ve sade olmalı. Az çoktur.
Kullanılacak renkler, kurumsal kimliğinize uygun olmalı. Logo ve dökümanlarınıza uygun bir çizgide olmalı.
Tasarım sitenin bütünü için bir tutarlılık arzetmeli.
Çok fazla hareketlilikten kaçının. Sadece dikkat çekmek istediğiniz yerlerde hareketli animasyonlar kullanın. Fazla hareketlilik, reklam gibi gözüken bannerlar “reklam körlüğü” yaratır.
Bölüm 5.5. : Web sitenizi yaptırırken hangi noktalara dikkat etmelisiniz ?
Teknolojik YeterlilikSitede arama kutusu veya kolay erişim menüsü bulunmalı.
Diğer browserlarda, farklı çözünürlüklerde web sitesi incelenebilmeli. Menüler mutlaka tüm browserlarda açılabilmeli. %82 Explorer, %12 Firefox, %4 Chrome
Bölüm 5.5. : Web sitenizi yaptırırken hangi noktalara dikkat etmelisiniz ?
Teknolojik YeterlilikSayfanızı min. 1024 x 768 e göre optimize edin. Bundan daha ufak bir boyutta bir
ekran çözünürlüğü neredeyse hiç yok.
Bölüm 5.6. : Web sitenizi yaptırırken hangi noktalara dikkat etmelisiniz ?
Arama Motoru UyumluluğuWeb sitesi içeriği mutlaka arama motorları tarafından okunabilir olmalı.
Her sayfaya farklı ve özel bir META etiketi hazırlanmalı.
Site içi linkleme yapılmalı.
Sayfa içerisinde anahtar kelimelerin bulunmasına, mümkünse daha sık geçmesine özen gösterilmeli.
Sayfa başlıkları büyük yazı boylarında (H1 Tagı olabilir) yazılmalı.
Kopya içerik kullanılmamalı.
Örnek Site İnceleme : www.cilek.com.tr
+ Kimliğe uygun bir tasarım+ Yüklenme süresi iyi+ Tasarım kendi içinde tutarlı+ Önemli ürünler minisitelerle tanıtılmış.+ Reklam körlüğü yartacak hareketlilik yok.+ İçeriğin çoğu arama motorları tarafından okunabilir.+ 970 px genişlik var.
- Ses kısılamıyor- Ana sayfa linki aşağıda- Logoda ana sayfaya link yok. Çoğu sayfada ana sayfaya gitmek imkansız.- Title Tagler kullanılmamış- Alt sayfalarda menu sağda- Navigasyon (bread cramps) yok.- H1 Tagları kullanılmamış- İçeriği paylaşma şansı ve interaktivite yok.- Site içi linkleme yok.
Örnek Site İnceleme : www.turkcell.com.tr
+ Kurumsal kimliğe uygun tasarım+ Yüklenme süresi çok iyi.+ Arama var+ Tasarım bütünlüğü var+ Logo var ve logoda ana sayfaya link var.+ Site içi linkleme var.+ 986 px genişlik var+ Menu solda ve menüde bulunduğumuz yer belli oluyor.+ Title Tagler doğru kullanılmış.+ Yazdır ve arkadaşına öner butonları var.
- Navigasyon (bread cramps) yok.- Yazılar küçük bu yüzden font büyütme seçeneği konulabilirdi.- Sosyal imleme ve paylaşım linkleri yok.