Web tasarımı ile uğraşan tasarımcılar için olmazsa olmaz ipuçları.
Bir web sitesi tasarımına başlayacaksınız, ama yapmamanız gerekenler yapmanız gerekenlerden daha önemli!
Pop up Pencereler
Site girişinde, yer alan ve site üzerine açılan pencereler kadar kullanıcıyı rahatsız eden bir öğe yoktur herhalde. Birde sitenizin kendisi yeni bir pencerede açılıyor ise bu yapabileceğiniz en büyük hatalardan biri olacaktır.
Son dönemde otomatik olarak yüklenen pop up engelliyiciler nedeni ile tasarımınızda yer vereceğiniz bu sonradan açılan pencerelerin kullanımı neredeyse sıfıra inmiştir. Siz siz olun sitenizde yeni pencere açtırmayın!
Karmaşık Navigasyon
Kullanıcılar tarfından kolayca anlaşılmayan, düzgün çalışmayan, fazla karmaşık ve fanteziye kaçmış navigasyon modelleri, sitenizde düzenden çok karmaşıklığa yer verecektir.
İyisimi siz sade rahat anlaşılabilen, kullanıcıya şov yapan değil yol gösteren basit navigasyon sistemlerini kullanmayı yeğleyin.
Arka Plan Müziği
Web sitelerinde yapılan en büyük hatalardan biri, formatı ve türü ne olursa olsun arka planda çalan bir müzik olacaktır.
Hem hoparlörün sesini açık unutanlar istenmedik durumlar ile karşı karşıya kalacaklar, hem de o an dinlediğiniz farklı bir müzik varsa ortaya çıkacak ses karmaşası kullanıcıyı sitenizden hemen kaçıracaktır.
Ayrıca kullandığınız ses formatını desteklemeyen sistem yada tarayıcılar problem çıkaracak ve sitenize erişimi engelleyecektir.
Hem bir endüstri firmasının kurumsal sitesinde ortalığı şenlendirip ambians oluşturacak bir müziğin ne işi olabilir ki ?
Hatalı Tipografi
Site içerisinde kullandığınız farklı türden fontlar, ve bunların stilleri kullanıcılar üzerinde rahatsızlık yaratan en önemli unsurlardandır.
Mümkün olduğunca bir ana font seçerek onun boy ve türevleri üzerinde yoğunluşmak, sitenizi ziyaret edenlerin içerikleri okumasına yardımcı olacak hemde görsel bütünlüğü korumanıza yarayacaktır.
Gereksiz Grafik ve Flash Öğeler
Sitenize gerektiğinden fazla grafikle yüklemek, sadece hoş görünebileceğini düşündüğünüz bazı flash uygulamaları sitenize eklemek, hem sayfaların yüklenmesinde zorluk çıkaracak, hem de sitenizi arama motorlarınca indekslenmesini zor hale getirecektir.
Ayrıca siteye yerleştirilen bazı roll over flash uygulamaların, istenmedik şekilde bazı önemli alanların üzerini kapayarak kullanılmaz hale getirebileceğinide unutmayın!
Farklı Tarayıcıları Desteklememek
Siz sadece X tarayıcıyı kullanıyorsunuz diye herkes aynı tarayıcıyı kullanmak zorunde değil!
Sitenizi farklı platform ve tarayıcılara uygun , popüler çözünürlükleri desteleyecek şekilde tasarlamalısınız.
Yoksa kullanıcılarınızın sitenizdeki sörf macerası başlamadan bitebilir.
Uygunsuz Reklam Yerleşimi
Sitenizde reklam yayınlamak elbetteki en büyük hakkınız, ya yerleştirdiğiniz reklamlar kullanıcılarınızın ulaşmaya çalıştığı içeriği engelliyorsa ?
Sitenize koyacağınız reklamların yerleri hakkında kaynaklara ulaşarak hem en efektif ve size daha fazla gelir getirecek bir yerleşim şekline ulaşabilirsiniz, hem de kullanıcılarınızı rahatsız etmemiş olursunuz.
Sitenizi tasarlarken standart reklam boyutlarından haberdar olun ve ona göre yer ayırın.
Frame Kullanımı
Artık tamamen terk edilmiş bir teknoloji olan frame kullanımı, kullanıcılarınızı rahatsız edecek bir başka unsur. Gerekmediği sürece frame kullanımından kaçının.
Yorumlar (36)
Ergün Özyurtdiyor ki:
16 Aralık 2007 6:10 pmbu yazının sadece başlığını ve sonrasındaki alt başlıkları okudum.
yanlış anlaşılmasın; bugüne kadar yorum yazmamış olabilirim ama her yazınızdan sonra bir teşekkür etmişimdir içten içe.
RSS takipçinizim.
nedense bu sefer yazmak istedim:
rss reader olarak kullandığım google reader’da yeni yazılanları J kısa yol tuşuyla geçerken sizin yazınızı da sıra geldi. başlıkları okuyup geçtim dediğim gibi.
diğer takip ettiğim bloglardan bir kaç yazı okuduktan sonra yazınıza geri döndüm.
“sadece başlıkları okudum, neden bir şey kaçırdığımı düşünmüyorum” dedim kendi kendime.. bulamadım. halen de alt başlıkların altlarını okumuş değilim. yazının konusuyla da bağdaştırınca ironik gelmedi değil.
bir takipçinizin naçizane yorumudur.
iyi çalışmalar.
» Web Tasarımında Yapmamanız Gereken 8 Büyük Hata - Webmaster Dünyası! | Webmaster Forumları | Google Adsense ve Adwords | Seo | HTML | PHP | ASPdiyor ki:
16 Aralık 2007 7:01 pm[…] https://www.hasanyalcin.com/?p=360 Sende Paylaş: Bu ikonlar sayfalarımızın yeni ziyaretçilere tavsiye edilmesinde yardımcı olacaktır. Beğendiklerinizi sizde paylaşın!. […]
hasanyalcindiyor ki:
17 Aralık 2007 8:08 amSevgili Ergün,
Yorumundan hiç bir şey anlamadım doğrusu, iyimi kötümü ?
Yazılarımı sadece başlığı okunup geçilecek “içinde ne olduğunu nasılsa biliyoruz türünden” kadar gereksiz mi buluyorsunuz ?
eburhandiyor ki:
17 Aralık 2007 8:31 am“kullanıcıya şov yapan değil yol gösteren”
bütün olay bu bence.
Mustafa MORBELdiyor ki:
17 Aralık 2007 1:59 pmBence yazı yeni başlayanlar için ideal ama bunları artık tüm tasarımcılar biliyor. Sanırım Ergün bunun çelişkisinde kalmış. Yani tasarımla ilgilenenleri başlığa ve alt başlığa bakmaları yeterli. İhtiyaç duyanlar metnin tamamını okuyabilir. Bence güzel olmuş.
BloGrafikdiyor ki:
17 Aralık 2007 4:58 pm@Mustafa
Vallahi açıkçası ben bütün tasarımcıların bu işin farkında olduklarını zannetmiyorum.Hala bolca karşılaşıyorum bu tarz sitelerle.
İşin sırrı sadelikte bence.Yazıda gayet iyi özetliyor bu durumu.
Mustafa MORBELdiyor ki:
17 Aralık 2007 5:17 pmhaklısın hala yapanlar var ama biz onlara maalesef ki tasarımcı demiyoruz artık.
css biliyorum diyip scrollbar değiştiren, ie üzerine kurulu siteler hazırlayan, hatta hala (!) mouse imleci yada ikonu değiştiren hatta onun arkasına takip eden bir yazı yada saat ekleyebilen siteye java yada flash saat ekleyen, kurumsal sitelere döviz kuru ekleyen kısacası yapılmaması gereken bi çok şeyi yapan insanlar var. yani 8 başlıkla sınırlı kalamaz. Bunları yapanlar maalesef ki tasarımcı değiller. Bence onların okuması daha ii bu yazıyı :) hatta biz bu konuyu genişletelim düzgün bir makale oluşturalım.
Web Tasarımında kesinlikle yapılmaması gerekenler başlığı altında. Frontpage ile web sitesi tasarımı yapanlara ışık tutmuş oluruz. Yada internetin daha da kirlenmesini engellemiş oluruz.
Ergün Özyurtdiyor ki:
17 Aralık 2007 7:12 pmkötü.
şöyle açıklamaya çalışayım.
“Yapmamanız Gereken” başlıklı bir yazının altında
“Karmaşık Navigasyon”
alt başlığını okuduktan sonra, salt yazıdan olan açıklamasında, başlığın anlattığından fazla ne öğreniriz? Navigasyonu karmaşık yapmamamız gerektiğiniz.
“Pop up Pencereler” alt başlığında bunu daha iyi görüyoruz;
Yazının temel konusu yapmamamız gerekenler idi, alt başlık pop up pencereler. Sadece başlığı okuyarak anlayabileceğimiz şey pop up pencerelerden sakınmamız gerektiği. Nitekim açıklamanın içinde de aynı şey tekrarlanmış. Son cümle direkt olarak bunu söylemiş hatta.
Ama hani karmaşık navigasyon başlığının altında 3 – 4 karmaşık navigasyon linki ya da görüntüsü, 1 – 2 tane de ideal navigasyon örneği olsaydı daha mı güzel olurdu? olurdu gibi..
Umarım anlatabilmişimdir şimdi.
Bu durum, arkadaşların bahsettiği gibi tecrübeli / tecrübesiz ayrımından kaynaklanıyor olabilir. Gerçekten ayırt edemiyorum..
H-Yaman » Haftalık Haber Turu-31diyor ki:
18 Aralık 2007 12:20 am[…] Hasan Yalçın’dan tasarım hakkında doğru bildiğimiz yanlışlarla ilgili faydalı bir makale Işınlan […]
Fatih Hayrioğlu’nun not defteri » 18 Aralık 2007 Web’den Seçme Haberlerdiyor ki:
18 Aralık 2007 3:04 am[…] Hasan Yalçın’dan “Web Tasarımında Yapmamanız Gereken 8 Büyük Hata” Bağlantı […]
Harun SUVdiyor ki:
18 Aralık 2007 4:57 amPeki bunları müşterilere nasıl anlatabiliriz. Mesela sitesine en sevdiği sanatcının albümünü koymak isteyen bir müşteriye.
Orhandiyor ki:
18 Aralık 2007 5:03 amsevgili Ergün,
Evet yazıda örnek olsa hoş olurdu ama yazarımız kendince nedenlerden dolayı örnek vermemeiş olabilir, ben kendimce sana bir kaç “iyi” ve “kötü” navigasyon örneği vereyim.
Mesela sourceforge.net in navigasyonu her zaman bana zor gelmiştir. Özellikle alt sayfalarda ne zaman nereye tıklıayacağım ne oluyor ne bitiyor hep geç algıladığım bi site olmuştur. Diğer taraftan gazetelerin siteleri ile haber siteleri (özellikle de amatör olanlar) ana sayfadan başlayarak tam bir içerik bombardımanına tuttuklarından yine karışık sayılabilecek örnekler arasında. Bildiğin haber ve gazete sitelerini gezerek daha yakından inceleyebilirsin. Son örnek olarak http://www.tatil.com/ gösterilebilir. Sitenin FF ile gezilmesi oldukça zor sadece IE hedef alınarak tasarlanmış sanki!!!
Gelelim iyi örneklere:
http://www.sitepoint.com/
http://www.456bereastreet.com/
http://www.microsoft.com/
http://www.google.com/ (zamanında google tam bir devrim niteliğindeydi)
http://codeigniter.com/
şimdi aklıma gelen güzel örnekler. Sende kendi deneyimlerine göre yenilerini keşfedebilirsin. Buradaki anahtar nokta “empati” kurabilme yeteneği. Bir arayüz tasarlarken kendimizi son kullanıcı yerine koymalı ve benzer bir sistemden beklentilerimizi açıkca gormeli ve bu doğrultuda çözümler üretmeliyiz. Hatta imkanınız varsa web ve internet teknolojilerinden pek de anlayamayan bir arkadaşınızdan yada anne babanızdan siteyi gezmesini ve düşüncelerini sizle paylaşmasını isteyebilirsiniz. Hareketlerini, ilk olarak nelere dikkat ettiklerini, nereye nasıl tıkladıklarını iyi gözlemleyerek ne demek istediğimi anlayabilirsin.
Yazı için Hasan Yakçına çok teşekkürler.
Mustafa MORBELdiyor ki:
18 Aralık 2007 5:16 amAlbümü koyman yasal olarak mümkün değil zaten.
Ama eğer para kazanıcaksan müşterinin istediklerini yapıcaksın ama asla sitenin altına imza atmayacaksın :) Ve referans olarak göstermeyeceksin.
Ama yine de ikna etmeye çalışmalısın müşteriyi. Kesinlikle istiyorum diyene kadar ısrar ediceksin. Herkes bu tarz şeylere rastlamıştır mutlaka.
hasanyalcindiyor ki:
18 Aralık 2007 8:20 amBu konuda başımdan geçen ilginç bir anı var,
Türkiye’ye otomatik çorap yapma makineleri ithal eden bir sitenin tasarımı tamamlandıktan sonra, konuyla ilgili yönetici asistanı (!) firmamızı arayarak ana sayfaya birde müzik eklemek istediklerini belirtti, hemde tempo tutarak şöyle çıstak bir şey olsun diye ekledi.
Tabiki bu tip kurumsal bir sitenin girişinde çıstak bir parça değil herhangi bir müzik parçası kullanılmasının ne kadar yanlış olduğundan söz etsekte anlatamadık pek. En sonunda ambience tarzı bir şeyler ekleyip projeyi tamamladık, tabii ne firmanın nede kişisel portfolyomuzda bu site yer alamadı.
Türkiyede işi uzmanına bırakıp güvenmek gibi bir kavram mevcut değil, çünkü herkes uzman, insanlar eve çağırdığı tesisatçıya contanın nasıl takılacağını, oto tamircisinde egsozun nasıl monte edileceğini, bilgisyarcıya windowsun nasıl kurulacağını tarif etmekten vazgeçip işin uzmanına güvenmeyi öğrendiği gün tasarımcılarında işi kolaylaşacaktır.
Şu anda geçerli olan parayi verenin düdüğü çaldığı gerçeği.
Bu gereçekliğin içinde siz uzay gemisi sitesi yapsanız bile girişine darbuka solo koydurmak isteyen bir iş sahibi veya proje yoöneticisi varsa, sizin için geriye pek seçenek kalmıyor. Ya idealist olup bu işleri almayacaksınız ki, bu aç kalmak demek olur, yada bu düzenin bir parçası olmaya devam edeceğiz.
Mustafadiyor ki:
18 Aralık 2007 7:21 pmyorumları okuyunca gerçekten çok güldüm :) Zira, anlatılanlar birebir başıma geldi. İnsanlarımız, veya firma sahipleri diyelim, henüz internetin ve bilincinin farkında değiller. Bir firma sahibi, internet sitesinin kullanıcılarını değil, daha çok kendisini düşünüyor. İnternet sitelerinin kendi vizyonları olduğunu unutuyorlar, kendi görmek istedikleri gibi yapmaya çalışıyorlar. Özellikle o müzik konusu gerçekten büyük bir sorun… Ben zaten bilgisayarımda müzik dinliyorum, bir de siteden neden müzik açmak için bağlantımı yavaşlatayım :)
Gerçekten yararlı bir yazı olmuş. Umarım herkes bunu okur ve artık her frontpage açan, dreamwaver kurcalayan kişi tasarımcılığa soyunmaz…
Orhandiyor ki:
19 Aralık 2007 6:32 amMehmet Doğan’ın Altı üstü tasarımı bitirdiğini duyurduunda ismi lazım değil popüler blog sitelerinde “aman iyi oldu çok konuşuyor icraat yok” diyenler vardı. İşte durumu özetleyen ironik bir örnek (!)
önderdiyor ki:
20 Aralık 2007 4:37 pmfaydalı bir yazı olmuş bunlardan bir kaç tanesini bende yapıyorum ve bazılarını yapmayıda terk ettim.
Omerdiyor ki:
21 Aralık 2007 6:00 amUzun süredir arka plandan blogunuzu takip ediyorum 14. yorumdaki yazdıklarınız gerçekler, insanı üzüyo.
kakalak.orgdiyor ki:
22 Aralık 2007 6:01 amBurdaki açıklamalar gerçeksen sığ ama hala bnların yapıldığını görmekte bi o kadar saçma!
14. yorumda bahsedildiği gibi herkesin herşeyi bildiği bir ülkede yaşıyoruz kimse kusura bakmasın ama bu ülke böyle işte..
Ben birine(şirket) bir tasarım yaptım hala bana bu siteye benzetsene diyor :o
Özgün olmak suç mu !
kakalak.orgdiyor ki:
22 Aralık 2007 6:04 amayrıca benim kendi nacizane fikrimde 9. madde olması gereken !
Flash ile tasarım yapılması ve bu tasarımların seo ile ilişkilendirilmemesi bu da tasarımcı ile webmasterın farkını ortaya koyuyor sanırım !
gursudiyor ki:
25 Aralık 2007 11:36 ampop-up kadar lanet birsey yok yaaa.gecende ekledigim bir eklenti basima bela oldu zaten.neyseki eklentiyi kaldirdim da pop-uptan kurtuldum.demekki neymis: onumuze gelen her eklentiyi kurmayacakmisiz.diger bilgiler icin tesekkurler…
2007′de Neler Oldu? : Hasan Yalcindiyor ki:
26 Aralık 2007 9:17 pm[…] ..Ve yılın son ayında ise Web Tasarımında Yapmamanız Gereken 8 Büyük Hata en çok ilgi çeken yazılar […]
kenandiyor ki:
28 Aralık 2007 6:51 pmWebmaster değilim tasarımcı hele hiç değilim :)
olmayada niyetim yok ta… frame kullanmayın demişsiniz. ama ben menülerimi java script veya 3 parti yazılımlar haricin de her sayfada tek kaynaktan nasıl göstereceğim. yani ben menüyü bir sayfada oluşturup frame ile index hazırlayıp tüm gidişatı buradan veriyorum, frame kullanmazsam bu sefer her sayfaya menüyü eklemem gerek. Frame yerine ne önerirsiniz?
cagataydiyor ki:
30 Aralık 2007 9:17 pmframesetler gerçekten iş görmeyen hatta mide bulandıran kötü şeylerdir fakat.
iframe çok çok fayda sağlar.
bir de iframe düşmanları varki çok fena =)
accaba sizin framelerden kastınız nelerdi?
ahmetbulentdiyor ki:
4 Ocak 2008 7:10 amÇok güzel olmuş.
Bu yazıyı görünce özellikle şirketlerin kurumsal web sitelerinde yaptıkları hataları da biz ekleyeleim dedik.
forumdiyor ki:
14 Ocak 2008 10:01 amçok iyi noktalara temas etmişsiniz. bugün hatta şu sıralar büyük haber sitesi haberturk.com bile bu yukarıda sayılan hatalardan en az birini yapıyor. Kanal1 in tanıtımının olduğu sesli banner siteye girer girmez hakkaten kabusum oldu. Hoparlörümün sesi az açık olduğu halde dehşet verici bir sesle beklenmedik bir anda insanı çok rahatsız edebiliyor.
batuhandiyor ki:
19 Ocak 2008 5:46 ambence harika bi yol gösterici bu açıklamalar
saol
handediyor ki:
19 Aralık 2008 6:00 pmçok haklısın arkadaş paylaşım için tşk
handediyor ki:
19 Aralık 2008 6:02 pmbatuhan salak bir siten var ahlak bozucu
sevgilidiyor ki:
18 Mart 2010 2:38 amçok güzel yararlı bilgi teşekkürler. web 2.0 açıklamarınıda bekleriz.
Osmandiyor ki:
25 Mayıs 2010 11:28 amHocam ağznınıza sağlık, çok yararlı uyarılar, şükür ki,hiçbiriyle derdim yok, reklam konusunda biraz düzenleme yapmam lazım
ucuz web tasarımdiyor ki:
2 Eylül 2010 4:26 amweb tasarım‘nda dikkat edilmesi gereken şeyler …paylaşım için teşekkürler..
akıllı evler imalatıdiyor ki:
20 Ocak 2011 8:45 pmpaylaşım için teşekkürler
Resul Kaandiyor ki:
21 Mart 2011 3:16 pmBilgilendirme için tşkler…
Notebook Merkezidiyor ki:
25 Mart 2011 3:07 pmtasarım zevkli bir iş ama devemlılığı olması gereiyor. teşekkürler…
Düğün fotoğraf çekimidiyor ki:
1 Nisan 2015 4:11 pmçok güzel yararlı bilgi teşekkürler. Teşekkürler