Kurumsal imaja uygun web sitesi tasarımı nasıl olmalı

1. Kurumsal İmajınıza Uygun Web Sitesi Tasarımı Volkan İnanç MoreClick Ajans Başkanı www.volkaninanc.com www.moreclick.com

2. Neden web sitemiz olmalı?

3. 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ı.

4. Tasarıma Başlaman Önce Unutmayın ! 1. Müşterileriniz gibi düşünün 2. Sade ve anlaşılır olun

5. 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.

6. 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

7. 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.”

8. 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?

9. 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 kısmı var mı? Doyrucu mu?

10. Bölüm 3.2. : Kullanıcılar sitenizde gezinirken şu sorulara cevap bulmalı ? Neredeyim ? Site hiyararşisi içerisinde neredeyim?

11. 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ığı)

12. 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ığı)

13. 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?

14. Online Kullanıcıların Davranış Biçimleri

15. Bölüm 4. : Online Kullanıcıların Davranış Biçimleri 7 ± 2 Prensibi Bilgi 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.

16. Bölüm 4. : Online Kullanıcıların Davranış Biçimleri F Tipi Tarama Kullanı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.

17. Web sitenizi yaptırırken hangi noktalara dikkat etmelisiniz ?

18. 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?

19. 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.

21. Kalite Politikamız

23. Dökümhane

24. Press

26. Detaylı arama

27. Ürün kod ile arama

29. İş Başvuru Formu

31. 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.

32. İ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ı.

33. İçerik kesinlikle orijinal olsun. Orijinal olmayan içerik arama motorları tarafından cezalandırılır. İçeriği kendi cümlelerinizle yeniden yazmayı deneyin.

35. İç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)

36. Metinleri ikinci çoğul kişi diliyle yazın

37. “ çözümler” yerine ...... “çözümlerimizi inceleyin”

38. “ ürünleri görmek için tıklayın” yerine...... “ürünlerimizi inceleyin”)

39. İç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.

41. Tasarım anlaşılır ve sade olmalı. Az çoktur.

42. Kullanılacak renkler, kurumsal kimliğinize uygun olmalı. Logo ve dökümanlarınıza uygun bir çizgide olmalı.

43. Tasarım sitenin bütünü için bir tutarlılık arzetmeli.

44. Ç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.

46. 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

49. Her sayfaya farklı ve özel bir META etiketi hazırlanmalı.

50. Site içi linkleme yapılmalı.

51. Sayfa içerisinde anahtar kelimelerin bulunmasına, mümkünse daha sık geçmesine özen gösterilmeli.

52. Sayfa başlıkları büyük yazı boylarında (H1 Tagı olabilir) yazılmalı.

53. Kopya içerik kullanılmamalı.

54. Ö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.

55. Ö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.