ALTI ÜSTÜ TASARIM – Mehmet Doğan

 
yazı arşivi|abonelik|site ve yazar hakkında|teknoloji kimin umurunda|tavsiye ettiklerim|iletişim
 

Website Piramiti

10 Mart 2005

CSS FIR Teknigi yazima yorumlarini yazan Tuncer, beni, tasarimin ve gorsel gelisimin, bir websitesi icin ne kadar onemli olup olmadigini dusundurdu. Tasarim ne kadar onemli?

Bu sorunun cevabini vermek icin, bir websitesinin neden ve kimler icin var oldugunu iyi anlamak lazim. Sitenize gelen ziyaretcilerin buyuk bir cogunlugunun bir hedefi var. Bu hedef siteden siteye degisebilir. Bir ziyaretci bir siteye yeni cikmis bir kanun hakkinda bilgi almak icin, ya da bir urun hakkinda bilgi almak fiyat karsilastirmak icin ve ya bir universite basvuru formunu doldurmak icin gelebilir. Yani hedefler ayri olmasina ragmen, ozunde, ziyaretci, cogu zaman sitenize sundugunuz "bilgiyi" almak icin gelir. Bir baska degisle, sizin sundugunuz ve ziyaretcinin aradigi "bilgiyi" almak icin gelir. Web tasarimi ile ugrasanlar "Content is King" deyisini iyi bilirler. Sitenizin amaci, ziyaretcilerin aradigi "bilgiyi" sunmaktir.

PIRAMITIN TEMELI

Piramit GrafigiEger bir websitesinin piramit oldugunu dusunursek, piramitin tabanini ve buyuk bir kismini olusturan parcasina "bilgi" adini verebiliriz. Bu kisim, sizin websitenizin temelini olusturur ve siteniz icinde ki en onemli parca olmalidir. Ici bos, temeli iyi atilmamis bir websitesinin yasamini surdurmesi bu donemde cok zor cunku dunyanin her bir kosesinde milyonlarca alternatif, web kullanicilarini beklemekte. "Bilgi" deyimi siteden siteye degisebilir. Bir sitede bu bilgi, urunler iken diger sitede amator fotografcilar albumu bir baska sitede ise bir konu hakkinda makaleler olabilir. Bilgi adini verdigimiz "sey" her ne olursa olsun, bir websitesinin temelini olusturmasi gerekir.

PEKI BILGI YETERLI MI?

Cogu zaman bu sorunun cevabi "evet". Fakat sunu da biliyoruz ki Internet dunyasinda, kullanicidan kullaniciya fark var. Bir kullanici, bir websitesini rahatlikla kullanabilirken, diger bir kullanici, Internet ile yeni tanisiyor olabilir. Bir kullanici, sundugunuz tum bilgilere rahatlikla ulasabilirken diger bir kullanici, bu bilgilere ulasmak icin degisik araclar kullaniyor olabilir. Maalesef, webin cok temel kurallari disinda (linklere tiklamak, browser kullanmak v.b.) kaliplanmis bir kurali yok. Bir websitesindeki menu tarzi, diger bir websitesinde tamamen degisik anlamlar ifade edebilir. Eger biz, ziyaretcilerin "hedeflerine" ulasmasini istiyorsak, kullanici-odakli websiteleri yapmak zorundayiz ki bu erişilebilirlik ve kullanilabilirlik yolunda gecer. Hangi menu elementi hangi bilgileri icermeli? Hangi fonksiyonlarin kullanilmasi gerekiyor? Iste, bilginin uzerine atmamiz gereken ikinci tabaka ise "erişilebilirlik ve islevsellik"tir.

TASARIM NEREDE?

Piramit GrafigiSiteniz icindeki "bilgilere" karar verdiniz. Hatta bu bilgilerin, ziyaretcilerinize nasil ulasmasi gerektiginizi bile buldunuz. Artik, bilgiyi, ulasilabilirligi ve erişilebilirligi, kullaniciniza iletmenize yardimci olacak "arayuzu" tasarlayabilirsiniz. Tasarim, bir sitenin, diger sitelerden farkli olmasini saglayacak ozelligidir. Tasarim, websitesine yuz veren, kullanicinizi karsilayan ve siteninizin kredibilitesini arttiran onemli bir parcadir. Iste bu asamada bizim kullanmamiz gereken araclar ise CSS ve XHTML olmalidir. Cunku bu araclar sayesinde, hem bilginiz, tasarim elementleri arasinda bogulmayacak hem de siteniz erişilebilirlik yolunda onemli bir adim atacaktir. Tasarim, yanlizca bir tabaka olarak, bilginin uzerinde seffaf olarak durmalidir. Bilginin onune gececek baska bir deyisle kullanicinin hedeflerine ulasmasinda bir yol engeli olacak tasarimlar, bir websitenin amacini sabote etmekten oteye gitmeyecektir.

GORSEL GELISIM

Simdiye kadar sundugumuz tabakalar, bize piramit degil uc boyutlu bir YAMUK verdi. Iste bu asamada, siteniz, kullanilabilir, bilgiler erisilebilir ve tasarim yeni teknolojiye uygun. Fakat website piramitini daha tamamladik. Iste son tabaka ise sitenizi diger sitelerden tamamen ayiracak, gorsel bir guzellik katacak elementlerden olusur. Bu elemente ben "gorsel gelisim" adini veriyorum. Gorsel gelisim, tasarimda oldugu gibi, "cerceve tasarimin" uzerinde oturan ve tasarimi gelistiren ogelerden olusur. Bu ogeler tamamen kaldirildiginda, sitenin butunlugune zarar gelmez ama bu tabaka ile birlikte site tamamlanmis olur. Iste bu asamada dikkat edilmesi gerekenler, bu tabakanin, onceki tabakalari golgede birakmamasidir. Bu son tabaka, sitenin populerligini, yeniden ziyaret etme arzusunu artiran bir tabakadir.

Iste tamamlanmis website piramitinin goruntusu:

Piramit Grafigi

Basarili bir websitesi, piramitin tum tabakalarinin amacini ve gorevini iyi anlayan ve sergileyen bir sitedir. Her tabakanin kendine has onemi vardir fakat agirligini belirleyen ise bu tabakanin kapladigi alan ile dogru orantilidir. Eger bu tabakalardan herhangi bir eksik olursa ya da yeri degistirilirse, siteniz ya milyonlarca siteden biri olmaya devam edecek ya da basarisiz siteler arasinda yerini alacaktir.

Karar sizin, ya yillarca ayakta duracak, dunyanin 7 harikasindan birini yaratabilirsiniz ya da asagidaki sekildeki gibi hayal gucunuzu zorlayarak, kimsenin anlayamayacagi sekiller yaratabilirsiniz. Siz ne dersiniz?

Yamuk grafigi

   
 
Bu yazı Mehmet Doğan tarafından saat 21:12 civarı yazılıp Bilgi Mimarlığı, Erişebilirlik, Kullanılabilirlik, Tasarım dosyası içine işlendi.

Bu konuyu/yazıyı tartışan diğer websiteler diğer bloglar
Bu yazıyı okuyup beğenenler şu yazıyı da okudular.
Bu yazıdaki anahtar kelimeleri diger bloglar icinde ara ve bul: | |
 

Bu yazıya ait 4 yorum var.

Bu yazı yorumlara kapatılmıştır.
1. | 11 Mart 2005 1:39 tarihinde, halil Sertelli demiş ki:

Ben bilgisayarımı yeni aldım. Ancak, kullanmasını (!) acık biliyorum. Tüm idealim, GÜZEL YURDUMUZU tanıtacak bir site hazırlamak. Yazınız, çok güzel .Genel hatları ile özetlersek, köre -->beyaz baston, topala -->koltuk değneği.Ama: BENİM GİBİ YENİ BAŞLAYANLARA konuda yardımcı olacak ögeler yok. Help/aid/lead/yardım lütfen, mümkün ise. Bilgi ve ustalığa saygım sonsuz. Ustaların bu işten kazandıklarını da müdrikim. Hani, bebeği elinden tutup tay durdurmak
misali benim gibi bir emekli amatör için.

Bir diğer konuya da değinmek istiyorum. Şimdiye kadar biraz dil bilen kiminle konuştumsa, gü-zel TÜRKÇE'mizin bilgisayar dünyası için EN UYGUN DİL olduğunu vurguluyor. Peki, neden halâ hard disc, browse, site profile v.b. ?... Haydi, yeni başlayacak, "Aynı konuya meraklı olanla" (özel-likle Türkçe yazdım) sitesi/kulübü gibi, "BİLGİSAYARDA TÜRK DİLİ KULLANANLAR" diye bir kulüp
öner miyorsunuz? Bu önerimin/ifademin "kafatasçılıkla en ufak bir ilgisi olmadığına" sizi temin ederim. Ancak, (en azından,konu hakkında benden daha bilgili olduğunuza eminim) 3.cü nesil
bilgisayarlarda bu dönüş kaçınılmaz, 4.cü nesillerde ise "olmazsa olmaz" olacak deniliyor. Hiç olmazsa bir konuda biz önce davranıp, dünyaya önder olalım. Lâtince, ibrânîce gibi ölü dilleri diri tutmak/yeniden canlandırmak çabasındakileri, bu bakış açısıyla örnek alamaz mıyız.
Selâm ve başarılarınızın devamı dileğiyle

2. | 11 Mart 2005 2:17 tarihinde, Oguz (ogo) demiş ki:

Merhabalar,

Websitelerinde tasarimin ve görsel gelisimin önemini ve yerini anlattigin bu güzel yazi için tesekkürler.

Yine de bir, iki "sey"i tekrar ele alIrsak saniyorum piramidin ve onu olusturan ögelerin önemi daha iyi gözükebilir. Konuyu genel tasarIm perspektifinden ele aldigimdan dolayi bunu yazmaya karar verdim :

Tasarim kavrami piramidin islevsellik ve erisilebilirlik katini da içine alan daha genis bir kavram olarak görmek daha mantikli. Aslinda piramidinin tarif ettigi sürecin tamaminin altina "tasarim" yazmak mümkün ve hem tasarim kavramini sadece görsel gelisim olarak algilayanlara, hem de islevsellik ve metodlarin tasarimin kilit süreçleri oldugunu kabul etmeyenlere yardimci olacaktir !! :-)

Bilgi ve içerik asamasinda da her zaman tasarimcinin/gelistiricinin insiyatifi olamayabilir, ama websitesinin ana malzemesini olusturan bilgiyi tanimak, onu sitenin amacina ve kullanici-profiline uygun bir sekile, formata getirmek, ishevsel ve ulashilabilir bir sonuç elde edebilmek için gerekli olabilir.

----- Bilgi ve içerik (malzeme) ---- Tasarim sürecinin baslamasi, websitesinin senaryosunun hazirlanmasi(mesela borsa islemleri yapilan ve cep telefonu ve pclerden ulasilan bir site ya da çizgi film meraklilari için komunite sitesi??) veri, tekstlerin hazirlanmasi, bilginin organize edilmesi(XML etc) (malzemenin taninmasi ve hazirlanmasi) --- islevsellik, erisebilirlik (senaryoya uygun kullanici-odaklanmasi ve ulasilabilirligin maksimizasyonu, iskeletin kurulmasi ! ) -- metod, araçlar (CSS,XHTML) - görsel gelisim (skin ve templateler, flash, javascript, fir etc etc.)

Sonuc olarak piramitte yer degisikligi yapmadan sadece "tasarim" kavramini hakettigi yere kaydiriyorum. Bunun ishlevsellik ve erisebilirlik'in hiyerarside deger yitirmesi anlamina gelmediginin, aksine bu asamada alinan kararlarin tasarim sürecinin kaderini etkileyeceginin de tekrar altini cizmek istiyorum. Her sitenin, kendi senaryosuna uygun bicimde piramide uygun gelistirilmesinin cok onemli oldugunu, ayni cozumlerin hiç ele alinmadan degisik projelere uygulanmasinin kullanici-odakli tasarimi tehdit ettigini hatirlatiyorum.

Çok önemli bir konuyu ele aldigin için tesekkürler, umarim yorum ve eklemem yazina biraz daha deger katabilmistir.

Ogo

3. | 15 Ağustos 2005 13:26 tarihinde, sedat demiş ki:

Yazınız çok güzel, bir web sitesinin inşaası için temel adımları çok güzel anlatmışsınız ancak tasarım bölümü neden CSS ve XHTML olmalı tam anlayamadım. HTML'nin pabucu dama atıldı sanırım. Bende bir web tasarımcısıyım ve sitelerimi genelde HTML tag'larıyla yapıyorum ve buna çok alıştım şimdi bunu değiştirmem gerecek sanırırım acaba sizcede öylemi, Artık sitelerimi XHTML ile mi yapmalıyım. Teşekkürler...

4. | 16 Ocak 2007 0:00 tarihinde, kasim demiş ki:

yazılarınıza doyum olmuyor. güzel bilgiler saolun


Bu yazı yorumlara kapatılmıştır.

Kitabımı satın almak ister misiniz?

Teknoloji Kimin Umurunda adlı kitabımı satın almak ister misiniz?