SEO Kuralları ve Yapılması Gerekenler - 1

SEO Kuralları ve Yapılması Gerekenler-1



Merhaba arkadaşlar daha önce yaptığım araştırmalar ve derlediğim SEO için uygulanması gereken kuralları parçalar halinde paylaşmak istiyorum böylece öğrendiklerinizi uygulayarak ilerlemeniz daha kolay olur; ayrıca daha önce paylaşılmış SEO Nedir, Ne İşe Yarar? konusuna da göz atabilirsiniz.

-Sitenizin sayfa başlık uzunluğu 70 karakterden fazla olmamalıdır,

-Sayfa açıklama uzunluğunuz sınırı 160 karakterdir, daha uzun olursa arama motorları tarafından spam gibi algılanabilir bu da sitenize zarar verir, 

-Sayfa anahtar kelime uzunluğunuz 260 karakterden az olmalıdır, 

-Site içi hiyerarşisinin oluşturulması önemlidir, yani ana başlık en büyük, sonra altbaşlıkların büyüklükleri daha küçük şeklinde gitmelidir. Bunun için de   <h> etiketi kullanılmalıdır;  

<h> etiketleri 1'den 6'ya kadardır,
<h1>Başlık 1</h1> En büyük başlık
          ...
<h6>Başlık 6</h6> En küçük başlık

-İçeriği dolgun sayfaları arama motorları dost olarak görür,

-Kod oranı düşük  olan sayfalar , google botları tarafından da kolay gezilir, anlaşılması da daha kolaydır,

-Site içeriklerinde, sitenin kendi adresine veya sitenin alt sayfalarına verilen linklere iç link denir. İç linklerin sayısının 100 adedi geçmesi zararlıdır,

-Sitenizden bir yazı ya da bağlantıya tıklandığın başka bir siteye yönlendiriyorsa buna dış link denir.Dış linklerin sayısının 20 adedi geçmemesi ve gereksizse nofollow etiketi eklenmesi gerekir.


Bir dahaki yazıda görüşmek üzere... 

Tasarımcıların Duymaktan Sıkıldığı Cümleler

Tasarımcıların Duymaktan Sıkıldığı Cümleler


Bu yazımda sizlere, tasarımcıların duymaktan sıkıldığı cümlelerden bahsedeceğim. Üyesi olduğum bir forumda karşılaştığım bir konudan alıntı yaparak sizlerle paylaşıyorum. Bir çok tasarımcı arkadaşımızın müşterilerinden duymuş olduğu bu cümleler bazen insanı çileden çıkartıyor diyebilirim :) Ben inanıyorum ki sizlerin de başına böyle şeyler gelmiştir.

- Farklı bir şey olsun, yani şöyle değişik, özgün bir şey çalışalım.
- Siyah olmasın, çok depresif ama çok da canlı olmasın, rakip markayı çağrıştırmasın.
- Hımm eline sağlık çok güzel olmuş ama çok da emin değilim, farklı bir şey deneyelim.
- Yazılar okunmuyor, biraz büyütelim.
- Yani sen bildiğin gibi yap, sonra bakarız beraber.
- Fazla zaman yok. Hem hızlı hem de kaliteli bir şey istiyoruz.
- Bu adamın gözleri bir garip bakıyor, burnu da yamuk hem biraz?
- En iyisi ilk haliydi, ona dönelim.
- Çok mu yavaş ilerliyoruz? Biraz hızlandıramaz mıyız bunu? Elindeki hazır olanlardan kullansan?
- Tasarımcı sensin, nasıl yapılmasını sen daha iyi bilirsin.
- Küçük bir revizyonumuz var, sadece birkaç dakikanı alır.
- Biraz hareket lazım sanki buna. Logoyu mu bir tık büyütsek?
- Bu proje senin için büyük fırsat!
- Çok basit bir iş olacak neden bu kadar pahalı?
- Şu tasarımın aynısından istiyorum…
- Benim yeğenler bunu ücretsiz de yaparlar da, sen kazan istiyorum!
- Ben beğendim bir de ortağa göstereyim. Ortak beğenmemiş, yeniden bir şeyler yapalım.
- Şu sitede adam şu fiyata yapıyor sende niye bu kadar pahalı?

İş aldığınız bazı müşterilerinizden duyduğunuz kelimeleri bizimle yorum olarak paylaşabilirsiniz, devamını sizden bekliyoruz :)

WEBTASARIM AJANSLARI NASIL OLMALI?

Webtasarım ajansları başka bir tabir ile webtasarım firmaları nasıl olmalıdır sorusunun cevabını bu makalemizde dilimizin döndüğünde aktarmaya çalışacağız.

Webtasarım ajansları hizmetlerine ve yeteneklerine göre kategorize etmemiz mümkündür. Webtasarım ajanlarının son zamanlardaki rekabetini ve sunduğu hizmeti düşündüğümüzde webtasarım piyasasının ne kadar büyük bir pazar payına sahip olduğunu görmemek mümkün değildir. Bu firmalar / ajanslar bazı hizmetleri diğer hizmetlere göre daha ön plana çıkarır ki bu iyi bir durumdur. Webtasarımında kendi içinde dalları mevcuttur. Kimi ajanslar seo paketleri, kimi webtasarım firmaları web arayüzünü, kimi web tasarım ajansları ise grafik tasarımını vitrini haline getirmiştir.

Webtasarım Ajansları Nasıl Olmalı?


Webtasarım ajansları yukarıda da belirtildiği gibi uzman olduğu konu üzerine yoğunlaşmalıdır. Örneğin kodlama bilgisine sahip bi kuruluş, grafik tasarım konusunda yeterinde deneyim sahibi değilse gerektiği takdirde bu hizmeti kendisi gibi hizmetler veren diğer kuruluşlardan alarak verdiği hizmetin kalitesini arttırabilir. Seo, web dili, grafik tasarım, hosting, domain gibi alanlarda da deneyim sahibi ise ve tüm bu deneyimleri, tecrübeleri bünyesinde bulunduruyorsa zaten tercih edilmemesi ve piyasada sözü muktedir bir kuruluş olmaması abesle iştigal olur. Kalite her zaman kendisini fark ettirir.

SEO Paketleri Hizmeti Veren Ajanslar?

SEO konusu gerçekten ap ayrı deneyim ve tecrübe gerektiren, çok çalışmanın sonunda elde edilen bir meziyettir. Yılların birikimi ve deneyimi ile ancak seo konusunda başarı elde edilebilir. SEO konusua eğilmiş firmaların tüm güncellemeleri ve yenilikleri an be an takip etmesi gerekir ki, olmaz olmazların başında da bu husus gelmektedir.

Tasarım ve Arayüz Hizmeti Veren Ajanslar?

Tasarım iki kısıma ayrılır, gafik tasarım ve arayüz tasarımıdır. Kimi firmalar yaptığı kodlama çok iyi olmasına rağmen grafik tasarım konusunda yeterli değilse işin arka tarafında yer alan kodların mahareti yerle yeksan olabilir. Öyle güzel kodlanmış ve fikirlenmiş olan bazı tasarımlar yetersiz grafik tasarım nedeniyle güzelliğini ön plana çıkaramaz.

Webtasarım Ajansı Seçerken Nelere Dikkat Edilmelidir?

Webtasarım ajanları konusunda internette bir araştırma yapmadan tercihte bulunmamanızı tavsiye ederim. İnternet üzerinde yapacağınız bir kaç arama ile çok iyi hizmet veren ajaslara ulaşabilirsiniz. Fiyat teklifleri ve hizmetleri konusunda danışarak kafanızda alacağınız hizmetin taslağını oluşturabilirsiniz. Bir çok iyi kuruluş bu ön hizmeti ücretsiz olarak bile sunmaktadır ve hatta bazı firmalar kafanızdaki taslağı nasıl ortaya çıkaracaklarını bir demo ile size ücretsiz olarak sunabilirler.

Seo paketleri, webtasarım, grafik tasarım, kodlama gibi bir çok konuda deneyimli firmalar ile çalışmak sizlere üstün bir hizmet almanızı sağlayacaktır.

Webtasarım ajanları tercih edilmeden önce aldığınız hizmet sonrası alacağınız desteği de mutlaka sorunuz. Daha sonra yaşayacağınız problemleri için önceden alacağınız en iyi tedbirdir.






Webtasarımı Yaptırırken Hangi Firma Seçilmeli?


Artık web sitesi ihtiyacı ister şirket ister kişisel olsun genel ihtiyaçlarından birisi haline gelmiştir. Kurum ve kuruluşlar müşterilerine gülen ve profesyonel yüzünü göstermek için bir web sitesine ihtiyaç duyarken kişi veya kişiler de kendilerini ifade etmek adına bir web sitesine ihtiyaç duymaktadırlar. Belki de bu yüzdendir ki günümüzde kurumsal ve kişisel bloglar bir hayli ilgi görmektedir.

Webtasarım işlerinizi yaptırmak için tercih edeceğiniz web tasarım ajansı sizin için belirli kriterlere ve özelliklere sahip olmalıdır.
Webtasarımı yalnızca bir ara yüzden ibaret olmamalıdır. İyi bir web sitesi için SEO çalışmaları, grafik-logo çalışmaları da olmalıdır.

Web tasarım ajansı seçerken işinde profesyonelleşmiş bir firmayı tercih etmek en doğru tercih olacaktır. Verilen hizmet karşılığında aldığınız geri dönüşleri göz önünde bulundurursanız, ödeyeceğiniz para gözünüze görünmeyecektir.

Web tasarım firması seçimini bir kaç örnek ile açıklayalım.

Her zaman yapılan yanlışlardan birisi Google'da yapılan aramalarda çıkan ilk sonuca odaklanıp kalmaktır. Google aramalarında 2. ve 3. sayfada çıkan sonuçlarda değerlendirilmeli ve küçük bir fizibilite çalışması yaptıktan sonra arama sonuçlarına göre firmaları değerlendirmelisiniz.

Tercih edeceğiniz web tasarım ajansı yalnızca web tasarımında değil, SEO konusunda da çalışmalar yürüten bir firma olmalıdır. O halde Google aramalarınıza İstanbul SEO yazarak kriterlerinizi belirleyebilirsiniz.

Belirlediğiniz firmaların ürünlerine, verdiği hizmetlerine ve referanslarına mutlaka göz atmalısınız. Çünkü yaptıkları işler yapacakları işlerin en büyük referansıdır. İnşaat firmasını örnek verdiğimiz için aynı sektör üzerinden örneklerle devam edelim. Tercih edeceğiniz web tasarım ajansının referanslar kısmında inşaat firmalarına yapılmış bir web site tasarımı olup olmadığına mutlaka bakmalısınız.

Web tasarım konusunda tercih edeceğiniz firmaların mutlaka olması gereken özellikleri aşağıda kısaca sıraladım.


  • Mutlaka kendilerine ait profesyonel bir webtasarım sitesi olmalıdır.
  • Web sitelerinde hakkımda, iletişim, referanslar, hizmetler, ürünler gibi sayfalar mutlaka olmalıdır.
  • İletişim kısmında açık adres,telefon ve harita bilgileri olmazsa olmazdır.
  • Referans olarak gösterilen sitelerin halen çalışır vaziyette olması önemlidir.
  • Kendilerini ve yaptıkları işi net bir şekilde açıklayan metinleri olmalıdır.
  • İsteğinize göre kişisel yada kurumsal çözümler verebilmelidirler.
  • 7/24 telefon ve mail desteği sunan bir hizmet anlayışları olmalıdır.


Bunun gibi bir çok özellik sayabiliriz ancak başlıca belirtebileceklerim bunlardır.

İyi bloglamalar dilerim.

Webmaster Forumları ve WMaraci!

Birçok webmaster forumu vardır.Yerli yabancı hemen hemen hepsini takip ederim. Yeni temalardan, yeni özelliklerden,yeni gelişmelerden haberdar olmak için webmaster forumları güzel mekanlardır.

Aklınıza takılan bir sorunun cevabını internette bulamadığınız zaman bir bilene danışabileceğiniz yerlerdir.
İşin içinden çıkamadığım zamanlarda bu forumlar imdadıma yetişmiştir.

Webtasarıcısına Öğütler

1. Tasarımı olabildiğince basit tut. İyi bir tasarımın gücü basitliğinde saklıdır. Özü tanımlamak ana hedeftir.
2. Formatın içerik karşısındaki çekiciliğinin sizi baştan çıkarmasına izin vermeyin. İçerikle ilgilenen bir tasarımcının projeye katkısı, kafayı formata 
takmış bir tasarımcıdan tartışmasız daha çok olacaktır.
3. Pastaya kremasını sıvamak yerine, çözülmesi gereken problemin ne olduğunu tam anlamıyla anlamak gerekir. Sonuçta ortaya çıkan görüntü 
krema gibi görünse de, asıl olan pastanın kendisini iyi pişirmektir.
4. Estetiğin önünde duran en önemli engel sayfanın yüklenme hızıdır. Sayfa yavaş açılıyorsa yazı tahtasına geri dönmek gerekir.
5. Diğer birimlerle [mühendisler, üreticiler, editörler ve satış] iletişimi koparmamak ve koordinasyonu sağlamak esastır.
6. Ve her zaman azıcık asit yeşili ekleseniz iyi olur.
7. Yaptığınız her işe bir tatlı kaşığı mizah içirmek, alacağınız ilacın dozunu düşürür. Ve bir ölçek şeker çok faydalı bir tasarım aracıdır.
8. Tuhaf fontları kullanmaktan kaçının.
9. Web için tasarlanmış çanlar ve ıslıklar üzerinde çok fazla zaman harcamayın. İnanın değmez.
10.En sonunda ortaya çıkan tasarım, onun için harcadığınız emeğe kıyasla çok sade görünüyorsa, bu ipi göğüslediğinizin kanıtıdır.
11.İşe başlamadan önce eldeki asıl problem üzerinde düşünün. Fakat problemleri olmaları gerektiğinden daha fazla büyütmeyin. Tasarımcıların 
karşılaştıkları problemler çok nadiren o denli ciddi ve complex olurlar. Yani işleri sizin için daha zor hale getirmek için enerjinizi boşa 
harcamayın.
12.Sadece sissyler [i.ne demek ağır olur] karalama yapar.
13.Çoğu tasarımcı doğuştan yetenekli olduğunu düşünür. Onlar “Özeldirler“. Eğer bu özel insanlardan birisinin yardımına ihtiyacınız varsa, 
egolarını biraz titretin.
14.İşleri bir adım öteye götürmekten veya tekrar tekrar aynı şeyleri istemekten korkmayın. Topu o çok bilmişlerde bırakın ki kendileriyle 
yüzleştiklerinde ne yapacaklarını bilemesinler.
15.İlham gelmiyorsa etrafa bakın. Sizi çevreleyen evrenin fikirlerini ödünç alabilirsiniz.
16.Müşterilerinizi gözlemleyin ve onlar için anlam ifade eden şeylerden etkilenmeyi adet edinin.
17.İyi muzik iyi tasarımın anahtarıdır. Hemen dışarı çıkıp kendinize birkaç CD alın.
18.Projenizde bir dolu değişik font kullanmaktan kaçının. Zorunlu hallerde 20 kadarı fazlasıyla yeterli olacaktır. İnsan beyni bundan fazlasını 
kavrayamaz.
19.Tüm renkleri kullanma ayrıcalığınız varsa, bu hakkı suistimal etmeyin. insanlar genelde ödedikleri paraya değsin isterler, ve bu onların tasarımı 
için kullandığınız renk cümbüşüyle doğru orantılıdır.
20.Bir metni kullanırken mutlaka okuyun! Kendinizi, bu metne sizden bile daha az ilgiyle yaklaşacak olan bir insanın yerine koyun. Kısa satır 
uzunluğu iyidir. Çoğu zaman karşılaştığımız sayfalar satırların vahşice uzamasına aldırmasa da, satırları 400 pixelin altında tutmak en iyisidir.
21.Eğer metin uygun görünmüyorsa; durumu size, “Bu sayfayı biraz buda!“ yazana bildirmekten korkmayın. Herşey bir yana “Asıl çok olan azdır!“, 
değil mi? Eğer metinleri üzerinde değişiklik yapmayı kabul etmiyorlarsa bu sözü kullanabilirsiniz.
22.Benim bütün web sayfalarım, bana başka işler için daha fazla zaman bırakacak şekilde, basit şablonlar üzerinden oluşturulmuştur. Sen de 
kendine basit bir şablon hazırlayabilirsin.
23.İşe yaramaz bilgiyi halının altına süpür. Belki günün birinde birisi kalkıp da tasarımın değişiklerden önceki ilk hallerini görmek ister.
24.Sanılanın aksine clip art, neden bahsettiğinden asla emin olamadığınız fransızca deyişler gibidir. Saraydan uzak sanat hiç eskimez.
25.Çizgi sanatı sanal ortama çok uygundur. Fotoğraf yerine vektörel çizimler kullanmak, sayfaların çok daha hızlı yüklenmesini sağlar.
26.Her zaman emeğinizin karşılığını isteyin. Bir kuruş, hatta para bile olamosı gerekmez fakat belli bir limite kadar, işinize verilen değer istediğiniz 
miktarla doğru orantılı olarak artacaktır. Yuppi Ekonomisi 101'e hoş geldiniz.
27.Flash öğrenin. Hemen şimdi. Ama her iş için flash kullanmayın.
28.Yapabildiğinizde sayfayı tam ekran görüntüleyin. Animasyonlarınızı ve tasarımlarınızı, kullandığınız animasyon programından bağımsız olarak 
[Flash, GIF, dHTML, QuickTime, vs.], kullanıcının seçtiği browser genişliğinde görüntüleyin.
29.Animasyonunuzun, sadece hareket halindeki renklerden oluşsa bile, bir ana teması, hikayesi, en azından bir amacı olmasına dikkat edin. Bu 
noktayı akılda tutarsanız farklılaştığınızı göreceksiniz.
30.Animasyonunuzu sıradanlıktan kurtarmak için objelerin linear hareketlerinden vazgeçebilirsiniz.
31.Sesi iyi kullanamıyorsanız hiç kullanmayın. İyi muzik zayıf animasyonu kuvvetlendirirken kötü müzik harkulede bir tasarımın içine edebilir.
32.Analog olmayı göze alın. Geleneksel materyalleri ve teknikleri dijital animasyonla birleştirin.
33.Animasyon gerçekliğin abartılması olduğundan, çalışmaya eldeki referans materyallerinden başlayın. Çeşitli objelerin nasıl hareket ettiklerini 
anlamak için onları filme çekin. Toparladığınız bu kaynakları, çizimlerine ihtiyacınız olduğunda kullanmak üzere el altında tutun.
34.dHTML sayfanızı dinamik olarak birleştirme arzusuna direnin. İnsanlar zaten sayfayı yüklemek için yeterince beklediler.
35.Arayüz elemanlarında kullanılan ses unsuru, üzerinde gezindiğiniz ilk 3 defadan sonra rahatsız edici olacaktır.
36.HTML yapısını ve neden çalıştığı şekilde çalışıyor olduğunu ögrenin. HTML'in iyi yapabildiği noktaları kullanmaya yönelik olarak tasarım 
yaparsanız, onun artılarından yararlanmış olursunuz. Bu çabanız takımın diğer üyelerini daha mutlu kılar ve sayfa daha iyi çalışır.
37.İyi programlamanın %90'ı, programcıların gerzekleri açığa çıkarma arzularına direnmelerinden geçer. Yanlış yaptığınız noktaları öğrenip, ilk 
olarak onlarla başa çıkmak üzerinde çalışın.
38.Arayüz gece kulübü değildir.
39.Asla grafiğin içine kelime karıştırmayın. Metin metindir. Grafik grafik. ikisini birbirine karıştırmayın.
40.Kullanıcıyı geri butonu kullanmamaya ikna etmek için sadece 3 saniyeniz var. 3 saniye. Bu ekrana anında ilginç bir şey getirmeniz gerektiği 
anlamına geliyor.
41.Ekrana herşeyi yükletmek için 20 saniyeniz var. Hatta bu tahmin büyük ihtimalle çok liberal bir tahmin. Bu süre genelde 10 saniyedir. Elinizi 
çabuk tutun.
42.Siteniz arama motorlarında ne olasılıkla bulunabiliyor? Neden bilmiyorsunuz? Çabuk öğrenin ve meta etiketlerinin içeriğinizi buna uygun 
olarak değiştirin.
43.Kullanıcılar sitenizin nasıl çalıştığıyla hiç, hem de hiç ilgilenmiyorlar. Sadece içeriğiniz için oradalar. İçeriği onlara basit ve hızlı bir şekilde verin.
44.Web tasarımının temel kuralları, diğer tasarım disiplinleriyle aynıdır, fakat Webde tasarımı şunlara karşı yaparsınız: Hat safhada bir karışıklık. 
İpucu: Basitliğin radikal kuralları.
45.Teknolojik kısıtlamalar İpucu: Baskıdan farklı olarak webde mutlu tesadüfler yoktur. Extra GÜVENLİK gerektirir.
46.Kötü tanımlanmış bir anadil İpucu: Web dili kaba süreçlerini yaşıyor.
47.Problem “basitlik+güvenlik+kabalık=sıkıcı web“ Benim size tavsiyem kuralları yıkan deneyler yapmanız ve vaziyet el verdiğinde [içerik kullanım 
kolaylığının diktasında olmadığında] uçlarda dolaşmak.48.Gözlem gruplarını incelediğinizde, kullanıcıların genellikle irrasyonel ve duygusal olduklarını görürsünüz, fakat tasarım yaparken kendi 
içinizdeki irrasyonel ruha direnmek zorundasınız. Ou have to resist designing for the irrational in us. Yoksa kötü tasarımcı olursunuz ona göre.
49.Web tasarımında ilk adım makinalar için tasarım yapmaktır. Bu insanlar için ayrıca çaba sarfetmeniz gerektiği anlamına gelir. Tam tersi de 
doğrudur.
50.Seyirciniz hakkında bilgi edinin ve düşünün, sonra bilgisayarlar hakkında bilgi edinin ve düşünün, sonra seyirciniz hakkında bilgi edinin ve 
düşünün...
51.Daha çok hız, daha az etkileşim.
52.Mantra #1: “Asıl çok olan azdır!“
53.Mantra #2: “İçerik kraldır“
54.İlham#1: Uzmanlık alanınız dışındaki insanlarla çalışın. Örneğin, mimarlar size web tasarımında tam anlamıyla yeni bir bakış açısı 
kazandırabilirler. Web sayfalarını web alanlarına dönüştürebilirler.
55.İlham#2: Analog çalışın. Kağıt ve kalem prototipleri kullanabileceğiniz en iyi arçlar olabilir. Are one of the best tools you can ever use. Yapışkan 
kağıtları serbestçe kullanın.
56.Gerçek: Eğer 10 saniyede %100 kullanışlı değilse kaybettiniz. Hedef 5 saniye olmalı
57.Şu rengi bir web sayfasında asla kullanmayın: “#FF36C6“.
58.Şu an bilgisayarınızda bulunan tüm fontları atın. Bir arkadaşınıza şu üç fontu yeniden yükletin: 1 tane mono-weight Sans Serif, 1 tane Serif ve 
sonuncu canınızın istediği herhangi bir font olabilir. Bu fontlarla yaşamayı öğrenin. Eğer beceremediyseniz, onları FontLab'da açın ve düzeltin 
veya Illustrator ya da Freehand kullanarak üzerlerinde tek tek çalışın.
59.Çalışırken bilgisayarınızın görüntü ayarlarıyla oynayın. Ekrana vurun, bir mıknatıs yaklaştırın, gamma ayarlarıyla radikal düzenlemeler yapın, 
güneş gözlüğüyle bakın, delikli bir film şeridinin ardından bakın, ekranın üzerini kuruyunca silinen markerlarla çizin. Eğer bir hata yaptıysanız, 
hatayı düzeltmeden önceki haline bakın. Tüm bu yöntemler sizin, tasarımın ilk safhalarındaki doğal süreçlere dönmenizi sağlayacaktır.
60.Ucuz bir Polaroid alın ve sürekli olara kullanın. Dijital değil, Polaroid kamera!
61.Eğer tasarımcı olduğun iddiasındaysan işini bırak, kendine [vergi tahsildarı olabilir] yeni bir iş bul, siyah olmayan kıyafetler, normal boyutlarda 
bir gözlük al, AIGA kartını yak ve tasarımı bir süreliğine sadece hobby olarak yap. [Saka yapmıyorum ya öyle yazıyordu, ben de çevirdim]
62.Bir şeyleri kırma alışkanlığı edin.
63.1 yıllığına mobilya ustasının yanına çırak olarak gir.
64.Sanatçı ruhunu internet tostuna yağ gibi sür. Web herşeyin mümkün olduğu görsel bir oyun bahçesidir. Eğer istediklerini web de 
yapamıyorsan, neden yapasın ki?
65.Temellere bağlı kal: kırmızı, siyah, Helvetica, Times. İş hayatında o şık şeylere yer yok, eğlence ve oyunu öğle tatili için sakla.
66.Daha büyük ve daha kırmızı yap. [Aman diyim bunu “Güzel yapamasan da, büyük yap, büyük yapamazsan, kırmızı yap“ olarak yorumlama.]
67.İzleyicinin gözünün ortasına yumruk indir.
68.Optima Extra Bold, özellikle sık aralıklarla kullandığınızda, fontlar arasında heryerde kullanabileceğiniz bir font tipidir. İşi neredeyse üst üste 
birdirmeye kadar götürdüğünüzde bir şeyler anlatmak istediğiniz gün gibi aşikardır.
69.Daha da iyisi tüm harfleri büyük yaparsınız. Bir şeyleri gerçekten ifade etmek istediğinizde!!!
70.Çabuk ama trendy bir logo için italic yazıyı bir ovalin içine dişi olarak yerleştirip, bir parçacık da drop shadow kattınız mı, iş tamamdır.
71.Hollanda da tasarımcıların yaptığı işe “form veren“ anlamına gelen “vormgeving,“ denir. Bu kelime İngilizce'de kullanılan ve moda, zevk, tat ve 
ticaretle iç içe geçmiş olan “design“ kelimesinden oldukça farklıdır. Bu eylemi en iyi ifade eden kelime nedir? Tat, sitil, fonksiyon gibi kelimeler 
güzellik ifadeleridir. Fakat bu eylemin ruhunu gerektiği gibi tarif edemezler. Tasarımcıların form veren olarak asıl görevi -amaç, skala, medya ve 
tasarımdan bağımsız olarak- bu ruha uygunluğu keşfetmek veya yeniden yaratmaktır.
72.Benim se en çok beğendiğim tasarımlar kendini bilmez folk tasarımcılar tarafından ortaya konanlardır.
73.Sırat köprüsünde kimse ünlü bir tasarımcı olup olmadığınızı sormayacaktır.
74.Satış çağında yaşıyoruz. Bir şeyin işe yarayıp yaramadığı piyasada tutmasıyla anlaşılıyor. Sadece satan projeler mutlu hayatlar yaşıyorlar.
75.Size yeterince güzel olmadı bu iş diyen iç sesinizi görmezden gelmeyin.
76.Bir tasarımcının avutkatla, sanatçıyla olduğundan daha çok ortak noktası vardır. Müşterinizle aynı fikri paylaşmıyor, hatta onlardan nefret 
ediyor bile olabilirsiniz, fakat onların iyi görünmesini sağlamak sizin görevinizdir. Oturup içinde bulunduğuz durumdan şikayet etmek yerine, 
bu şartlar altında yaratıcı çözümler üretmeyi seçmelisiniz.
77.Modanın sizi ele geçirmesine izin vermeyin. Tasarımın görevi bir mesaj aktarmaktır. Tasarımıznızın mesajı doğru ilettiğinden emin olmalısınız.
78.Yeni teknolojiye ayak uydurun. Web yerinde durmadığından yenilikleri arayıp bulmaya vakit ayırın. Artık büyüğün küçüğü yediği zamanlar 
geride kaldı. Hızlı yavaşı mideye indiriyor.
79.Yaptığınız hiçbir şeye çok bağlanmamak kuralı çok önemlidir. Sevsenizde, nefret etsenizde, yanınıza öğrendiklerinizi alıp, oradan uzaklaşmak 
en iyisidir.
80.Siz öyle olacağını düşündüğünüz sürece, herşey iki kat daha fazla zaman alacaktır.
81.Benimsenmiş iletişim noktalarını kullanan tasarım başarılı olur. Kendi yarattıklarını kullanan değil.
82.Yaptığınız tasarımları her aşamasında sürekli kaydedin. [Save]
83.Renk en son sahneye çıkan oyuncu olursa müşterileriniz onların en az sevdikleri rengi kullandığınız için huzursuz olmazlar.
84.İnsanlar: Beklemeyi, scroll etmeyi, okumayı sevmez.
85.İnsanlar: Okumaktansa beklemeyi, beklemektense scroll etmeyi seçerler.
86.İnsanlar: Genelde rasyonel ve tutarlı olmasalarda, bazen olmayı seçerler.
87.Tasarım problem çözmektir. Problemi tanımladığınızda işi yarılamış olursunuz.
88.Web tasarımının ilk adımı prosesi tanımlamaktır. Karar mercilerini ve hedefleri belirleyip, takım arkadaşlarını eldeki tasarım sorunlarının 
çözümlerine götürecek yolun haritasını çizmek gerekir. Bu sağlam çatı altında sıradan bir tasarımcı bile işi götürebilir. Bu çatı kurulmamışsa iyi 
bir tasarımcı bile boka batabilir.
89.Fotoğrafçı, illustrator ve diğer tasarımcılarla çalışırken, onlara onlardan nelerini istediğinizi açıkça belirtin ve yollarından çekilin. Onlara yaşama 
alanı ve desteğinizi verin. Bu şartlar gerçekleştiğinde sizi güzel göstermek için ellerinden geleni yapacaklardır.
90.İşinizi, GIF kullanımına başvurmadan önce HTML ve CSS kullanarak halletmeye çalışın.
91.Vazgeçemezsiniz ve otomatik bir silahla dünyayı etrafınızda dönmeye zorlayamazsınız. [Belki yaparsınız ama bu sadece problemlerinizin 
katlanarak çoğalmasına neden olur.] Bir proje tasarımın 11. saatinde -“ya sev ya terket“ meyil doruklardayken- ilgili diğer taraflarla iletişim 
kurmak için gücünüzü son damlasına kadar kullanın. İnanın bu tek merhem yaranıza!!!!
Kaynak : Hot Design Tips (Barbara Kuhr)http://mfyz.com/Files/web-tasarimcisina-ogutler.pdf

Wix.com Artık Türkçe!

Wix.com sitesi Flash ve HTML taban üzerine kurulu olup kullanıcılarına bir web sitesi sağlayan hizmettir. Daha önceleri ülkemizde çok fazla duyulmamasına rağmen web işleri ile uğraşanların yakından takip ettiği bir oluşumdu. Burada oluşturulan sitelerde Türkçe karakterlerde problem yaşandığı için ilerleyemiyordu ancak geçtiğimiz günlerde Türkçe dil desteği ile Türk Kullanıcıların gönlünü almayı başardı diyebiliriz.

Wix.com kodlama ve tasarım bilgisine sahip olmayan bile kolayca web sitesi hazırlamalarına imkan sunan büyük bir kuruluştur. Alt yapısında Flash ve HML5 desteğini bulunduran sistem hazır şablonlar üzerinden kullanıcılarına hizmet veriyor. Oldukça profesyonel şablonların yer aldığı sitede eğer kişisel bir tanıtım sitesi oluşturmak istiyorsanız kaçırılmayacak bir imkan diyebiliriz.

İçerik yönetim sistemine sahip olmaması bir dezavantaj lakin ilerleyen günlerde Wix.com bir blog sistemi ile karşımıza çıkarsa şaşırmam.

wix.com Türkçe yayınlanan sitesine buradan ulaşabilirsiniz.


Wix.com'un genel özelliklerine kısaca bakalım;

XML Nedir?

XML (Extensible Markup Language) Nedir?


Genişletilebilir İşaretleme Dili (XML) WEB deki yapılandırılmış döküman ve bilgilerin evrensel bir dilidir. HTML dilinden farklı olarak XML, kullanıcıya kendi anahtarlarını ve kendi yapısını oluşturmasına izin verir. Bu yönüyle daha esnek ve daha okunabilir olan XML, HTML dili yerine oluşturulmuş bir dil olmayıp, HTML ile birlikte kullanılmak üzere tasarlanmıştır. XML, HTML ile birlikte kullanılarak Web Sayfalarının yeteneklerini;

Sanal olarak herhangi bir belge türünü teslim etme 
Bilgiyi başka yöntemlerle sıralama, süzme, yeniden düzenleme, bulma ve değiştirme 
Bilgiyi çok iyi yapılandırarak sunma yönünde artırmaktadır. 


XML’in Yapısı:

Adres bilgileri, Konfigürasyon parametreleri, teknik çizim, Hesap Çizelgesi (Spreadsheet) gibi öğeler içeren dosyaların yazılımında kullanılır. XML bir programlama dili değildir. Bu bakımdan bir bilgisayar programcısı olmak gerekmez. XML genişletilebilir; kullandığınız platformdan bağımsızdır ve evrenselleştirilebildiği gibi, yerelleştirilebilme özelliğine de sahiptir. 


Hesap Çizelgesi (Spreadsheet), adres defteri, ve diğer yapılandırılmış bilgi üreten programlar bu verileri diskte ikilik sistemde ya da yazı olarak tutarlar. Bu dosyaları diskte yazı olarak tutmanın avantajı, o dosyayı açmak için oluşturulmuş olduğu programda açılmasının gerekli olmamasıdır. Bu yazı dosyaları kişinin istediği bir yazı işleme programında açılıp düzenlenebilir. XML, HTML gibi bir yazıdır. Bu özelliğiyle geliştiriciler (developers) XML dosyalarını kolayca yazabilir, dil hatalarını daha kolay bulabilirler ve herhangi bir yazı editöründe düzenlenebilir.


XML, HTML gibi anahtarlar ve öznitelikler kullanır. HTML de yazılan anahtarlar ve öznitelikler gözatıcıda belirli bir şekilde gösterilir. Ancak XML de anahtarlar ve özniteliklerin nasıl tanınacağı ve nasıl gösterileceği yazar tarafında belirtilir. Örneğin; anahtarı HTML de eğik yazıyı (italic) belirtirken, XML de yazının içeriğine göre iş, iletişim, istek gibi birşey olabilir. Buna karşın XML, HTML’den farklı olarak yazım konusunda daha katı kurallar içerir. Yanlış bir anahtar, tırnak içine alınmamış bir öznitelik XML dosyasının tamamen kullanılmaz duruma gelmesi için yeterlidir.


XML’in Tarihçesi:

XML’in gelişmesi 1996 da başladı ve World Wide Web Consortium tarafından 1998 de tavsiye edilmiştir. Bu tarihlere bakarak XML in daha gelişmemeş bir dil olduğu düşünülebilir, ancak XML den önce SGML (Structured Generalized Markup Language) vardı. 1980 lerden önce geliştirildi ve 1986 da ISO standartlarına girdi. HTML in geliştirilmesi de 1990 da başladı. XML in yapımcıları SGML in en güçlü bölümlerini aldı ve HTML in deneyimleriyle birleştirerek SGML kadar güçlü bir işaretleme dili olan XML’i yarattılar. 


XML’in Bazı Önemli Özellikleri:

XML bazı formatları birleştirerek ve yeniden işleyerek yeni bir format oluşturmanıza izin verir. XML bu yönüyle modiler bir işaretleme dilidir. 

XML dilini şeçmek, bir veritabanı (database) için SQL seçmek gibidir. Ikisinde de veritabanını, programları ve bunları kontrol eden işlemleri kendiniz yazmanız gerekmektedir. XML ile bu işi yapmak için oldukça fazla programa ve size yardım edecek oldukça fazla kişiye sahipsiniz. 

XML tamamen bedava bir programlama dilidir. Bu bakımdan kendi programınızı yapabilirsiniz ve bunun için kimseye para ödemenize gerek yoktur. 

XML’in Gerçek Yaşamda Kullanıldığı Alanlar:

· Veritabanları depolamak
· Belgeleri yapılandırmak
· Vektörel grafikleri depolamak
· Çoklu ortam sunumlarını tanımak
· Kanalları tanımlamak
· Yazılım paketlerini ve bunların iç bağımlılıklarını tanımlamak
· Web üzerinde uygulamalar arasında XML tabanlı iletileri kullanarak açık ve genişletilebilir bir yöntemle haberleşmek
· E-posta ile elektronik kartvizit göndermek
· Finansal bilgi alış-verişinde bulunmak
· Iş tanımları ve özgeçmişleri iletmek
· Web’deki matematik formülleri ve bilimsel içeriği biçimlendirmek
· Moleküler yapıları tanımlamak
· DNA, RNA ve protein sırası bilgisini kodlamak ve görüntülemek
· Evrim teorisini kodlamak
· Astronomi bilgisini iletmek
· Müzik notaları yazmak
· Taşıma hizmeti için yol bilgisini depolamak
· Yasal belgeleri toplamak ve elektronik ortamda iletmek 

TC Uzantılı Domain/Alan Adı


TC uzantılı domainler / alan adları satışa çıkmaya başladı. Şimdilik marka sahipleri kayıt yaptırabiliyor ama çok kısa bir süre sonra domain yatırımcıları ardından da tüm herkes kayıt yaptırabilecek. bu uygulama saçma çünkü tamamen rant sağlamak adına yapılmış bir uygulamadır. Bu uygulamayı kim böyle yaptı diyorsanız ''çocukluğumuza inmemiz'' gerekecek.





Türkiye'de internetin yayılmaya başlaması ile devlet bu işe el koymuş ve ülkemiz için com.tr, gov.tr ve k12.tr gibi domain uzantıları layık görülmüştü. Belki de o dönemlerde ileri görüşlü bilişim uzmanlarımız olsaydı belki bu gün TC uzantılı domainler ülkemize çoktan mal olmuş olacaktı. Almanya .de uzantısını , Fransa .fr uzantısını kullanır. com.de yada com.fr değil...Alman kökenli INTERSTATE şirketi TC uzantılı domainlerin sahibi olan İngiliz AdamsNames firmasını geçtiğimiz aylarda satın alarak TC uzantılı domainleri piyasaya sürüp sürmeyeceği merak konusuydu ki daha bu merak konusu çok fazla irdelenmeden İnterState şirketi Türkiye'de kurduğu TCNET İnternet Şirketi tarafından satışa çıkarıldı ancak bu satışlar yukarıda da belirttiğim gibi üç aşamada gerçekleşecek. İlk önce marka sahipleri , ardından domain yatırımcıları ve en son olarak tüm herkese satılacak. 

Markaların ve kurumların internet ortamında isimlerinin farklı kişilerce alınmasıyla yaşadıkları mağduriyeti göz önünde bulunduran TCNET yönetimi sorumlulukları gereği pazara girdikleri ilk dokuz gün yalnızca Marka Tescil Belgesi olan kurum ve kişilere özel kayıt haftası olarak ayırdıklarını açıkladılar. 29 Kasım 2012 tarihinden itibaren ise bir hafta ‘’ön satış haftası‘’ yaparak Internet dünyasının yenilikçi girişimci camiasına alan adlarını sunacaklar. 3 Aralık 2012 tarihinden itibaren ise “.TC” domain uzantısı isteyen herkesin kullanımına sunulacak. 

gov.tr uzantılı olan resimi kurum ve kuruluşlar TCNET şirketine yapacakları başvurular ile TC uzantılı domainleri ücretsiz alabilecekler. Bunu da TCNET şirketinin ortaklarından birisinin Türk olmasına borçluyuz. 
Aşağıdaki infografikte dünya domain bilgilerine genel bir bakış sağlayabilirsiniz.

Vural Egemen SARIGÖZ
20.11.2012

E-Ticaret Siteleri İçin Renk Tercihleri


Renkleri sevme durumu genel olarak kişisel bir tercih gibi dursa da, kişilerin renkleri nasıl algıladığı konusu E-Ticaret sitelerinin tasarımında zaman zaman önemli bir hal alabilir.



Genel hatları ile ana renk tonlarını ticari bir bakış açısı ile incelediğimizde ortaya çıkan sonuç ortalama olarak şu şekilde;









Hasan Yalçın'ın Modern Webtasarımı İsimli E-Kitabından alıntıdır.













E-Ticaret Siteleri İçin Ara Yüz Tasarımı




E-ticaret siteleri kurumsal sitelerin aksine, bir ürün ya da hizmetin satıldığı, parasının on-line
olarak tahsil edildiği web uygulamalarıdır.


Her ne kadar pratikte öyle olmasa da, teorik olarak baktığımızda E-Ticaret sitelerini birer fiziksel mağaza olarak düşünerek işe başlamak, ya da öyle algılamak, tasarım aşamasında işleri kolaylaştıracak bir yöntem olabilir.


Örneğin, tekstil ürünleri satan gerçek bir mağazada neler olduğunu hayal edelim. Öncelikle mağazanın vitrini ve vitrin tasarımı vardır. Mankenlere giydirilmiş, tüketicinin ilgisini en çok çekebilecek ürünler vitrinde yer alır. Ayrıca bu tüketiciyi mağaza içerisine çekmek için
önemli bir yöntemdir. Sırf bu yüzden iyi vitrin tasarımcıları hem çok kıymetli ve zor bulunan
kişilerdir, hem de gerçekten çok iyi para kazanırlar.

Müşterinizi içeri aldıktan sonra ilgisini çeken ürünleri ve mümkünse onunla alakalı diğer ürünleri de müşteri yetkilisi sunarak, içeri giren müşteriyi satın alma sürecine doğru yönlendirmeye çalışır. Eğer müşteri hayalindeki ürüne ulaşıp bunu satın almış, üstelik de yanında benzer  özelliklerde, fazladan bir ürün daha satın almışsa, çok başarılı bir alış.


Vitrin konusunda bir başka önemli konu da ana sayfa yerleşiminde seçilen ürünlerin; ilgi çekici, uygun fiyatlı ve sitenin hedef kitle yelpazesindeki herkese hitap etmesidir. Bu noktada yapılan en önemli yanlışlardan biri vitrinde eski-tarihi geçmiş ve stokta olmayan ürünleri göstermektir.
Sadece vitrinde yer alan değil, sitenin tamamında tükenmiş ürünleri gösteriyor olmak kullanıcı üzerinde negatif bir etki yaratacaktır. Bir alışveriş sitesi için en kötü senaryo, kullanıcıları üzerinde “o sitede nasıl olsa yoktur ya da kalmamıştır” fikri oluşturmaktır.

Sanal mağazaların tam bu mantıkla çalıştığını söylemek mümkün. Müşteriniz sitenize gelir, vitrininize bakar, ilgisini çeken bir şey bulduğunda ise içeri girer.
İşte bu noktada hem gelen müşteriyi site içine almak bir maharet olduğu gibi, bu aşama sonrasında ona alışveriş yaptırmak ve başarılı bir ödeme süreci yaşatmak da farklı bir marifettir.


Bu noktada doğru yapılanmış bir kurgu eşliğinde, doğru ara yüz tasarımı tercihlerinde bulunarak başarılı bir E-Ticaret sitesi ortaya çıkarmak mümkün.

Bir alışveriş sitesi için en önemli unsurun kullanılabilirlik olduğunu söyleyebiliriz. Kullanıcı, alışverişi düz bir hat üzerinde, kafası karışmadan, hata yapmadan ve sorunsuzca  onlandırmalıdır. Tasarım, bu düz ve sorunsuz hattı oluşturan görsel öğeler olarak tanımlanabilir.


“İnternet üzerinde satışlar başladıktan sonra, insanların alışveriş alışkanlıkları değişti. Bu karlı işin üzerine gidilmeli.” William Daley - Eski Amerikan Ticaret Bakanı-Yatırımcı


Alışveriş yapacak kullanıcıyı yönlendirmek bu noktada tasarımın yükleneceği görevdir. İyi yapılandırılmış bir navigasyon, sorunsuz çalışan bir arama –ki arama fonksiyonu için geliştirilmiş bir auto complete (Otomatik tamamlama) ile beslenmiş olması tercih sebebi olur- siteye gelen kullanıcıyı aradığı ürüne en hızlı ve hatasız şekilde ulaşmasını sağlayacak unsurlardır.


Sade tasarımlar, kullanıcıya yol gösteren yönergeler, kolay anlaşılan kontrast renklerde aksiyona çağrı (Call to action) butonları, siteye gelen kullanıcının üzerinde kolay alışveriş yapma algısını oluşturarak satışa yönlendirmelidir.


Otomatik tamamlama modern web sitelerindearamayı kolaylaştıran bir uygulamadır.

Dönüşüm mü, estetik mi?


E-Ticaret siteleri için en önemli olgu elbette ki “conversion” yani dönüşüm, diğer bir deyişle,
siteyi ziyaret eden kullanıcının alışveriş yaparak siteden ayrılmasıdır.


Dönüşüm, zaman zaman tasarımcıların hiçte istemedikleri durumları beraberinde getirebilir.
Daha sıkışmış aralıklar, dar alanlarda daha fazla içerik göstermek, arama motoru optimizasyonuna uygun metin kutuları, sitenin genel kimliğine aykırı aksiyon butonları ve daha fazlası...

E-Ticaret sitelerinde daha yalın ve estetik açıdan kaliteli tasarımlar oluşturmak, tasarımcının bu istekleri bir potada eriterek, nispeten simetri kurallarından faydalanması ile bir çözüme ulaştırılabilir.

Sıkışık içerikler eşit ve düzgün aralıklar verilerek mümkün olduğunca ferah bir şekilde kullanıcıya sunulabilir.


Her şey çok mu sıkışık? Olsun, kullanıcıya daha fazla ürün gösterip satış yapma ihtimalini yükseltmek estetikten daha önemlidir!


Kurumsal sitelerdeki rahat alanlar, serbest tipografik yaklaşımlar, hacimli fotoğraf ve grafik kullanımı, istisnalar haricinde E-Ticaret sitelerinin tasarımında unutulması, hatta hiç hatırlanmaması gereken unsurlardır.

İyi bir dönüşüm oranı yakalamak için üzerinde durulması gereken beş taşıyıcı sayfanın mevcut olduğundan söz etmemizmümkün. Öncelikle beklediğiniz üzere sitenin ana sayfası bunlardan biri değil.

Ana sayfayı daha çok yukarıda sözü geçen vitrin mantığı ile konumlandırmak gerekir. Çünkü asıl satın alma süreci içerdekisayfalarda başlar.

Bu beş sayfayı şu şekilde sıralamak mümkün.
Kategori sayfası, arama sonuç sayfası, ürün detay sayfası, sepet ve ödeme (Checkout)  sayfaları. Kullanıcı bu sayfalar üzerinden ilerlediği pürüzsüz hat üzerinde alışverişini tamamlamalı ve ziyareti nakite dönüşmelidir. Peki bu sayfalarda dikkat edilmesi gereken özellikler neler olmalı göz atalım.


Eğer en iyi yüz ticari kuruluşu incelemeye kalkarsanız, eminim büyük bir çoğunluğunun  başarısının özgün ve yenilikçi satış metodlarında gizli olduğunu farkedeceksiniz. W. Alton Jones


Öncelikle kategori sayfası bir ürün grubunun farklı özelliklerdeki mallarının listelendiği sayfa olarak tanımlanabilir.


Bu noktada genel olarak geçerli ve kullanıcıların klişe alışkanlıklarına hizmet eden senaryo; sayfa içinde yer alan ürün grubu içerisinde filtreleme yapabilme olanağı sağlamasıdır.
Bu filtreleme ile oluşacak etiketler ile kullanıcının bir bakıma kendi özgün navigasyon birimini oluşturması, ekmek kırıntısı (Bread Crumb) olarak tabir edilen menü sistemi ile sayfalar
arası bağlantı, ürünlerin dilediği şekilde listeleme (En yeni, en ucuz, en popüler v.b) imkanı vermesi.

Ayrıca bu filtrelemeye farklı fonksiyonlar ekleyerek, kullanıcının daha detaylı şekilde aradığı ürüne ulaşması da sağlanabilir. (Renk, önce bitecekler v.b)


1999 yılından bu yana yayında olan E-Ticaret sitesi Zappos’un ürün listeleme sayfaları bir çok girişim için model oluşturuyor. Filtreleme, kullanıcının kendi oluşturduğu kişisel navigasyon ve ürünleri çeşitli kriterlere göre listeleme seçenekleri kullanıcı için en kolay yol gibi gözüküyor.


Elbette bu noktada anahtar işlevi görecek durum; bu malların sayfa içinde kolay anlaşılabilir, alışveriş sepetine eklenebilir, simetrik ve birbirlerinden kopuk olmayan sabit bir düzen içerisinde yer almalarıdır.

Arama sonuç sayfasının aslında listeleme açısından kategori sayfasından türemiş bir başka versiyon olduğu kabul edilebilir.

Tamamen aynı ya da benzer özellikleri üzerinde taşır. Burada kilit nokta bu sayfanın görünümünden ziyade hizmet ettiği amaçtan söz edilebilir. İyi bir arama altyapısına sahip olan sitede, doğru ürüne ulaşmak en kısa ve hızlı şekilde gerçekleşeceği için, dönüşüme katkısı da yüksek oranda olacaktır.

Öte yandan arama kutusunun yerleşimi ve daha önce sözü geçen arama yaparken otomatik tamamlama (Autocomplete) özelliği ile kullanıcı yol aldığı sanal hat üzerinde hataya imkan vermeden yönlendirmek te mümkün olacaktır.


Autocomplete - Otomatik tamamlama özelliği kullanıcı için kolay bir arama deneyimi sağlar...


Ürün detay sayfasına geldiğimizde önce dikkat edilmesi gereken özellik tahmin edebileceğiniz üzere, sade ve anlaşılır bir stilde olmasıdır. Ürünün net ve açık şekilde sergilenen, bir ya da birden fazla fotoğrafı, ürün adet seçimi, aksiyonu gerçekleştirecek ve mümkünse kontrast bir Sepete Ekle butonu, -çok uzun olmayan kullanıcının sorunsuzca, hızlı bir şekilde anlayabileceği ürün açıklamaları eşliğinde sayfaya yerleşimi ürün detay sayfası için gerekli ana başlıklar olarak
tanımlanabilir.

Bunların dışında başka fonksiyonel çözümler, sayfa içi eklenti ve uygulamaları da, ürün detay sayfasında konumlandırmak mümkündür. Tekstil ürünleri satan bir site için fotoğrafta ürünü sergileyen mankenin ölçüleri, bir ayakkabı sitesi için ise ayakkabı numaraları kataloğu gibi
küçük ve bilgilendirici eklentileri sayfa içine yerleştirmek olasıdır.


Sepet, genelde ödeme işlemlerinden önceki son adım olarak değerlendirilebilir.
Elbette sepet için yapılacak yorum aslında sitenin geneli için yapılacaklardan farklı değildir.
Anlaşılır ve fonksiyonel olması kullanıcının kolayca işlem yapabilmesi, iyi bir alışveriş sepeti için öne çıkan unsurlar olarak kabul edilebilir. Sepet stili, gelişen web teknolojileri ile farklı şekillerde de geliştirilebilir. Daha etkileşimli, farklı ara yüz elementleri kullanılsa da, asıl olarak sepetin görevinin kullanıcıyı ödeme işlemine yönlendirmek olduğunu unutmamak gerekir.


İnternet ve e-ticaret şirketimizin hayati bir parçasıdır ve bu yeni organizasyon bize mağaza,
marka ve katalog gücümüzü yükseltmekte en büyük yardımcı olacaktır. 
Jerry Storch - Toys ‘R’ Us Ceo’su


Bir E-Ticaret sitesi için, ödeme sayfaları şüphesiz en önemli sayfalardır. Buradaki her işlemin
sorunsuz ve düzgün bir akışla işlemesi, gerçekleşecek olan dönüşümün ana yapıtaşı olacağından, dikkat edilmesi gereken bir çok husus vardır. Bu noktada sadece ülkemize özgü, aynı zamanda tasarımcılar için baş ağrısı yaratan bir problemden söz etmeden geçmek olmaz.
Yurtdışındaki alışveriş sitelerindeki kolay ve hızlı alışveriş sürecinin, ne yazık ki ülkemizde gerçekleşmesi mevcut ödeme sistemleri ve finansal programlar yüzünden yüzünden zor
gözükmektedir.

Özellikle ülkemize özgü taksit sistemleri ve bonus-parapuan programlarına bir de satıcı firmaların hediye ve kupon kodu gibi promosyon çalışmaları eklenince, alışveriş  sitelerinin ödeme sayfaları neredeyse bilmece haline dönüşüyor.


Bu durum her ne kadar kullanıcılar üzerinde alışkanlık yaratsa da, ödeme sayfasında vazgeçen, yolunu kaybeden kullanıcılar olduğu gerçeğini değiştirmiyor. Bu aşamada yapılacak iyileştirme ve düzenlemelerin dönüşüme katkısı oldukça fazla olacaktır. Tabloya bu şekilde baktığımızda ödeme sayfaları ile ilgili farklı modeller kullanılabilir. Burada akış ve aksiyon butonlarının algısı, işlemin tek sayfada dikey bir şekilde mi, yoksa her adımda başka bir sayfada işlem yaparak ve
de bunu bir ilerleme çubuğu ile görselleştirerek kullanıcıya sunulacağı genelde proje sahibinin tercihi olmaktadır.


Alışveriş sürecinde ödeme aşamasında yaklaşık vazgeçme oranı %30 seviyesinde.


Her iki yöntemin arasında belirgin bir fark olmasa da tek sayfada tamamlanan ödeme (Checkout) işlemi modelinin, kullanıcının bulunduğu sayfadan kopmadan işlemini tamamlaması
açısından önemli olduğu kabul edilebilir.



























Kurumsal Siteler İçin Ara Yüz Tasarımı


Daha önce de belirttiğim gibi kurumsal web siteleri, firmaların kendilerini ifade ettiği, varsa
ürettikleri ürünlerin tanıtımlarını yaptıkları, tüketici ile iletişim halinde olabildikleri alanlardır.
E-Ticaret sitelerini mağaza ya da mağazalar zincir olarak nitelendirirsek, kurumsal siteleri bu mağazaların ana ofisi, ya da yazıhanesi gibi değerlendirmek daha akla yatkın bir anlatım biçimi olsa gerek...


Aslında kurumsal site kavramını oldukça geniş bir çerçeve kapsamında tutmakta fayda var.
Çünkü kurumsal siteleri sadece belli özelliklere sahip ticari kurumlar için değil, aynı zamanda okul, devlet, kamu kurumları ve hatta orduya ait siteler için de kullanabiliriz. Özellikle holdinglerin siteleri içerisinde barındırdıkları bir çok kurum olduğundan genel olarak kurumsal site
tanımına en yatkın oluşumlardır.


Çukurova Holding’in kurumsal sitesi sözedilen hemen her özelliği taşıyor




Kurumsal siteler cümlesindeki ayrışmanın özü ise o sitede bir ürün ya da hizmet satılmadığı, ancak o ürün ve hizmeti üreten kurumlar hakkında bilgi verici platformlar olmasıdır. Bu noktada iki işi aynı anda yapan oluşumlar olduğu gerçeğini de göz ardı etmeden, bunların istisnai durumlar olduğunun altını çizmek gerekir. Yani hem ürettiği malı internet üzerinden
satan hem de o markayı üreten firmalar hakkında bilgi sahibi olabileceğiniz sitelere de rastlamanız mümkündür. Tanımı bu şekilde yaptıktan sonra kurumsal siteler için yapılacak ara yüz çalışmalarında hangi tercih ve eğilimlerde bulunmak daha sonuca yönelik olur birlikte inceleyelim.


“İnternet ekonomisi insanlar, şirketler ve küresel bazda ülkeler için görülmemiş büyüme fırsatları yaratmaya devam ediyor.” John Chambers - CEO Cisco Systems


Erdem Holding’in kurumsal sitesi ne yazık ki çağın oldukça gerisinde kalmış,acilen yenilenmeli..

Ana Sayfa Oluşturma


Sitenin ana sayfasında yer alacak bilgilerin ve içeriğin mutlaka doğru şekilde konumlanması gerekir. İçeriğin homojen olarak yayılmış olması, firma hakkında ilk bilgilerini almak üzere olan kullanıcının aklını karıştırmadan, kolay anlaşılır bir şekilde sunulmalıdır.
Kolay anlaşılabilir bir navigasyon, kullanıcıların sitede bulmak istedikleri için iyi bir başlangıç noktası oluşturmalıdır.


Marka Bilinci Oluşturma


Kurumsal siteler, ait oldukları kurumun imajını web üzerine taşıyan platformlardır. Bir markanın öncelikle logosunun akılda kalıcı olması gerekir. Markanın görsel iletişimini oluşturacak
diğer unsurların da (Fotoğraf, tipografik yapı v.b) logosu ile bir bütünlük içerisinde yine akılda kalıcı olması beklenir. Tüketici ya da kullanıcılar daha sonra gerek internet üzerinde, gerekse farklı mecralarda bu elementlerden biriyle karşılaştığında, hiç düşünmeye gerek kalmadan, görsel algıları ile rastladıkları görsel unsurun o markaya ait olduğunu anlamalıdırlar.
Bu algıyı yaratmak için gerek renk, gerekse tipografik çalışmalara önem vermeli, aynı zamanda firmanın kurumsal kimliğinde yer alan; şekil, maskot ve figürler için özel çalışmalar
yapılmalıdır.




Pizza Hut “Pizza Kulübesi” demektir, kırmızı şapka
olarak algıladığımız görsel, kulübesi’nin çatısı
olmasına rağmen nerede görsek aklımıza Pizza Hut
ve pizza gelir.

Aramanın Önemi
Eğer kurumsal site bir kaç sayfadan oluşan siteler değil de geniş içeriklere sahip büyük bir site ise mutlaka arama özelliği eklenmelidir. Karmaşık ve dolu bir içerik arasında kullanıcının dilediği bilgiye ulaşması, şüphesiz en önemli unsurlardan biridir. Aramada yer alacak autocomplete (Otomatik tamamlama) özelliğinin faydalarını ilerleyen bölümlerde
inceliyor olacağız.

İletişim Bilgileri

Bir kurumsal sitenin en önemli detaylarından biri, firmanın iletişim bilgilerine kolayca ulaşımdır.
Otomatik olarak kullanıcı mesajını ileten bir alan, açık adres, kroki, harita, telefon numaraları, e-posta bilgileri bu alanın en etkin şekilde kullanımını sağlar. Özellikle bu bölüme eklenecek Google haritalarının akıllı telefon kullanıcıları için önemli bir ayrıntı olacağını
unutmamak gerekir.

E-Bülten Üyeliği


Eğer üzerinde çalışılan kurumsal sitegeniş bir kitleye hitap eden ve güncel haber ve duyurulara sıkça yer veren bir kuruma aitse, E-Bülten üyeliği de siteye entegre edilerek, kullanıcıların düzenli olarak bilgilendirilmesi sağlanabilir. E-Ticaret sitelerinde ise, E-Bülten birer

pazarlama aracı olarak kabul edilirler. Bu amaçla daha fazla E-Bülten üyesi kazanmak için, abone olanlara ufak armağanlar, hediye çekleri ve ya kupon kodları vermek mantıklı bir yöntemdir.



Hasan Yalçın'ın Modern Web Tasarımı İsimli E-Kitabından Alıntıdır.