Kurumsal İmaja Uygun Web Sitesi
Upcoming SlideShare
Loading in...5
×
 

Kurumsal İmaja Uygun Web Sitesi

on

  • 2,688 views

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

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

Statistics

Views

Total Views
2,688
Views on SlideShare
2,688
Embed Views
0

Actions

Likes
2
Downloads
99
Comments
1

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • web sitesi icin iyi bir guideline
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Kurumsal İmaja Uygun Web Sitesi Kurumsal İmaja Uygun Web Sitesi Presentation Transcript

    • Kurumsal İmajınıza Uygun Web Sitesi Tasarımı Volkan İnanç MoreClick Ajans Başkanı www.volkaninanc.com www.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 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 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.
    • 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.
    • 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ği
      • Açı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ği
      • Doğ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ım
      • Hı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 Yeterlilik
      • Sitede 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 Yeterlilik
      • Sayfanı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ğu
      • Web 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.