Ertuğrul Haskan

Bloguma uzun süredir makale yazamıyorum. Ancak bazı yazarlar ve sitelerin yazmış olduğu makaleleri twitter, friendfeed, stumbleupon ve google reader gibi sosyal ağlar üzerinden paylaşmaya devam ediyorum.

Geçenlerde birde tumblr’a gözatayım dedim ve hoşuma da gitti. Beğendiğim sayfalara burdan tek tek link veremem ama bu tumblr’ı tuttum ve bunubegendim.tumblr.com adresinden hoşuma giden link, resim ve videoları paylaşmaya karar verdim. Bir nevi kendi favorites sitemide açmış oldum. Artık buradan da takip edebilirsiniz. Görmedim, duymadım, bilmiyordum diyen arkadaş olmasın. Diğer sosyal ağ linklerimide burdan birkez daha paylaşıyorum

• friendfeed : http://friendfeed.com/freelancewebmaster
• twitter : http://twitter.com/spy_scorpion
• google reader : http://www.google.com.tr/reader/shared/ertughaskan
• stumbleupon : http://spyscorpion.stumbleupon.com/
• tumblr : http://bunubegendim.tumblr.com
  

Ertuğrul HASKAN İnternet friendfeed, google reader, social network, stumbleupon, tumblr, twitter

Facebook, Twitter, FriendFeed derken sosyal ağların sayısı oldukça arttı. Ancak bu artış ne kadar güzel olursa olsun genede kısıtlamalar oluyor. Örneğin uzun uzun her linki paylaşmak mümkün olmayabiliyor. En basit örneği Twitter’da 140 karekter sınırlaması var. Aslında birçoğumuz biliyordur ancak bilmeyen arkadaşlar için url’leri kısatabilecekleri bit.ly adresini tavsiye ediyorum.

Bu adres sayesinde uzun url’leri kısaltmanız mümkün üstelik size birde sidebar aracı sunuyor tek yapmanız gereken bu aracı sürekleyerek browser’ınızda sidebar üzerine bırakmak. Bu işlem aslında sayfaların url’lerini kolaylıkla kısaltabilmeniz için bir js kodunu browser’ınıza eklenmesi anlamına geliyor. Hepsi bu kadar bundan sonra istediğiniz sayfanın url’lini bir tıklamayla kısaltabilirsiniz. Ayrıca üye olmanız halinde tüm paylaşım linklerinizi kendinize ait profilinizde toplayabilirsiniz. Bol bit.ly pardon paylaşımlı günler

Ertuğrul HASKAN İnternet bit.ly, url kısatlma, url write

Aslıda fotoğrafçılıkla çok ilgili biri değilimdir ancak bazı resim ve fotoğraflar hakkında zaman zaman her insan gibi derin düşüncülere kapılabiliyorum. Az önce internette gezerken çok ilginç birkaç fotoğrafla karşılaştım ve bu fotoğraflarıda hikayeleriyle size aktarayım dedim sizinde ilgilinizi çekicektir.

İlk fotoğraf 1994 yılında Kevin Carter adında bir fotoğrafçının çektiği ve fotoğraf kategorisinde Pulitzer Ödüllü kazanmış bir foto. Fotoğrafta zayıflıktan ölmek üzere olan siyah küçük bir çocuk ile yakınında tüneyen ve ölmesini bekleyen bir akbabayı yansıtmaktadır. Çocuğun, birkaç kilometre ilerdeki Birleşmiş Milletler yardım kampına gitmek istediği sanılmaktadır. Ancak Kevin Carter bu fotoğrafı çektikten sonra orayı terk ediyor ve ödülü kazandıktan 3 ay sonrada intihar ediyor. İntihar nedeni tam olarak bilinemiyor.

Diğer bir fotoğraf Napalm Bombası. Naphtenic ve Palmitic asitlerinden oluşan bu bomba amerikanın vietnam savaşı sırasında kullandığı bomba. İnce gömlekle kapalı olan bomba patlayınca gömlek parçalanıyor ve napalm maddesi ateş alarak etrafa kar gibi yağıyor. Bu fotoğraftada yanmanın etkisiyle çığlık atan ve kaçmaya çalışan çocuklardan oluşuyor.

Aşağıdaki son fotoğrafta göçmen bir kadının tek başına israil polisine karşı direnişini gösteriyor. Bu fotoğrafta 2007 yılında Associated Press – Dünya Basın Fotoğraf konusunda birincilik ödül almış.

Şimdilik bu kadar daha olursa paylaşmaya devam edeceğim. Son olarak fotoğraf ve Post Production ile ilgili arkadaşlar içinde bir kaynak paylaşayım. Faydalı olması dileğiyle..

• http://digital-photography-school.com/

Ertuğrul HASKAN Diğer dünya basın ödülü, fotoğraf, fotoğrafçılık, ödüllü fotoğraflar, photography, post production, pulitzer ödülü

Birkaç tane güzel ajax uygulamalası buldum. İncelemenizi tavsiye ederim. İşe yarayacak portföy sergilemede, haber gösterimlerinde kullanabileceğiniz ajax uygulamaları…

Coda Slider

http://www.ndoherty.com/blog/2007/09/15/introducing-coda-slider/

Accessible News Slider

http://www.reindel.com/accessible_news_slider

SlinkySlider

http://plugins.jquery.com/project/slinkySlider

MP3 Player Uygulaması

http://wpaudioplayer.com/standalone

40 Ajax Uygulaması

http://sixrevisions.com/javascript/40-exceptional-jquery-interface-techniques-and-tutorials/

Ertuğrul HASKAN AJAX - Javascript accessible news slider, ajax, ajax mp3 player, ajax uygulamaları, coda slider, javascript, jquery, slinkslider

Web sitelerini ziyaret ederken dikkat ederseniz adres satırının hemen yanında minik bir resim görürsünüz. Bu resimler favicon olarak adlandırılır. Web siteniz kullanıcıların browser’larında favori siteleri arasına eklendiğinde de bu resimler gözükür. Bu resimler .png, .gif ve .ico uzantılı dosyalardan oluşabilir.

İşte bu noktada sizde hemen web sitenize bir ikon yerleştirmek isteyebilirsiniz. Bunun için Favicon Generator’ı tavsiye ederim. Bu linkten gözatabilirsiniz.

Favicon generator ister pixel pixel kendi ikonunuzu yapmanıza, isterseniz de var olan jpg, png, gif veya bmp formatındaki dosyanızı ico formatına dönüştürmenizi ve icon dosyası (.ico) olarak download etmenize imkan tanıyor. Üstelik preview imkanıda tanıyor.

ico uzantılı favicon’unuzu download ettikten sonra yapmanız gereken tek şey aşağıdaki kod satırını kendi sitenize uyarlayarak web sitenizdeki anasayfa ve alt sayfalarınıza ekleyip, dosyaları server’ınıza upload etmek.

<link rel="shortcut icon" href="http://www.siteadresiniz.com/images/favicon.ico" />

Favicon’unuzu images adındaki klasörünüzün içine ya da bir alt klasörün içine koyarsanız daha sağlıklı olacaktır. Çünkü bazı browser’larda ikonun görüntülenmesi problem olabiliyor.

Ertuğrul HASKAN Web Tasarım adres çubuğuna resim ekleme, favicon, web sitesine ikon ekleme

Yeri geliyor resimlerden renk seçiyoruz. Renkleri daha iyi görebilmek adına CSS Drive’ın yaptığı ücretsiz web tabanlı bir uygulama “Colors Pallette Generator” aracı resimlerinizden renk seçmede işinize yarayacaktır.

.PNG, .GIF, .JPG, .JPEG formatında resimleri upload etmenize imkan tanıyor. Bunun yanında light, medium, dark, complete şeklinde size resimden çeşitli renk kombinasyonları sunuyor.

Bir diğer resimden renk seçmedeki araç Pictaculous bana daha kullanışlı gelen bu araç sizinde oldukça işinize yarayacaktır diye düşünüyorum.

Colors Pallette Generator aracıyla aynı işi görmesine rağmen ekstra olarak renkleri .aco yani Photoshop Swatch dosyası formatında da indirmenize imkan tanıyor. Yani bir resimdeki renkleri Photoshop Renk paletinize eklemeniz mümkün oluyor.

Ertuğrul HASKAN Web Tasarım Colors Pallette Generator, css drive, resimlerden renk seçimi

İki gün önce bir seo aracıyla tanıştım. Goingup.com adresinden sizde bu aracı deneyebilirsiniz. Google Analytics’ten pek bir farkı yok gibi ancak bana daha kullanışlı geldi. Google Analytics’de olduğu gibi sitenizin anasayfasının herhangi bir yerine Goingup’ın size verdiği js kodunu yerleştirmeniz halinde 24 saat içinde aşağıdaki site bilgilerinizi toplamanız mümkün oluyor.

• Sayfanızın unique (benzersiz) ziyaretçi sayısı,
• Ziyaret edilen sayfa sayınızıve hangi sayfalar olduğu,
• Ziyaretçilerinizin ekran çözünürlükleri ve kullandıkları işletim sistemleri,
• Ziyaretçilerinizin kullandıkları browser’lar,
• Sitenize hangi arama motorundan, hangi kelimeyle geldiği,
• Hangi ülke ve illlerden ziyaretçi geldiği,
• İstediğiniz sayfaların pagerank değerleri gibi bilgileri

ve dahasını rapor halinde almanız mümkün. Google Analytics varken ne gerek var diyebilirsiniz. Dedim ya alternatif bir araç deneme amaçlı ben kullanıyorum sizde bir gözatabilirsiniz. Faydalı olması dileğiyle..

Ertuğrul HASKAN Search Engine Optimization goingup, seo aracı, seo araçları, seo tools

Daha önce şurdaki linkte küçük ama işe yarar bir renk skalası paylaşmıştım. Şimdide ikinciyi paylaşıyorum. Renkler ve uyumları hoşuma gitti. Sizde beğeneceksiniz diye düşünüyorum..

Ertuğrul HASKAN Web Tasarım renk skalası

Önceki makalemde (bu linkten gözatabilirsiniz) kullanıcı tiplerinden bahsetmiş 5 farklı kullanıcı tipi olduğunu görmüştük. Ancak bu kullanıcı tipleri birbirinden ne kadar farklı olursa olsun aynı davranışları sergilediğini dipnot olarakda söylemiştim. Bu makalede bahsedeceğim konular aslında web tasarımı yapılırken dikkat edilmesi gereken küçük ama önemi büyük ipuçlarıda veriyor olucak dikkat edin..!

Navigasyon : İnsanın yakın zaman hafızası aynı anda 5 ila 9 olguyu hatırlamasına olanak verir. Dolayısıyla navigasyon menülerini ortalama 7 adet olarak belirlemek en doğru yaklaşım olacaktır. Kullanıcılar sıklıkla aklında kalan menüler başta anasayfa olmak üzere, hakkında, iletişim ve ilgilendiği konunun detaylarının yer aldığı menüdür. Bu sebepten yaptığınız sayfalarda çok fazla anakategorili menü yapmak doğru olmayacaktır. Onun yerine menüleride kategorilere göre alt menü olarak yaparsanız hem kullanıcı için, hemde google için yön gösterici olacaktır.

Süre : Yapılan araştırmalar gösteriyor ki kullanıcıların bir çoğu ilk defa uğradıkları bir web sitesine girdiklerinde kalma veya gitme kararlarını ilk 2-5 saniye içinde en fazla 10 saniye içinde veriyorlar. Bu da sitenizi ziyarete gelen kullanıcıları etkilemeniz için 2 ila 5  saniye şanslıysanız 10 saniyeniz olduğu anlamına geliyor. Bu süreçte ya kullanıcıya istediği bilgiyi sunmalısınız ya da onu tasarımınızla etkilemelisiniz. Eğer kullanıcı sitenizi açtıktan sonra beğenirse click yapmaya başlıyor.

Tıklama : Birçok kullanıcı sitede aradığını bulabilmek için 3 tıkla yapıyor ve eğer aradığını3 tıklama sonunda bulamazsa sitenizi gezmekten vazgeçiyor. Dolayısıyla kullanıcıya nokta atışı yaparak çoban matına gitmeniz gerekiyor.

Baby Duck Sendromu : Bütün bu süreç içinde sayfanızı ziyaret eden kullanıcı sitenizin yan etkisi altında kalırsa Baby Duck sendromu görülebilir. Bu sendrom kullanıcının aşina olmadığı ve ilk defa gördüğü  tasarıma verdiği tepkidir.

Banner Körlüğü : Kullanıcıların bir kısmı reklam gibi görünen herşeyi görmeme eğilimde olabilirler. Bu nedenle sizin bir duyuru için hazırlamış olduğunuz banner’ları bile görmeyebilir. Banner’ı ne kadar hareketlide olsa kullanıcıya farkındalık sağlayamayabilir. Bu yüzden bu tip banner’ları göze çarpacak yerlere koyun. Web kullanıcıları olmayan, görmedikleri birşeyle karşılaştığında (metin ve görseller olabilir) proveke olacak bir duygusal bağ kurduğunda banner’a tıklamaya güdülenir.

Göz Takibi : Gazete, dergi okuyucularının göz takibi öncelikle büyük fontlara yönelirken; web kullanıcısının gözü öncelikle navigasyon menüsüne yöneliyor. Web kullanıcısı tarama göz takibi yapıyor. Yani görsel sıçramalar ile aradığını bulma eğiliminde bulunuyor. Sitede kaybolduğunda ise navigasyon menüsüne başvuruyor. Sayfalar arasındaki linklerde bu yönde etkili olabiliyor.

Bu makaleyi yazmamdaki amaç bir noktada web tasarım yapılırken gözönüne alınması gereken bazı ufak, önemli ayrıntılardı. Faydalı olduğunu umut ediyorum.

Ertuğrul HASKAN Web Tasarım baby duck sendromu, kullanıcı davranışları, kullanıcı tipleri, navigasyon, web tasarım, web tasarım incelikleri, web tasarım püf noktaları

Türkiye’nin artık birçok yerinde internete girilebiliyor ki bu son çıkan 3G teknolojileriyle (Vınn, Connect Kartlar vs…) artık ıssız bir adada bile eğer laptopunuzdan internete girmeniz mümkün. Neyse sözü fazla uzatmayalım ve konuya girelim. Kişiler internette sörf yaptıkları sitelere göre, internette geçirdikleri sürelere göre ve araştırma yaptıklara sayfalara göre çeşitlilikler gösterir. Şimdi bu kullanıcı tiplerini bir inceleyelim:

İçerik Canavarları (Content Monsters) : İnternette doğup büyüyen genç,ergen kitleden oluşur. Online eğlence aktiviteler ve sosyal gruplardır. Devamlı yeni online eğlence sitelerini gezerler ve birbirlerini sürüklerler.

Sosyal Tıklayıcılar (Social Clicker) : Hem genç hem de daha yaşlı kitleden oluşan bu kullanıcı tipkeri interneti iletişim olarak yorumluyorlar ve genellikle sosyal topluluklar (facebook, twitter, friendfeed), mesajlaşma araçları (msn,gmail talk,skype), haber sitelerini ve haber portallarını kullanıyorlar. Aralarından bazı istisnalarda online alışveriş yapıyor.

Online Simsarlar (Online Broker) : Yoğun içerik üretim ve tüketim kullanıcı kitlesidir. İnterneti kişisel ve kültürel bir platform olarak algılıyorlar. Web üzerindeki yeniliklerin ilk dalga kullanıcılarıdır. Bloglar, online topluluklar, her gün takip edilen onlarca site ve internetten alışveriş…

Hızlı İz Sürücüler (Fast Trackers) : İnterneti haber ve bilgi kaynağı olarak kullanan kitle. Günlük haber,spor, hava durumu sonuçlarını gerçek zamanlı takip ediyorlar. İnternet reklamlarına sıcak bakıyor. Sayfaları sürekli yeniliyorlar ve satın alacakları ürünleri web üzerinden araştırıp, mağazadan satın alıyorlar.

Gündelik Profesyoneller (The Everyday Pro) : İnterneti hayatlarını kolaylaştıracak bir araç olarak görürler. Yeniliğe ve teknolojiye hakimlerdir. Yaş ortalamaları yüksektir ve online bankacılık ve e-ticaret sistemlerini kullanıyorlar. Yaşam kalitelerini arttırdıkça düşündükleri yeni uygulamaları kolayca adapte edebiliyorlar.

İnternette temel kullanıcı tipleri bu şekilde ancak şu var ki hepsi girdikleri sitelere ve yaşlarına, internette yaptıkları işlere göre farklılık göstersede kullanıcı davranışları aynıdır. Bununla ilgili makalemide önümüzdeki günlerde yazacağım. Sanırım internet kullanıcı tiplerini tanımışızdır.

Ertuğrul HASKAN İnternet internet kullanıcı tipleri, temel kullanıcı tipleri