TASARIMIN TEMEL İLKELERİ
1. WEB TASARIMINDA TEMEL İLKELER
1.1. Web Tasarımında Temel İlkeler
Hazırlayacağımız web sitesinin alt yapısını düzgün kurmamızı, siteyi hazırlarken daha az hata yapmamızı, web sitesi kullanıcılarının sitemizde daha fazla ilgi göstermesini ve hızlı çalışmamızı sağlayacaktır.
1.1.1.İçerikler
Web sitesi tasarımı yaparken kullanacağımız en önemli şey içeriktir. Çünkü web sitelerinin hazırlanma amacı, bilgilere başkalarının ulaşmasının sağlanmasıdır. Onun için web sitesi tasarımına başlarken sitede ne yayınlayacağımızı yani içerikleri bilmemiz ve tasarımımızı ona göre yapmamız gerekir. içerikleri önceden bilmemiz tasarımı hazırlamamızda bize yön verecektir. içerik hakkında dikkat etmemiz gereken bir diğer unsur da uzun cümleler yerine basit ve sade anlatımlar kullanmaktır. Sitede kullandığımız içerikler, site ziyaretçilerinin beklentileri dışında olmamalıdır.
1.2.1. Tasarım
1.1.1.İçerikler
Web sitesi tasarımı yaparken kullanacağımız en önemli şey içeriktir. Çünkü web sitelerinin hazırlanma amacı, bilgilere başkalarının ulaşmasının sağlanmasıdır. Onun için web sitesi tasarımına başlarken sitede ne yayınlayacağımızı yani içerikleri bilmemiz ve tasarımımızı ona göre yapmamız gerekir. içerikleri önceden bilmemiz tasarımı hazırlamamızda bize yön verecektir. içerik hakkında dikkat etmemiz gereken bir diğer unsur da uzun cümleler yerine basit ve sade anlatımlar kullanmaktır. Sitede kullandığımız içerikler, site ziyaretçilerinin beklentileri dışında olmamalıdır.
1.2.1. Tasarım
Web sitesi içeriklerinin hazırlayacağımız web sayfasının neresinde ve nasıl görünmesini planladığımız bölüm tasarım aşamasıdır. Tasarım aşamasında web sayfasının logosu nerede olacak, yazılar nerede olacak, menüler nerede olacak gibi soruların cevaplarını kağıt üzerine ya da bilgisayara çizeriz. Bu bölümde yaptığımız aslında
bir arayüz (kullanıcının siteyi kullanırken bilgisayar ekranında gördüğü bölüm) oluşturmaktır.
1.3.1. İşlevsellik
Mümkün olduğunca sitedeki her sayfadan diğer sayfalara bağlantılar oluşturma çalışmalıyız.her sayfadan mutlaka bağlantı vermeliyiz. Her sayfadan ana sayfaya ve sitenin ana bölümlerine bağlantı sağlamalıyız.
1.4.1.Kullanılabilirlik
Web sayfalarımızı hazırlarken internet kullanıcılarının kolay kullanacağı şekilde tasarlamamız gerekir. Kullanıcılar sitemizdeki yazıları okurken zorlanmamalıdır. Bunun için yazı tipini, rengini, büyüklüğünü iyi seçmemiz ve uygun bir zemin üzerinde görüntülememiz gerekir.Web sayfalarını hazırlarken site logosunu, ana sayfaya olan bağlantıları, menüleri internet kullanıcılarının alışkanlıklarına göre konumlandırmalıyız. Kullanılabilirliğin iyi olması için aşağıda bazı özellikler listelenmiştir:
- Web sayfalarımız hızlı yüklenmelidir.
- Siteyi gezmek için kullandığımız navigasyon (menü) kullanıcının kolayca görüp kullanacağı bir yerde bulunmalı (Genellikle sayfa başında veya sayfanın sol ve sağ bölümünde)dır.
- Sayfadaki site logosundan ana sayfaya bağlantı verilmelidir.
- Her sayfadan ana sayfaya bağlantı için bir Anasayfa yazısı bulunmalıdır.
- Her bölümde o bölümün iç sayfalarına ulaşmamız için bağlantılar olmalıdır.
- Web sitesinde iletişim kurmak için iletişim bilgileri ve iletişim formu bulunmalıdır.
- Önemli kelimeler kalın olarak veya özel renklerle vurgulanmalıdır.
- İçerik çok fazla ise arama kutusu bulunmalıdır.
1.5.1. Web Tarayıcıları ile Uyumluluk
Tasarladığımız web sayfalarını hazırlarken bütün web tarayıcılarda aynı görünmesini sağlamaya çalışmalıyız.Sayfa kodlamamızı yaparken tarayıcıların yeteneklerini bilerek sayfa kodlamamızı
ona göre yapmaya çalışmalıyız.
1.2. Hedef Kitle Beklentileri
Mümkün olduğunca sitedeki her sayfadan diğer sayfalara bağlantılar oluşturma çalışmalıyız.her sayfadan mutlaka bağlantı vermeliyiz. Her sayfadan ana sayfaya ve sitenin ana bölümlerine bağlantı sağlamalıyız.
1.4.1.Kullanılabilirlik
Web sayfalarımızı hazırlarken internet kullanıcılarının kolay kullanacağı şekilde tasarlamamız gerekir. Kullanıcılar sitemizdeki yazıları okurken zorlanmamalıdır. Bunun için yazı tipini, rengini, büyüklüğünü iyi seçmemiz ve uygun bir zemin üzerinde görüntülememiz gerekir.Web sayfalarını hazırlarken site logosunu, ana sayfaya olan bağlantıları, menüleri internet kullanıcılarının alışkanlıklarına göre konumlandırmalıyız. Kullanılabilirliğin iyi olması için aşağıda bazı özellikler listelenmiştir:
- Web sayfalarımız hızlı yüklenmelidir.
- Siteyi gezmek için kullandığımız navigasyon (menü) kullanıcının kolayca görüp kullanacağı bir yerde bulunmalı (Genellikle sayfa başında veya sayfanın sol ve sağ bölümünde)dır.
- Sayfadaki site logosundan ana sayfaya bağlantı verilmelidir.
- Her sayfadan ana sayfaya bağlantı için bir Anasayfa yazısı bulunmalıdır.
- Her bölümde o bölümün iç sayfalarına ulaşmamız için bağlantılar olmalıdır.
- Web sitesinde iletişim kurmak için iletişim bilgileri ve iletişim formu bulunmalıdır.
- Önemli kelimeler kalın olarak veya özel renklerle vurgulanmalıdır.
- İçerik çok fazla ise arama kutusu bulunmalıdır.
1.5.1. Web Tarayıcıları ile Uyumluluk
Tasarladığımız web sayfalarını hazırlarken bütün web tarayıcılarda aynı görünmesini sağlamaya çalışmalıyız.Sayfa kodlamamızı yaparken tarayıcıların yeteneklerini bilerek sayfa kodlamamızı
ona göre yapmaya çalışmalıyız.
1.2. Hedef Kitle Beklentileri
Web sitesi kullanıcılarının beklentileri ve yetenekleri doğrultusunda bir web sitesi hazırlamalıyız.
1.3. Müşterinin Web Projesi İhtiyaçları
Hazırlayacağımız web sitesi çok çeşitli konularda olabilir. Temel olarak ürün tanıtımı, hizmet tanıtımı ve kişisel tanıtım için web sitesi hazırlanır.
1.3.1. Müşterinin Sunduğu Hizmetlerin Web Projesi ile Tanıtılması
Web projemizde hizmet tanıtımı yapacak isek aĢağıdaki temel sayfalar bulunmalıdır:
- Anasayfa
-Hakkında (hizmet veren firma hakkında bilginin bulunduğu sayfa)
- Hizmetler (hizmet kategorilerinin bulunduğu ana sayfa)
- Hizmet tanıtım sayfası
- İletişim
1.3.2. Müşterinin Sunduğu Ürünlerin Web Projesi ile Tanıtılması
Eğer hazırlayacağımız sitede ürünlerin tanıtımı yapılacak ise site hazırlayacağımız kişi
veya kurumlardan ürünlerin çeşitleri hakkında bilgi almamız ve ürünleri kategorilere
ayırmamız gerekir.Ürün tanıtımı yapılan sitelerde aşağıdaki temel sayfalar bulunmalıdır:
-Anasayfa
-Hakkında (ürünü satan firma hakkında bilginin bulunduğu sayfa)
-Ürünler (ürün kategorilerinin bulunduğu ana sayfa)
- Ürün tanıtım sayfası
- İletişim
1.3.3. Müşterinin Kişisel Web Projesinin Tanıtılması
Kişisel web siteleri genelde kişilerin tanıtımları ile ilgili sitelerdir. Bu sitelerde kişiler hakkında bilgi, kişilerin ürettikleri ürün ya da düşüncelerin tanıtımı ve beğenileri ile ilgili içerikler bulunur.
- Anasayfa,
-Hakkında,
-Portföy (kişinin yaptığı işler),
-Bağlantılar,
-İletişim ana bölümlerinden oluşur.
1.4. Biçimsel Özellikler
Web sitesi tasarımı yaparken en önemli şeylerden biri sitenin görüntüsüdür. Bunun için site görüntüsünü hazırlarken gerekli olan temel biçim özelliklerine dikkat etmemiz gereklidir.
1.4.1. Renk Dengesi
Web sayfasını hazırlarken hem gözü yormayan arka plan hem de okunması kolay yazı renklerini seçmeliyiz. Eğer arka plan koyu renk ise yazı rengini açık eğer arka plan açık renk ise yazı rengini koyu seçerek okunurluğu arttırmalıyız. Sitemizde çok fazla renk kullanmaktan kaçınmalı, mümkünse en fazla üç rengi yoğun olarak kullanmalıyız.Genelde site logosunda bulunan renkler site tasarımında ana renk olarak seçilir. Logo renklerinin yanında bu renkleri tamamlayan zıt renkler ile siyah ve beyaz renkleri kullanılır.
-Sıcak renkler
Kırmızı, turuncu, sarıdır.Sıcak renklerin ruhsal etkisi neşe, canlılık, girişkenlik, heyecan ve harekettir.
Eğer hazırlayacağımız sitede ürünlerin tanıtımı yapılacak ise site hazırlayacağımız kişi
veya kurumlardan ürünlerin çeşitleri hakkında bilgi almamız ve ürünleri kategorilere
ayırmamız gerekir.Ürün tanıtımı yapılan sitelerde aşağıdaki temel sayfalar bulunmalıdır:
-Anasayfa
-Hakkında (ürünü satan firma hakkında bilginin bulunduğu sayfa)
-Ürünler (ürün kategorilerinin bulunduğu ana sayfa)
- Ürün tanıtım sayfası
- İletişim
1.3.3. Müşterinin Kişisel Web Projesinin Tanıtılması
Kişisel web siteleri genelde kişilerin tanıtımları ile ilgili sitelerdir. Bu sitelerde kişiler hakkında bilgi, kişilerin ürettikleri ürün ya da düşüncelerin tanıtımı ve beğenileri ile ilgili içerikler bulunur.
- Anasayfa,
-Hakkında,
-Portföy (kişinin yaptığı işler),
-Bağlantılar,
-İletişim ana bölümlerinden oluşur.
1.4. Biçimsel Özellikler
Web sitesi tasarımı yaparken en önemli şeylerden biri sitenin görüntüsüdür. Bunun için site görüntüsünü hazırlarken gerekli olan temel biçim özelliklerine dikkat etmemiz gereklidir.
1.4.1. Renk Dengesi
Web sayfasını hazırlarken hem gözü yormayan arka plan hem de okunması kolay yazı renklerini seçmeliyiz. Eğer arka plan koyu renk ise yazı rengini açık eğer arka plan açık renk ise yazı rengini koyu seçerek okunurluğu arttırmalıyız. Sitemizde çok fazla renk kullanmaktan kaçınmalı, mümkünse en fazla üç rengi yoğun olarak kullanmalıyız.Genelde site logosunda bulunan renkler site tasarımında ana renk olarak seçilir. Logo renklerinin yanında bu renkleri tamamlayan zıt renkler ile siyah ve beyaz renkleri kullanılır.
-Sıcak renkler
Kırmızı, turuncu, sarıdır.Sıcak renklerin ruhsal etkisi neşe, canlılık, girişkenlik, heyecan ve harekettir.
-Soğuk renkler
Soğuk renkler mavi, yeşil, mor, mavi-yeşil renklerden oluşur. Soğuk renkler sakinleştirici ve yatıştırıcı renklerdir ve çok kullanılır.
-Nötr renkler
Nötr renkler beyaz, siyah, gri ve büyük değerde gri içeren renklerdir. Nötr renkler arka planlar ve ılık renklerin etkilerini artırmak için idealdir.
1.4.2. Okunabilirlik
Hazırlayacağımız sayfaları göz atmaya uygun hazırlamalıyız. Başlıkları ve yazıyı düzenli tutarak gerekiyorsa gazetelerin yaptığı gibi kısa özetler oluşturmalıyız. Yazıların içerisinde dikkat çekmesini istediğimiz yerler var ise vurgulamalıyız. Uzun bir sayfadan oluşan yazı okunurluğu çok düşürecektir.uzun yazı yayınlamak zorundaysak birkaç sayfaya bölerek vermemiz uygun olacaktır.Doğru yazı tiplerinin seçimi içeriğin sunumunu kolaylaştıracaktır.Dikkat çekmek için başlıkların yazı tiplerini, renklerini ve/veya tonlarını farklı yapmak daha uygun bir yöntem olacaktır.
1.4.3. Hizalama
Web sayfamızdaki nesneleri sola, ortaya ve sağa hizalayabiliriz. Yazıları ise sola, sağa, ortaya ve iki yana hizalayabiliriz.
1.4.4. Metin ve Nesne Arası Boşluklar
Metin ve nesneler arasında aynı zamanda metin ile metin arasında okunurluğu arttırmak için bırakılan boşluğa “beyaz boşluk” denir.
1.5. Ses ve Görüntü Ekleme Prensipleri
Görüntü eklerken ekleyeceğimiz görüntülerin web tarayıcılar tarafından görüntülenebilir formatta olduğundan emin olmalıyız.. Bunun için web sayfalarında uzantısı jpg, gif, png olan görüntüler kullanılır.Sitemize eklediğimiz sesler de her bilgisayar tarafından çalınamayabilir. Çünkü sesleri duymamızı sağlayan bazı programlar vardır. Bu programlar bizim bilgisayarımızda olabilir fakat başka bilgisayar kullanıcılarının bilgisayarlarında olmayabilir.Her tarayıcıda animasyonları göstermek için gerekli eklentiler yüklenmemiş olabilir.
1.6. Projede Kullanılacak Yazılımların Belirlenmesi
-Web sayfasının grafik olarak tasarlanması için grafik yazılımı
-Web sayfasına ekleyeceğimiz amblem, maskot gibi çizimler için vektör yazılımı
-Web sayfasına ekleyeceğimiz animasyonlar için animasyon yazılımı
-Web sayfasının kodlamasını yapmak için web tasarım editör yazılımı
-Web sayfalarını görüntülemek etmek için web tarayıcı programları
-Web sitesindeki hata ve eksikleri bulmak için yardımcı programlar
1.7. Maliyet
.Web sitesinin taslağını çıkardıktan sonra site maliyetini çıkarmak için aşağıdaki maddeler için harcanan zaman ve ücretler dikkate alınmalıdır:
-Web sitesi görüntüsünün grafik olarak hazırlanması
-Web sitenin HTML kodlamasının (web tarayıcıda görüntülenebilecek Ģekilde
hazırlanması) yapılması
-Web sitesi içerisinde kullanılacak görüntülerin (fotoğrafların çekilmesi veya
satın alınması, grafiklerin hazırlanması veya satın alınması) hazırlanması
-Web sitesinde kullanılacak animasyonların hazırlanması veya satın alınması
-Web sitesinin kullanıcı etkileĢimi var ise programlama kısmının yapılması
-Web sitesi adının kiralanması (alan adı kiralama)
-Web sitesinin yayınlanacağı bilgisayarın kiralanması (alan barındırma ücreti)
2. WEB SİTESİ TASLAĞI OLUŞTURMA
2.1. Web Sitesi Taslağı
Web sitesi taslağı oluşturulurken dikkat edilmesi gereken bazı özellikler vardır.
2.1.1. Bütünlük
Web sitemiz, ana sayfasından iç sayfasına, kullanılan yazı tiplerinden renklere ve
resim boyutlarına kadar birbirine benzeyen bir Ģekilde olmalıdır. Site içerisinde kullanılan dil
aynı olmalıdır.
2.1.2. Güvenirlik
Hazırlayacağımız web sitesi kullanıcılarda güven hissi uyandırmalıdır. Her açtıkları
sayfayla beraber yeni reklam sayfaları açılıyorsa, her sayfa farklı renklerden ve farklı yazı
tiplerinden oluşuyorsa, iletişim bölümü yok ya da iletişim bilgileri (adres, telefon, e-posta)
eksik ise internet kullanıcıları bu site hakkında şüphe duyarlar.
Kendimize ait olmayan bütün
yazılarda kaynak belirtmemiz sitemizi daha güvenilir yapacaktır.
2.1.3. Güncellik
Web sitesindeki bilgileri güncel olmalıdır.
Eski kullanılmayan bilgileri
gerekirse sitemizde bir arşiv bölümü hazırlayarak orada tutmalıyız. Bağlantı verdiğimiz
sayfaların çalıştığından emin olmalıyız.
Hiç yorum yok:
Yorum Gönder