Kurumsal web tasarım konusunda iddaalıyız. Kurumsal web sitesi için doğru adrestesiniz.
Biz web tasarım yaparken sizin için en faydalı siteyi yapmaya özen gösteriririz. İyi bir web sitesi sadece tasarımdan ibaret olamaz. İyi bir web tasarım ve arama motoru optimizasyonu için doğru adrestesniz.
İletişimde Kurumsal Web Tasarımın Önemi
İnternet kısaca kullanıcının rahatlıkla erişim sağladığı ortak iletişim aracı olarak tanımlayabiliriz . İnternet sosyal kültürel ekonomik ve politik olguları kapsayan web sitelerinin oluşturduğu geniş bir topluluktur. Web sitesi World Wide Web (www) isi bütün bilgisayar dosyalarına internet aracılığı ile ulaşılmasını sağlayan HTML aracılığı ile elektronik olarak birbirilerine bağlantılanan web istemcileri (browser) aracılığı ile görüntülenmesine olanak sağlayan bir sistemdir.
World Wide Web üç temel öğeden oluşur
.Web istemcileri (internet explorer, mozilla, chrome )ve sunucuları (Web servers)
.Web tasarım içeriği
.Web sitesi kaynakları arasındaki bağlantılar
Kurumsal Web Sitelerinin İşlevleri ve Türleri
Web sitelerinin işlevlerini temelde pazarlama, web tasarım, internet sitesi, e-ticaret sitesi, bilgi paylaşımı alanlarında özetleyebiliriz.
Pazarlama ve Tanıtım Hizmetlerinde Web site işlevleri
Web siteniz aracılığı ile günün her saatinde tüketiciler Web tasarım mal hizmet ve tüketici desteğine erişim sağlayabilirler
Web siteleri aynı zamanda etkileşimli bir reklam aracıdır. Web tasarım kurum ve katılımcılarla çeşitli forumlar internet sitesi oluşturarak tartışma ortamları oluşturabilmektedir. Web siteleri pazarlama araştırmalarına ilişkin anketlerin gerçekleşmesine de olanak tanımaktadır. Pazarlama açısından en önemli özellik web siteleri aracılığı ile en ucuz maliyetle birçok tüketiciye aynı anda ulaşabilmesidir.
Bilginin Paylaşılmasında Web Tasarım'ın önemi
Bir web sitesi aracılığı ile belirli bilgi beceri ve ilgi alanları diğer kullanıcılarla paylaşılabilir. İnternet’in temelinde paylaşım ve işbirliği yer almaktadır. İnternet’in ilkeleri oldukça açıktır: hiçbir bilgi gizlenmez, hiçbir bilgi bütünüyle gereksiz değildir. World, Wide, Web, sosyal, kültürel, eğitim ve mesleki alanlarda sürekli genişleyen bir sistemdir.
Öğrenme ve İlgi Alanlarının Geliştirilmesinde Web Sitesinin Önemi
Web tasarımın önemli işlevlerinden biri de, öğrenmeyi ve entelektüel gelişmeyi desteklemesidir. Bir web site kullanıcısı olarak belirli konuları araştırabilir her gün ya da her saat başı belirli sitelere odaklanabilirsiniz.
Bunlarla birlikte web siteleri kişisel ilgi alanlarınızın gelişmesini destekler.
Web Tasarımda Temel Özellikler
Etkileşim: Etkileşim davranışı, web sitesi doğrudan kullanıcının girdiği verilere bağlı ve ürettiği çıkışı kullanıcıya ileten bilgisayar tabanlı sistemleri tanımlar. Bu tanıma dayanarak web sitelerin etkileşemli ortamlar sunduğu söylenebilir
Dinamik: Web sitelerinde bilgi durağan bir biçimde web sitesi olmaktan çok güncellenebilme olanakları nedeniyle dinamik olma eğilimi gösterir. Bununla ilişkili olarak web sitlerinde bilginin kaynağı a durağan değildir kaynak bazı durumlar da kurum (site), bazı durumlarda kullanıcı olabilmektedir. Bu nedenle web sitelerinde bilgi akışının yönü dinamik web sitesi olma özelliği taşır. Özetlemek gerekirse web sitleri ve e-ticaret çok yönlü bilgi alış-verişinin gerçekleştirildiği dinamik ortamlardır.
Süreklilik: İnternet siteleri TV ve basılı medya gibi bitmiş web sitesi bir ürünü oluşturacak türde ve bir defalığına geçmişte yapılmış şimdi sunulan değişmez bir yapı genişletilerek süreklililk kazandığı gelişmeye ve değişime açık esnek bir yapı oluştururlar.
WEB SİTELERİNİN YAPIM AŞAMASI
Web sitesini oluşturma çalışmaları, arabirim tasarımı, sitenin içeriğinin tasarımı ve sayfa tasarımı aşamalarında gerçekleştirilir.
Arabirim Tasarımı
Arabirim kullanıcı web sitesi ile sistem arasındaki köprüdür. Bir arabirimde bulunan temel öğeler şunlardır;
. Navigasyon: Kullanıcının sayfalar arasında geçiş yapmasını sağlayan bağlantılardır.
.Bölüm Başlıkları: Bir sayfanın konusunu içerir.
. Metin Öğeler: Konu ile ilgili bilgileri içerir.
.Grafik öğeler: Metini destekleyen görüntülerdir.
. Çoklu ortam öğeler: Kullanıcının ilgisini çeken animasyon, video ve ses öğelerin içerir.
Navigasyon Sistemi
Navigasyon sistemi, web sitesi bilginin sunum biçimini içerir. Navigasyon sistemi içerik ile web sitesinin yapısı arasındaki ilişkiyi açıklar.
Navigasyon sistemi kullanıcının daha önce hangi sayfada olduğunu, şimdi nerede bulunduğunu ve nereye gidebileceğini göstermelidir. Genel navigasyon sistemi, web sitesinin bilgi mimarisine bağlı olarak, genel (global) ve hiyerarşik olmak üzere başlıca ki tür model kullanır.
Yardımcı Navigasyon Öğeleri
Yardımcı navigasyon öğeleri kullanıcılara kolay erişim olanakları sunar. Genel olarak kullanılan yöntemler şunlardır:
.İçerik sayfası
.Alfabetik içerik sayfası
.Site haritaları
.Arama motorları
Bağlantıların Adlandırılması
Kolay erişime web sitesi olanak tanıyan bir arabirim ve navigasyon sistemi geliştirmenin en önemli aşaması bağlantıların adlandırılmasıdır. Bağlantı adları etkin iletişim sağlamalı sayfanın dikey alanında fazla yer kaplamalı ya da kullanıcının algılama alanı içerisinde bulunmalıdır. Ayrıca bağlantı adları, biçim olarak aynı özellikleri taşımalıdır.
Kullanıcılar bağlantı adı ile uyum göstermeyen bir içerikle karşılaştıklarında hayal kırıklığına uğrayarak web sitesine olan güvenleri azalır. Bu nedenle bağlantı alanı olabildiğince içeriğe uygun kısa ve anlaşılır olmalı, farklı yazı biçimleri ile aynı bağlantı tekrarlanmamalıdır.
Arabirim Kullanıcı / Görev Analizi
Bu analiz, kullanıcıların web sitesi amaçlarını anlamaya bu amaçları nasıl gerçekleştireceklerine, amaçlarını gerçekleştirirken hız, kolay erişim vb. gibi öğelerden hangilerine değer verdiklerin kullandıkları bilgi ve deneyimlerinin neler olduklarını anlamamıza yardımcı olur. Web sitesi arabirimi ile kullanıcıların etkileşimi; amaç oluşturma, hedef, eylemi gerçekleştirme, sistemi algılama, sistemi yorumlama ve sonuçları değerlendirme olmak üzere yedi aşamada gerçekleşir.
SİTE TASARIMI
Bilgi Mimarisi
Bilgi mimarisi, kullanıcının sorusuna doğru yanıt bulmasını web sitesi ve ilgili bilgilere ulaşmasını amaçlar.
Bilgi mimarisi içerik ve işlevselliği temel alan iki bölümden oluşur. Bilgi mimarisi site bazında kullanıcının gereksinimleri ve tasarımcının amaçları ile uyum içerisinde olmalıdır.
Web sitesinin bilgi mimarisine bağlı olarak, genel ve hiyerarşik olmak üzere başlıca iki tür model kullanılır.
Genel Yapılar: Bu yapılar navigasyon öğelerini her sayfaya taşıyan sistemlerdir. Bu tür yapılar genellikle birden fazla pencere(frame)kullanırlar.
Hiyerarşik Yapılar: Bu tür yapılar ters dönmüş bir web sitesi ağaç yapısında, genel bir konu başlığından ayrıntılara doğru ilerleyen bir yapı içerirler. Bu konu başlığı genel olarak kök (root)olarak adlandırılır ve içeriğe göre dallara ayrılır. Ana sayfa kökü oluşturur. Kollar ya da ana sayfada bağlantılar olarak görüntülenir. Hiyerarşik siteler sığ ve derin olmak üzere iki tür oluşturur. Derin hiyerarşik yapıdaki sitelerde ana sayfada az bağlantı bulunurken bağlantı sayıları sitede ilerledikçe fazlalaşır. Sığ sitelerde ise ana sayfa da fazla bağlantı bulunur ve dallanma oldukça azdır.
Web Sitesinin Tasarımı
Genel görsel iletişim ve tasarım ilkelerinin web sayfalarının tasarımında da geçerli olduğunu söyleyebiliriz.
Genel İlkeler
. İyi bir tasarımın gücü basitliğinde saklıdır. Özü web sitesi tanımlamak ana hedeftir.
.Web tasarımının ilk adımı, süreçleri bilmektir.
.Estetiğin önünde duran en önemli engel sayfanın yüklenme hızıdır. Ekrana her şeyi yükletmek için 15 saniyeniz vardır.
.Tasarımcıların kişilik özellikleri sanatçılarla benzerlikler taşır.
.Sesi iyi kullanamıyorsanız hiç kullanmayın.
.Asla grafiğin içine metin karıştırmayın.
.Sayfayı kullanıcının seçtiği web istemcisi genişliğinde görüntüleyin.
.Web istemcilerinin sol üst köşesi, pencerelerin büyüme ve küçülme merkezidir.
.Pencerenin üst bölümü hiçbir zaman ekranın dışarısında kalmaz, istense bile ekran dışına taşınamaz.
.Web istemcilerinde, çerçevenin sol kenarı her zaman sabittir. Metinler ve görüntüler bu sabit kenara göre dizilirler.
.Sayfa dikey olarak bölümlenmelidir: Web sayfalarında göz hareketi, gazete ve dergilerdeki Z hareketinin aksine önce yukarıdan aşağıya daha sonra soldan sağa doğrudur.
.Web sayfalarının ortak bir şablonu olmalıdır.
Web sayfalarının tasarımında dikkat edilecek diğer konular aşağıda belirtilmiştir.
Ekran Boyutu
Günümüzde en çok kullanılan ekran boyutu 15-17 inch’lik olanlardır ve 800 x 600 nokta ekran çözünürlüğüne sahiptirler.
Sayfanın Yazdırılabilirliği
En küçük ekranlarda bile görülebilen metin ve görüntüler yazdırılma sırasında standart A-4 sayfasını aşmamalıdır. Sayfa sonlarında sayfanın hangi siteye ait olduğunu ve siteden genel anlamda ulaşılabilinecek web sitesi sayfaları gösteren bir bant bulundurulabilir.
Web sayfalarının çekiciliği; yazı blokları ve arka fon arasındaki ilişkiye bağlıdır. Kontrast dediğimiz zıtlıklar kullanılarak odak noktası oluşturulabilir.
Metin Yazımı ve Okunabilirliğin Sağlanması
Metinler oluşturulurken iki yöntem uygulanır.
Bunlardan web sitesi iki metin içerisindeki bilgilerin, içrekleri ön önemliden, daha az önemli olana doğru ters dönmüş bir piramit biçiminde sunulmasıdır. Diğer yöntemde ise paragraf yalnızca bir ana fikir içermelidir ve metinler kısa tutularak bağlantılarla ilişkilendirilmelidir. Bunun yanında gözden geçirmeyi kolaylaştırmak için;
.Metinlerde hiyerarşik bir biçimde başlık, alt başlıklar kullanılır
.Başlıklar metinlerin özünü içermelidir.
.Kullanıcının ilgisini çekmek için önemli sözcükler vurgulanmalıdır.
İnsan gözü ilk bakışta bir yazıyı bir bütün olarak algılar. Bu nedenle , sürekli büyük harfler kullanmaktan kaçınılmalıdır. Yazının okunaklılığında kelimelerin üst kısmının görüntüsü çok önemlidir. Büyük harf veya küçük harf tercih etmeniz, yazının okunaklılığını etkileyecek faktörlerdendir. Genelde başlıklarda ilk harf büyük diğerleri küçük harf yazılmalıdır. Böylece yazı daha okunaklı olacaktır, çünkü gözümüze ilk çarpan yer yazıların üst kısmıdır.
Başlıklarda sürekli olarak büyük harf kullanıldığı durumlarda okuyucuların yazıyı gözle takip etmeleri zorlaşmaktadır. Yazı blokları düzenlemek uzun metinlerde her zaman faydalıdır. Normal okuma mesafesinde gözün hareket etmesiyle okunabilecek alan genişliği 8 cm’ dir.
Bir web sitesi oluşturulurken yazı stili, satır boşlukları, başlık –alt başlık boyutları önceden belirlenmelidir ve bu standartlar doğrultusunda diğere sayfalar tasarlanmalıdır. Ayrıca sayfa düzeni kâğıt üzerin yazdırıldığında da kaybolmamalıdır.
Sayfa düzenini sağlamak için tablo komutu kullanılır. Tablonun hücreleri kullanılarak kenar boşlukları yaratılabilir, ayrıca ideal satır uzunluğu olan 8-10 kelime sınırına uygun uzun metinler hazırlanabilir.
Tablolara resimler yerleştirilebilir. Resimlerin sınırını tablo boyutuna göre ayarlayarak her boyuttaki web istemcisinde düzenli görünüm elde edilebilir.
Metin yazımında bir diğer önemli nokta metin uzunluğudur. Metinlerin uzunlukları nedeniyle kaydırma çubuklarının sıkça kullanılması sorun yaratmaktadır. Kullanıcılar sayfada aşağı doğru indiklerinde sayfanın üst kısmında verilmiş olan bilgileri, diğer sayfalara olan bağlantıları ve konu başlıklarını kaybetmektedir.
“HTML” ve Sayfa Başlıkları
Web sayfa başlıkları “TITLE” belirteci ile belirlenir. Sayfa web sitesi yüklenirken web istemcilerinden ilk olarak bu “TITLE” belirteci arasında yazılan sözcükler sayfanın adı olarak görülecektir. Ayrıca kullanıcılar sayfayı web istemcisine kayıt (blokmark)eklediklerinde bu “TITLE” belirteçleri arasındaki sözcükler görülecektir. Anlamsız sözcükler ya da unutularak boş bırakılan sayfa başlıkları “untitled” olarak görünecektir.
Bağlantılar ve Dil
.Bağlantı, cümledeki en ilgili sözcük web sitesi üzerinden yapılmalıdır.
.Bir paragraf içine birçok bağlantı kullanmak yerine bu bağlantıları listelemek konunun daha anlaşılır olmasını sağlayacaktır.
.Tablolar aracılığı ile daha etkin ve yaratıcı tasarımlar elde edilebilir. Tabloların en önemli kullanım amaçlarından birisi, tabloya görüntü yerleştirmektir.
WEB SİTESİNİN YAYINLANMASI VE GÜNCELLENMESİ
Kurum yöneticilerin ve web yönetmeninin web sitesi katılımıyla uygun bir internet servis sunucusundan (ISP), alan ve web adresinin (Domain Name) temin edilmesi ve bütçenin hazırlanması bu aşamada gerçekleştirilir. Web tasarım aşamasına başlamadan önce internet servis sunucusu ile iletişime geçilmeli web sunucunun desteklediği iletişim sistemleri ve web sitesinin yükleneceği kök klasörünün (root directroy) yeri öğrenilmelidir. İnternet servis sunucusu web sitesinin sunucuya nasıl yükleneceği konusunda bilgiler verir. Bu bilgiler şunları içerir: Erişim Numarası(Host/Port/Name), Kullanıcı Kodu (Username), şifre (pasword) Sunucunun web adresi (Domain Name)
Sitedeki Düzeltmeler ve Test
Web sitesinde bulunan hatalar üç düzeyde düzeltilir. Birinci düzeyde yazım, gramer bağlantı hataları vb. gibi temel düzeltmeler gerçekleştirilir.
İkinci düzeyde metin ve resimler arasındaki uyumluluk metinlerin kullanıcılar tarafından anlaşılırlığı vb. gibi konularda içeriğe yönelik biçimsel düzeltmeler gerçekleştirilir.
Üçüncü düzeyde ise hedef kitle tanımlaması sitenin bilgi mimarisi grafikler ve sitenin kullandığı teknoloji yeniden gödzen geçirilerek web sitesinin amaçlarına uygunluğu test edilir ve gerekli düzeltmeler gerçekleştirilir.
Güncelleme
Web sitesinin başarı tanımlaması yapılarak ilgi çeken bölümler içerikle desteklenerek geliştirilmeli, kullanıcının ilgilenmediği bölümler yenden gözden geçirilerek yeni düzenlemeler gerçekleştirilmelidir.
Web Sitelerini Başarı Tanımlaması
Bir web sitesinin genel, içsel ve dışsal olmak üzere üç tür başarı tanımlaması bulunur.
Genel değerlendirmeler; istatistikler ve günlük ziyaretçi sayıları vb. web sunucu yazılımları tarafından ölçülür.
İçsel değerlendirmeler; web sitesinin varlığı nedeniyle kurum içerisinde yaratmış olduğu etkileri içerir. Örneğin kurum içi telefon görüşmelerinin azalması, gibi olguları içerir.
Dışsal değerlendirmeler; Web sitesinin varlığını kurum dışında yaratmış olduğu etkilerdir. Örneğin yeni ürün ve hizmetlerin web sitesi medyada yer alması, belirli bir düşünce üzerinde kamu görüşü oluşturma olgularını içerir.