| | Create free blog ( Türkçe , Deutsch , Español )

İnternet, Haber,Yaşam,Sağlık,Hayat,Teknoloji,Web,Webmaster,Spor,Dizi, Müzik, Program, Oyun, Sinema, Video

İnternet, Haber,Yaşam,Sağlık,Hayat,Teknoloji,Web,Webmaster,Spor,Dizi, Müzik, Program, Oyun, Sinema, Video Eğlence Sitesi

2 "web tasarım" etiketi kullanan gönderi "web tasarım" etiketi kullanan diğer içerikler resimler , videolar

Web Tasarıcılarının Kodlama Yapmalarının 6 Gereği

\
Biliyorum, biliyorum... Tasarımcıların hiçbiri kodlarla boğuşmak istemez ve tasarımlarını doğrudan geliştiricilere devretmek ister.

Geliştirme işi programlama kurtları, kodlama hastaları ve bilgisayar manyaklarının işidir.

Peki o zaman neden biz tasarımcılar Photoshop fırçalarımız, akşamüstü çaylarımız ve Mac Prolarımız ile mutlu mesut yaşarken kendimizi kodlama dünyasının içine atmalıyımız? Çünkü eğer bunu yaparsanız daha iyi bir tasarımcı olursunuz.

Kuşkullandınız mı? O zaman yazının devamını okuyarak tasarımcıların neden kodlaması gerektiğine yönelik 6 maddeyi okuyun...

1. Daha iyi XHTML
Bugüne kadar, Photoshop tasarımlarının web biçimine dönüştürülmesi için gereken kodlama elementlerine dair çok az bilgisi olan tasarımcılarla çalışma fırsatı buldum hem de onlara kendimi tanıttım. Genellikle bu tasarımcılar, SiteGrinder gibi programları kullanıyorlar. Bu programlar her ne kadar günden güne daha iyi hale gelseler de, insanların yazdığı kodların çeşitliliğine ve öznelliğine ulaşamıyorlar.

Kendi standartlarla uyumlu XHTML kodunuzu yazabilmeyi bilmek, herhangi bir web takımında bir adım öne çıkmanızı sağlayacaktır (standartlarla uyumlu bölüme dikkat). PHP, ASP.NET, Ruby ve diğer pek çok dilin karmaşıklığı ile insanlar bir süre sonra öyle ya da böyle tüm web progrlama dillerinin HTML ile sonlandığını unutmuş görünüyorlar, çünkü bu dil, tarayıcınızın işin en sonunda sayfayı işlemesi için gereken dil. Çalıştığınız işin merkezi hakkında daha fazla şey bilirseniz, o işin merkezinde daha iyi olursunuz.

2. Daha iyi SEO
Ve biz standartlarla uyumlu kodlamadan bahsederken, SEO (arama motoru optimizasyonu) teriminden de bahsetmemiz gerekiyor. Buna rağmen SEO, büyük web sitelerine eklenen özel bir eklentiden ziyade gün geçtikçe bir web sitesinin var olma sebeplerinin başında gelmeye başlıyor.

Eğer kendi kodunuzu yazmayı öğrenirseniz, yeteneklerinizin yer aldığı listeye "SEO Uyumlu Tasarımlar" yapabildiğinizi eklemeye daha da yaklaşırsınız. Bunun anlamı, müşterilerinizden daha fazla para talep edebilirsiniz ki bu da daha fazla gelir anlamına gelir.

3. Daha İyi Erişilebilirlik
Daha iyi kod ve daha iyi SEO = daha iyi erişilebilirlik. Tüm tasarımcıları işinin bir bölümü, bilgiyi açık ve kolay anlaşılır bir şekilde aktarabilmektir ve web üzerinde bu sadece görsel anlamda değildir. Kötü kodlanmış bir web sitesi eğer körseniz ya da mobil aygıtlar kullanıyorsanız kullanılamaz.

Erişilebilirlik için kodlamanın artılarını ve eksilerini öğrenmek üretim kabiliyetlerinizin artmasını sağlamakla kalmaz, ayrıca erişilebilirlik için tasarım yaptığınızda dikkat etmeniz gereken ayrıntıları fark etmenizi sağlar.

4. Daha İyi Sol Taraf
Beynin sağ bölümünü kullanan yaratıcılardan olmak mükemmeldir, ancak sol tarafınızı da kullanabilmek yaratıcılığınızı teşvik edecektir. WordPress websitesinin sloganı "kod şiir gibidir", zira yazılan bir dili görsel olarak görülebilen bir şekilde yazmak gerçekten bir sanat biçimidir.

Kendi kodunuzu yazmayı öğrenmek, pek çok aktarım yöntemlerini öğrenmenizi sağlar. Teknik ve analitik yeteneklerinizi geliştirmek tasarım, telkafes geliştirme ve etkileşim tasarımları üzerinde çalışırken izlemeniz gereken yollar hakkındaki bilginizi ilerletebilmenizi sağlar. Ve kim bilir, matematik bilginizi bile geliştirebilir.

5. Daha İyi İletişim
Geliştiriciler tarafından kullanılan bu dil arasında kaybolmak çok kolaydır, çünkü en basitinden onların tartıştığı konular hakkında daha önce hiç bilgi sahibi olmamışsınızdır. Kendi kodunuza dalmak ve onunla birlikte çalışmak, bir sitenin alt yapısı üzerinde tartışırken kullanılan bu terminolojiye yabancılık çekmenizin önüne geçecektir.

Bu dili konuşabilmek, tasarımın nasıl siteye aktarılmasını geliştirici ve proje yöneticisi ile konuşmanız gerektiğinde önemli bir yardımcınız olacaktır.

6. Daha İyi Tasarım
Bunu sadece bir tasarımın esaslarını bilerek yapabilirsiniz. Tipografi, renk teorileri, kompozisyon vb elementler, iyi bilmeniz gereken muhteşem ve çok önemli yeteneklerdir... ancak bir süre sonra yaratıcılığınızı ilerletmek ve bu konuda üstün olmak istiyorsanız, o zaman bu alanın araçlarını öğrenmeniz gerekecektir. Ressamlar tuval tipleri, boyama kompozisyonları ve fırça kılı kalitesi hakkında bilgi sahibi olurlar... Web tasarımının da bundan farkı yoktur... Kod yazmayı öğrenin: Daha iyi olacaksınızdır.

Kaynak: Web Designer Depot

Kodlama yapan bir tasarımcı mısınız? Tüm tasarımcılar kodlama yapmayı öğrenmeli midirler? Yorumlarınızla düşüncelerinizi paylaşın

Website Ziyaretçilerinizin İlk İzlenimini Etkileyen 21 Faktör

Sitenize yeni bir ziyaretçi geldiğinde sitenize dair ilk izlenimi çabuk bir şekilde oluşacaktır. İyi bir ilk izlenim, ziyaretçinizin sitenize yeniden gelmesini sağlayabilecek önemli faktörlerden biri iken, kötü bir ilk izlenimin bıraktığı izlerin üstesinden gelmek zordur.

Yazının devamında bulacağınız liste sitenizi ziyaret eden ziyaretçilerin ilk izlenimlerini etkileyen 21 faktörü listelemektedir. Bu listenin faktörlerin sadece bir kısmı olduğunu ve tüm faktörleri oluşturmadığını unutmayın. Eğer istersiniz sizce önemli olan faktörleri de yorumlarınızla paylaşabilirsiniz.

1. Açılma Süresi
Pek çoğumuz yavaş açılan web sitelerine karşı sabırsızızdır. Diğer yandan hızlı açılan web siteleri ziyaretçileri siteniz üzerinde gezinmeye teşvik edecektir, zira her bir sayfanın açılması için uzun süre beklemeyeceklerini bilirler.

2. Hata Mesajları
Eğer sitenizi ziyaret eden ziyaretçiler hata mesajları alıyorlarsa ve sitenize erişmede sıkıntı yaşıyorlarsa, sitenizden etkilenmeyeceklerdir ve sitenizi bir kez daha ziyaret etmeyeceklerdir. Sitenizde oluşabilecek pek çok hata bulunmaktadır. BlogStorm'un yayımladığı şu makale bir adet başarısız siteyi ele alıyor ve problemlerini irdeliyor.

3. Renkler
Sitenizin görünümü hiç şüphesiz ilk izlenimde oldukça etkilidir. Sitenizin genel renk şeması, sitenizin çekiciliğinde önemli rol oynar. Doğru renk kombinasyonlarını seçmek zor olabilir, ancak İnternet üzerinde size bu konuda yardımcı olabilecek pek çok araç bulunmaktadır. Renklerin psikolojisine dair kaynaklar ve bağlantılar için Web siteniz için mükemmel renkleri bulun adlı yazıyı ya da bildirgec üzerinde yayımladığım Tasarımcılar İçin Renk Planlama (Color Scheming) adlı yazımı okuyabilirsiniz.

4. Logo / Marka
Sitenizin genel görünümünü etkileyen bir diğer faktör de sitenizin logosu ve markasıdır. En önemlisi sitenizde kullanacağınız logo işinizi ya da kurumunuzu sizin ziyaretçilerinizin düşünmesini istediğiniz şekilde düşünmesine yol açabilecek şekilde markalaştırabilmelidir. Daha fazla bilgi için David Airey'in yazdığı Bir logoyu mükemmel yapan nedir? başlıklı yazıyı okuyabilirsiniz.

5. Başlık Görselleri
Baskın başlık görselleri sık kullanılır ve ilk izlenime güçlü etkileri olabilir. Kişisel olarak ben bloglarda büyük boyutlu başlıkları seven bir değilimdir ancak bazı blog tasarımcıları bunu mükemmel bir şekilde uygulayabiliyorlar. Şahsen ben içeriğin sayfanın üst kısmında başlamasını isterim ancak pek çok ziyaretçi benimle aynı fikirde değildir. Nate Whitehill sitesinde oldukça çekici bir başlık görseli kullanmaktadır.

6. Tipografi
Görece etkili olan bir diğer element ise tipografi ve yazıtipleridir. Tipografideki değişiklik önemli bir değişiklik olmayabilir ancak sitenizin genel görünümünü tümden değiştirebilecek kapasitededir. Mark Boulton tarafından yazılan Daha İyi Tipografi İçin 5 Basit Adım makalesi size konu ile ilgili daha detaylı bir bilgi verebilir.

7. Anahat
En önemli tasarım elementlerinden birisi de anahattır (layout). Hangi anahattı kullanırsanız kullanın, kullanacağınız anahat sitenizdeki önemli öğelere ziyaretçinin dikkatini çekebilmelidir. Anahat sadece çekici bir tasarım oluşturmak için kullanılmakla kalmaz, ayrıca sitenizi ziyaretçilerinizin daha kolay bir şekilde kullanabilmelerini de sağlar. Web sitelerinin pek çoğu standart tasarım elementlerini kullansa da sitenizi diğerlerinden ayırabilmenin bir yolu da anahat üzerinde yaratıcılığınızı konuşturmaktır. Elbette yaratıcı bir anahattın sitenizin kullanılabilirliğini azaltmaktansa işlevselliğini arttırmayı tercih etmelisiniz.

8. Reklamlar
Sitenize dair kötü bir izlenim uyandırmanın en kolay yollarından birisi de sitenizi reklamlarla doldurmaktır. Günümüzün İnternet kullanıcılarının pek çoğu siteler üzerinde reklam gördüklerinde şaşırmazlar ancak çok fazla ve yanlış türde kullanılan kötü bir şekilde yerleştirilmiş reklamlar ziyaretçilerinizin sitenizden kolayca soğumasını sağlayabilir.

Genel bir kural olarak reklamlarınızı ziyaretçilerinizin sitenizdeki içeriği okumalarına engel olmayacak bir şekilde yerleştirmelisiniz, tabi eğer sitenizin amacı tıklama başına reklamlar üzerinden para kazanmak değilse. Hareketli reklamlar da bir diğer önemli konudur zira bu tip reklamlar site ziyaretçilerinizin dikkatini kolayca dağıtabilirler.

Ziyaretçilerizi ilgilendiren ve sitenizin ana içeriği ile karışmayan reklamlar kullanırsanız ziyaretçileriniz bunu kötü algılamayacaklardır.

9. İtibarınız
Sitenizi ilk kez ziyaret eden ziyaretçilerinizin bir kısmı daha önce sizin hakkınızda bilgilendirilmiş olabilir. Çoğu zaman sizin hakkanızda sitenize bağlantı veren bir başka site üzerinde bilgi sahibi olmuşlardır. Bu durum özellikle blogcular arasında yaygındır. Eğer o ziyaretçi siteniz hakkında olumlu bir yorum okumuşsa onun ilk izlenimini olumlu yönde etkileyebilecek bir itibar bırakmışsınızdır. Bu durum ziyaretçiniz eğer sizin hakkınızda kötü yorumlar okumuşsa aksi yönde de işleyebilir.

10. Navigasyon Kolaylığı
Muhtemelen hepimiz üzerinde okunacak pek çok içerik bulunan bir site görünen ancak istediğimiz şeyi bulamadığımız bir site ile karşılaşmışızdır. Kötü bir navigasyona sahip bir web sitesinden daha rahatsız edici bir şey var mı bilmiyorum. İyi tasarlanmış bir navigasyona sahip web sitesinin, ziyaretçilerinizin sitenizdeki deneyimleri üzerinde çok pozitif bir etkisi olabilir.

11. Amacınızın Netliği
Yeni ziyaretçiler sitenizin varoluş amacını çabucak anlayabilmelidirler. Pek çok sitesi bunu sitelerinin üst kısmında sitenin içeriğini özetleyen bir tanım kullanarak başarırlar. Hakkında sayfaları da iletişim açısından önemli elementlerden biridir.

12. Profesyonel Olmayan Öğeler
Düşük kalitede animasyonlu GIF görselleri gibi bazı öğeler ve sayaçlar kötü bir ilk izlenim oluşturabilirler. Genel olarak sitenizi 10 yıl önce tasarlanmış gibi gösterebilecek her şeyden uzak durulmalıdır.

13. Görsellerin ve Fotoğrafların Kalitesi
Yüksek kalitede bir fotoğrafın ya da grafiğin tasarım üzerinde bırakabileceği etki gerçekten inanılmazdır. Ne şans ki İnternet üzerinde yüksek kalitede düşük ücretli fotoğraflar bulabileceğiniz pek çok resim bulunmaktadır hatta bunlardan bazıları ücretsizdir. İyi bir ücretsiz resmi bulmak için harcayacağınız zaman, daha çabuk bulacağınız ve sadece birkaç lira ödeyerek sahip olabileceğiniz resimlerle kıyaslandığında, harcanmaya değmez. İnternet üzerinde fotoğraf bulabileceğiniz sitelerin bir listesine ulaşmak için bu makaleyi okuyabilirsiniz.

14. Erişilebilirlik
Web tasarımında erişilebilirlik son zamanların popüler konusu haline gelmiştir. Gerçek olan şu ki ziyaretçilerinizin pek çoğu ortalama ziyaretçi kategorisine düşmeyecektir. Bazılarının engelleri olacak, bazıları eski bir tarayıcı kullanıyor olacak, bazılarının da yavaş bağlantıları olacaktır. Eğer web siteniz siteniz tarafından erişilebilir olmazsa, bu ziyaretçileriniz üzerinde kötü bir izlenim bırakacağının garantisidir.

15. Açılır ve gizli-açılır pencereler
Günümüzde pek çok İnternet kullanıcısı bir tür pop-up engelleyicisi kullanmaktadır. Pek çok ziyaretçi, engellenemeyen açılır pencerelerden hoşlanmazlar ve bu da kötü bir izlenime yol açar. Buna rağmen bazı siteler halen açılır pencereleri verimli bir şekilde kullanmaktadırlar, bu sebeple açılır pencere kullanmadan önce artıların ve eksilerini iyi bir şekilde tartmanız önerilir.

16. Video ve Ses
Gün geçtikçe daha fazla İnternet kullanıcısı yüksek hızlı bağlantılara sahip oldukça ses ve video içerikli web siteleri daha yaygın kullanılmaya başlayacaktır. YouTube gibi sitelerin başarısı bu tip elementlerin pek çok ziyaretçi tarafından olumlu karşılandığının bir göstergesidir. Genel bir kural olarak ses ve video içerikleri otomatik olarak başlatılmamalıdır.

17. İştiraklar ve Kurumlar
Ziyaretçiler sitenizi ilk kez ziyaret ediyor olabilirler ancak birlikte iş yaptığınız ya da ürünlerinizi kullanan diğer firmaların ismini görerek siteniz hakkında olumlu bir izlenime kapılabilirler. Buna güzel bir örnek olarak Media Temple web sitesi gösterilebilir. Media Temple'nin ana sayfasını ziyaret eden ziyaretçiler Nike, Sony ve Starbucks gibi firmaların Media Temple hakkındaki yorumlarına ulaşacaklardır. Eğer ziyaretçinizin ürünleriniz ve hizmetleriniz hakkında şüpheleri varsa, bunun gibi iyi bilinen şirketlerin ilk izlenime katacağı olumlu katkı kaçınılmazdır.

18. İçeriğin Kalitesi
Elbette kaliteli içerik bu listenin dışında kalamazdı. Her ne kadar sitenin içeriği, tasarımı kadar ilk izlenime etkisi olan bir element olmasa da, siteniz üzerinde bir dakikadan daha uzun süre kalan bir ziyaretçinin ilk izlenimi üzerinde hatırı sayılır bir etkisi olacaktır. Bu özellikle bloglar için önemli bir faktördür. Siteniz ilk kez ziyaret eden bir ziyaretçi mükemmel bir içeriğe ulaşırsa, siteniz hakkındaki ilk izlenimi hiç şüphesiz olumlu olacaktır.

19. Ton
İçeriğin kendisinin yanısıra içeriğin tonu da ilk izlenimde etkilidir. Daha önce güçlü içeriğe sahip ancak yazarı tarafından olumsuz bir tona sahip pek çok blogla karşılaştım.

20. Yorumların Sayısı ve Geri İzlemeler
Blogunuzu ilk kez ziyaret eden ziyaretçilerin pek çoğu, yazılarınızdaki yorumların sayısına dikkat edeceklerdir. Yorumların ve geri izlemelerin sayısının fazlalığı, ziyaretçilerin ilgil içeriğin başkaları tarafından önemsendiği ve bu sayede onun değerli olduğu izlenimini uyandırır. Öte yandan hiçbir yorumu bulunmayan yazılar, ziyaretçinin ilgili içeriği kimlerin okuduğunu düşünmesine yol açar.

21. Flash Girişler
Olumlu ya da olumsuz, flash girişleri (intro) bulunan sitelerin ziyaretçilerin ilk izlenimine etkisi olacaktır. Ben pek çok web sitesinde flash girişi bulunmasından hoşnut değilimdir. Bu tip girişlerin bazı endüstrilerdeki bazı web sitelerinde yeri olduğunu düşünürüm, mesela film ya da rock müzik gruplarının web siteleri gibi. Eğer ziyaretçilerinizin sizden bir flash girişi beklemediğini düşünüyorsanız flash girişi kullanmaktan kaçınırım.