Muhammet Sevim » İpucu

‘Wp-content’ klasörünü yeniden adlandırmak

Muhammet Sevim — Tue, 12 May 2009 19:00:02 +0000

Olur ya, Wordpress’i büyük bir şirketin web sitesini çevirmek için kullanırsınız da sitenin Wordpress ile oluşturulduğunun görünmemesi gerekir ya hani, böyle durumlar için Wordpress’in yaratıcıları bizlere birkaç çözüm sunmuş aslında. İleriki günlerde Wordpress’i gerçek bir CMS olarak nasıl kullanacağımıza göz atmadan önce gelin kısaca gelin kısaca bu küçük çözümlerden bahsedelim.

Bunlardan ilki Wordpress’in sitenize ait tüm klasör ve dosyaları barındırdığı ‘wp-content’ klasörünü yeniden adlandırmak olabilir. Aman dikkat, sadece klasörü yeniden adlandırır da ‘işim bitti’ derseniz ziyaretçilerinizi kötü bir sürpriz bekliyor olabilir. İşte bunun olmaması için Wordpress’in ana dizininde bulunan ‘wp-settings.php’ dosyasını açın, öncelikle 110. satıra gidin ve

110	define( 'WP_CONTENT_DIR', ABSPATH . 'wp-content' );

bu satırdaki ‘wp-content’ bölümüne dilediğiniz klasör adını verin. Hemen ardından 321. satıra atlayıp aynı işlemi aşağıdaki kod parçası için de uygulayın:

321	define( 'WP_CONTENT_URL', get_option('siteurl') . '/wp-content');

Ve son olarak tabii ki /wp-content klasörünü belirttiğiniz şekilde yeniden adlandırın. Bitti bile.

Sağlıklı çalışır mı?

Yöntemi daha önce OpenHair ve Innovatin ELPIS sitelerinde denedim, sağlıklı çalışma konusunda kesinlikle hiçbir sorun yok. Yine de bazı eklentilerde /wp-content klasörü statik olarak belirtilmiş olabileceğinden sorun yaşadığınız bu tür eklentilerde klasör ismini manuel olarak değiştirmek durumunda kalabilirsiniz. Son olarak bu yöntemi zaten çalışmakta olan siteleriniz üzerinde kullanmanızı önermiyorum.

Daha fazlası…

Olur da projeniz gerçekten gizli bir proje olursa sitede Wordpress’ten hiçbir iz kalmamasını isteyebilirsiniz ki, bu da Wordpress tarafından eklenen bazı meta kodlarının da kaybolması gerektiği anlamına geliyor, böyle bir durumda temanızda bulunan, yoksa da oluşturmanız gereken functions.php klasörüne aşağıdaki kodu ekleyebilirsiniz.


remove_action('wp_head', 'wp_generator'); 
remove_action('wp_head', 'wlwmanifest_link');
remove_action('wp_head', 'rsd_link');
?>

sIFR için vazgeçilmez servis: SifrGenerator.com

Muhammet Sevim — Sat, 11 Oct 2008 02:48:03 +0000

sIFR çıktığı günden beri birçok siteye renk kattı, beğendiğimiz fontların güzelliğini sitemize, onları kullanma özgürlüğünü de biz web tasarımcılarına hediye etti. Öyle ki biz de burada sIFR üzerine yazmış olduğum birden fazla yazıda konuştuk, tartıştık. sIFR’de herşey günlük gülistanlık olsa da, kurulumu zahmetsiz de değil hani. En can sıkan noktası şüphesiz Flash programına ihtiyaç duymak; web sitenizde kullanmak istediğiniz fontun .swf dosyasını oluşturmanın başka yolu ne yazık ki yok. İşte burada yanılıyorum: sifrgenerator.com‘a girdikten sonra font dosyanızı seçiyorsunuz, birkaç adımda sIFR için ihtiyacınız olan .swf dosyasını sistem sizin için oluşturuyor. Tabii ki ücretsiz, hızlı ve gayet basit bir şekilde. Böylece hem ek programa ihtiyaç duyma zahmetinden, hem de Flash ile uğraşmaktan kurtuluyorsunuz.

Türkçe karakterlerin de .swf dosyanıza gömülmesini isterseniz lütfen ilgili soruda tüm karakterlerin gömülmesi seçeneğini seçin. Ne yazık ki şimdilik başka bir yol yok. Ancak geliştirici ile iletişime geçtim bile, bu konuda bir güncelleme yapacağını umuyorum.

Wordpress’te sayfalara ikinci başlık atamak

Muhammet Sevim — Thu, 18 Sep 2008 12:05:58 +0000

Diyelim ki ‘Hakkında’, ‘Servislerimiz’ ve ‘İletişim’ başlıklı üç sayfanız var ve bu sayfaları sitenizin menüsünde ‘wp_list_pages‘ etiketi yardımıyla listeliyorsunuz. Biliyorsunuz ki bu sayfaları menünüzde listelediğinizden dolayı sayfa içerisinde the_title etiketini kullandığınızda da bu başlıklar görünecek, dolayısıyla ilgili sayfalarda örneğin ‘Firmamız hakkında’, ‘Sunduğumuz servisler’ veya ‘Bizimle iletişime geçin’ türü başlıklar kullanamayacaksınız. Ben de bugün bir tasarıma Wordpress’i giydirirken bunu halledecek bir küçük bir koda ihtiyaç duydum ve Wordpress’in özel alanlar (custom fields’ özelliğini kullanarak oluşturduğum kodu paylaşmak istedim.

Öncelikle Wordpress yönetim panelinize giriş yapın ve Yaz > Sayfa bağlantılarını tıklayarak yeni sayfa ekleme formunu açın. Burada başlık bölümüne navigasyonunuzda da sorunsuz görünecek bir başlık verin, örn.: ‘Hakkında’.

Hemen ardından sayfanın alt kısmında bulunan ‘Özel alanlar’ sekmesini açın. ‘Anahtar’ bölümüne ‘Özel Başlık’, ‘Değer’ bölümüne de başlığınızı girin, örn.: ‘Firmamız hakkında bilgiler’.

Ve geldik son kısma: Tasarımınızın klasöründen sayfa şablon dosyanızı açın (page.php). Ardından sayfanızda uygun gördüğünüz bir bölüme aşağıdaki kodu yapıştırın:

1
2
3

 
 $title = get_post_meta($post->ID, 'Özel Başlık', $single = true); 
?>

Sonrasında sayfanızda the_title() etiketini aratın, çok büyük ihtimalle aşağıdaki şekilde görünüyor olacaktır;

1	the_title() ?>

Etiketi aşağıdaki şekle getirin:

1	if($title) { echo $title; } else { the_title(); } ?>

Bitti bile. Bu düzenlemeden sonra yazılarınızı eklerken ‘Özel Alanlar’ bölümünden ‘Özel Başlık’ etiketini seçip asıl başlıktan başka bir başlık girerseniz, bu sayfanızda normal başlık alanında görüntülenecektir. Aksi taktirde asıl sayfa başlığı görüntülenmeye devam edecektir.

InDesign’da CS3′te mesafe ölçümü

Muhammet Sevim — Sat, 30 Aug 2008 16:33:42 +0000

InDesign’da iki nokta arasındaki mesafeyi ölçmek için zaten bir ölçme aleti bulunmakta. Bu işlemi yapmanın diğer kolay bir yolu da rehber çizgileri kullanmak: Yan veya üst bölümdeki cetvellere tıklayarak çalışma alanına doğru iki hat çekin, ve seçme aleti ile (Selection Tool, V) bu ikisini seçin. Bitti bile, açık değilse F8′e basarak bilgi pencereseni açın; eğer hatlarınız yataysa W yazan bölümde iki hattın arasındaki genişlik, dikeyse H yazan yerde de yükseklik mesafesi yer alacaktır. Örnek resmimiz yazının devamında.

En küçük aksesuar: Favicon

Muhammet Sevim — Sun, 29 Jul 2007 16:49:13 +0000

Yazıyı okumaya başlamadan önce durun ve üzerinizdeki aksesuarlara bir bakın; kolunuzdaki saatiniz, bileğinizdeki takınız, parmağınızdaki yüzüğünüz. Belki burnunuzdaki piercing, kol kaslarınızı daha da ortaya çıkaran dövme. Belki onlarsız dışarıya çıkamayacağınız, sizi siz yapan bu aksesuarlar, giyim ve stilinizi tamamlayan küçük; fakat önemli unsurlar. Tıpkı web sitelerinden tanıdığımız, sürekli gözümüze çarpan, biryerlerde asılı olarak bize göz kırpan o küçük faviconlar gibi.

Neden bahsediyoruz?

‘Faviconlar’, web tasarımcıları tarafından web siteleri için hazırlanan ve tarayıcılar tarafından belli yerlerde görüntülenen küçük ‘favori simgeleri’dir. Modern tarayıcılara örnek olarak Firefox, Safari ve Opera bu simgeleri adres çubuğunda ve sekme bölümünde gösterirken, Internet Explorer faviconları yer imleri penceresinde görüntülemektedir.

Mantık

kodları arasına yerleştirilen kodlar yardımıyla, sunucuya yüklenmiş olan favicon.ico isimli dosya tarayıcıya iletilmekte, ve bu dosya tarayıcı tarafından belli yerlerde görüntülenmektedir. Genellikle site tasarımı ile aynı stile sahip olan, 16×16 ve 32×32 piksel büyüklüğündeki bu dosyalar sitenin tasarımının, dolayısıyla renk ve genel stilinin ziyaretçinin aklında kalmasına yardımcı olmakta, ziyaretçinin beyninde küçük de olsa yer edinmektedirler.

Farklı kullanıcılar aynı platform üzerinde aynı tarayıcıya sahip olsalar bile, faviconların her bilgisayarda görüntüleneceği garantisi yoktur. Buna rağmen bu durum fazla yaşanmamaktadır.

Ben de isterim!

Tüm bunlar heyecan verici değil mi? Kullanımı da öyle, zira hiç kod yazmadan da sitenize bir favicon atayabilirsiniz! Tüm modern tarayıcılar, sitenin en üst klasöründe bulunan favicon.ico dosyasını otomatik olarak favicon olarak algılamaktadırlar. Kısacası, sitenizin ana klasörüne ‘favicon.ico’ isimli 32×32 veya 16×16 boyutlarındaki ikon dosyasınızı yüklediğinizde, ikonunuz favicon olarak algılanacak ve gerekli yerlere konumlandırılacaktır.

Eğer işinizi yine de ‘garantiye almak’, veya ikon dosyanızı sunucunuzda başka bir klasöre yüklemek isterseniz aşağıdaki iki koddan birini kullanabilirsiniz;

Dikkat ediniz

Yukarıdaki kodu sitenizin head bölümüne uygulamayı unutmayınız.
Simgenizin 16×16 veya 32×32 boyutlarından birine sahip olmasına dikkat ediniz. Çıktı boyutu 16×16′dır.

Ziyaret ediniz

Oluşturmuş olduğunuz grafikleri ikon dosyasına Photoshop aracılığıyla dönüştürmek isterseniz bu photoshop eklentisi hoşunuza gidecektir. Şayet bu işlemi çevrimiçi ve ücretsiz olarak yapmak isterseniz bu adres tam size göre. Kendi grafiğinizi internetten oluşturmak ister, ve diğer favicon örneklerine göz atmak isterseniz burası tam sizlik.

Neden uzatayım ki?

Muhammet Sevim — Fri, 21 Jul 2006 22:30:11 +0000

Kısa süre önce Michael Dell’den, ve onu liderliğe taşıyan birkaç özelliğinden bahsetmiştim. Mustafa Özel’in ‘Evet, velet Dell henüz 8 yaşındayken 9 yılını aradan çıkarmak istiyordu’ cümlesiyle anlattığı bir felsefesi daha var ki, Dell’in bu günlere şans eseri gelmediğini adeta kanıtlıyor.

Michael Dell 8 yaşındayken bir derginin arka kapağında gördüğü ‘Tek sınavla lise diploması’ ilanına hemen başvurur. Başvurusunu onaylamak için evine gelen bir kadını karşılayan annesi, oğlunun banyoda olduğu söyler, neler döndüğünü anlamakta da gecikmez. Daha sonra kadının karşısına kırmızı bornozlu, sekiz yaşındaki Dell çıkar.

Dell bu başvurusunu ‘Tek bir basit sınav karşılığında okulun 9 yılını atlamak bana gayet iyi bir fikir gibi gelmişti’ cümlesiyle açıklarken, şu an belki de önünüzde duran mönitördeki ‘Dell’ yazısının oluşması için belki de ilk adımlarını farketmeden atıyordu.

Aslında size de gayet mantıklı geldi değil mi? Dell’in o cesareti kendisinde bulup, hiçbir bilgisi olmadan o sınav ile diploma almak istemesi, kendi deyimiyle ‘gereksiz şeylerin ortadan kaldırılması’ oldukça iyi bir fikir. Kendimizce Dell’e benzemek, onun gibi gereksiz adımları kaldırmak için gidip dergilerin arka kapaklarında ‘tek sınavla lise diploması’ ilanları aramamıza gerek yok. İşimizde web tasarımcılığı olduğuna göre ‘Tuzu Migros’tan alacağınıza en yakın bakkaldan alın’ veya ‘Ekmeği üç lokmada yiyeceğinize iki lokmada yiyerek zaman kazanın’ da demeyeceğimize göre, sanırım yavaş yavaş konuya girebiliriz.

- Öfff, yine mi CSS? -

Dell: Gereksiz adımları ortadan kaldırın!

CSS’in tasarımcılara sağladığı güzellikler sadece yararlı özelliklerde kalmıyor, ayrıca bu listeye kolay kodlama, ve bununla birlikte gelen ‘gereksiz adımları ortadan kaldırma’ da eklenebiliyor. Daha önceki bir yazıda, css’de aynı özellikleri barındıran elementleri gruplayabileceğimizden bahsetmiştim (Bkz. ‘Bahar temizliğine ne dersiniz?‘ Asıl konuya girmeden önce, gruplama işlemine basitçe dönüp, bildiklerimizi pekiştirelim;

Şöyle ki, aynı özellikleri barındıran elementleri çift kez yazmaktansa virgül (,) kullanarak, bu elementlerin özelliklerini tek satırda belirtebiliyorduk;

Yanlış (veya iyi değil);

Doğru (veya daha iyi);

Bir de, yine gruplama işlemi var ki, birkaç özelliklerin iç özelliklerini (evet anlamadınız biliyorum, fakat bu Türkçe ile benden ancak bu kadarı geliyor. En iyisi örnekle pekiştirelim.) gruplayabiliyoruz. Daha önce büyük ihtimalle karşılaşmış olduğunuz bu özelliği örnekte de gördüğüzde ‘Aa, ben bunu biliyorum’ diyeceksiniz.

Let’s go baby!

İsterseniz küçük bir metin stili ile başlayalım. Sıra dışı olmayan, minik bir stil oluşturalım;

1	.metinstil { font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma; font-size:12px; font-variant:small-caps; font-style:italic; }

font-family: Kullanıcıya metnin yazı tipini seçme imkanı veriyor.
font-size: Kullanıcıya metnin büyüklüğünü belirleme imkanı veriyor.
font-variant: Kullanıcıya harf türünü seçme imkanı veriyor (Büyük harfler, küçük harfler, vs)
font-style: Kullanıcıya metnin stilini belirleme imkanı veriyor (Eğik yazı, kalın yazı vs)

Her ne kadar stilimiz şu an hoş görünse de, kodlama olarak çok daha ‘hoş’ duruma getirilebilir durumda. Zira W3C bu durumu da düşünüp, tüm özellikleri tek bir elemente vermeyi, bu örnekte ‘font’ elementine sığdırmayı mümkün kılmış;

1	font: font-style font-variant font-weight font-size/line-height font-family;

Yukarıda biraz karışık görünen kod, aslında çok kolay anlaşılabilir durumda;

1	.metinstil { font: italic small-caps 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma; }

Gördüğünüz gibi, metinstil stiline verdiğimiz tüm özellikleri tek bir element altında toplamayı başardık.

Büyük kolaylık getiren bu gruplama özelliğini, birçok css özelliği üzerinde kullanabiliriz;

1 2	.arkaplan { background-image:url(resim.gif); background-repeat:no-repeat; background-position:bottom; } .arkaplan { background:url(resim.gif) no-repeat bottom; }

1 2	.kenarlik { border-width:1px; border-style:solid; border-color:#000; } .kenarlik { border:1px solid #000; }

Bu örnekleri artirmaniz, ve daha geniş bilgiyi W3Schools üzerinde bulmanız mümkün.

Pimp My Style

Muhammet Sevim — Fri, 07 Jul 2006 22:00:36 +0000

Web profesyoneli Shaun Inman‘i tanımayan yoktur. Kendisinin adeta gözlerimize hediye ettiği tasarımlarının tümünün altında, hepsine teker teker en iyi şekilde uygulamayı başardığı stili yatıyor (1) (2) (3).
Shaun’u bir yana bırakıp, sevdiğimiz diğer tasarımcılarımıza bakalım. Beğendiğim stilini tasarımlarına sürekli uygulayan Mustafa Gökhan veya tanıdığımız ismiyle {nom}, bugün o güzel stilinden dolayı yazımızın misafirlerinden biri oluyor.

Bu minik listeyi uzatmayı deneyin. Üçüncü kişi olarak kendinizi yazabilirsiniz, değil mi? Hazırladığınız tasarımlara, yazdığınız yazılara bir göz atın. Size ait olan işlerin arasında mutlaka benzerlikler bulacaksınız.

Kendinize iyi bir stil oluşturduktan sonra, bu stille iyi yorum alamayacağınız kimse kalmayacak. Stiliniz sizi en çok tanıtan öğe olacak ve hazırladığınız herhangi bir işi gören bir ziyaretçi ‘Aa, bu işi kesin Ali yapmış!’ diyebilecek. Ne dersiniz, bunu ispatlamak için en azından bir kere denesek?

Kişisel logonuz

Stilinizi oluşturmaya kişisel logonuzdan başlayabiliriz. Belki de en önemli işlem bu olacak. Zira logonuz, sizi en kısa yoldan tanıtan öğe sıfatına kavuşacak. Fakat bu adımın sizi biraz zorlayacağını itiraf etmeliyim, çünkü logonuz;

sizi yansıtmalı,
basit ama kaliteli olmalı,
ve tabii ki sizi hatırlatmalı.

» Firefox logosunun tasarımcısı Jon Hicks, kendi logosunu tasarlarken.

Herhangi bir şirket veya kişiye kimlik hazırlarken, bunun taslağını daha önceden herhangi bir kâğıdın üzerine çizmeniz sizi çalışırken daha özgür kılacaktır. Hazırladığınız taslağı daha sonra herhangi bir grafik işleme programı ile grafik döktüğünüzde, gerçekten iyi şeyler çıkarabildiğinizi farkedeceksiniz.

Kendinize bir yazı tipi seçin.

Stil yaratmak tabii ki sadece bir logodan ibaret değil. Logonuzu başarıyla hazırladıktan sonra, projelerinizde kullanmak üzere bir yazı tipi aramaya başlayabilirsiniz.

Kendinize sizi tanımlayacak bir yazı tipi seçin. Projelerinizin grafiklerinde mümkünse az çeşit yazı tipi kullanıp, bu yazı tiplerini öne çıkarın. Ziyaretçilerinize yazı tipi çorbası sunmayın, amacınız o yazı tipini gören ziyaretçinin aklına sizin sitenizi getirmek, seçtiğiniz yazı tiplerini projenizle özdeşleştirmek olsun.

» Ara not: Sanırım yazı, yazıdan çok yemek tarifine benzemeye başladı.

Efektleri kendinizle özdeşleştirin

Shaun Inman’in mükemmel stilinden bahsetmiştik. Yaptığı işlere göz attığımızda, bazı efektleri sürekli kullandığını, ve bunun aslında iyi bir teknik olduğunu görüyoruz. Örnek olarak ş u adreslere bakalım. Shaun’un her iki projede de kullandığı form kutucuklarının aynı olduğunu farkettiniz mi? Diğer işlerinde de aynı form kutucuklarını kullanan Shaun Inman, burada kullandığı efekti kendisiyle özdeşleştirmeyi başarmış.

» Projeler farklı olsa da, Inman’in kullandığı form kutucukları hep aynı.

Kendinize ait bir çizginizin olması sizi her zaman daha kaliteli kılacaktır. Kullandığınız objeleri, hazırladığınız efektleri kendinizle özdeşleştirmek, belirli bir stilinizin olması için aslında yeterli.

Kendi çizdiğimiz çizgiyi takip ettiğimiz sürece, kaybetmemiz için hiçbir neden görünmüyor.

Hava, Dell ve kararsızlık

Muhammet Sevim — Tue, 13 Jun 2006 19:52:06 +0000

Batı Avrupa ülkelerinden birinde bulundunuz mu hiç? Eğer cevabınız evet ise ikinci sorumuz şöyle; Türkiye’den farklı bulduğunuz, ve bir türlü sevemediğiniz yönü nedir Avrupa’nın? Cevap çok büyük ihtimalle biraz gecikecek, ama tahmin ettiğim gibi olacaktır; ‘Havası’. Bu ülkelerin havası, sürekli kararsız olmakta çok kararlılar. Örneğin şimdi hava durumuna bakıp bugün 31 derecelik açık bir havada kavrulduğumuzu görüp, az birşey sevinirken, hemen yanında duran ve yarının hava durumunu gösteren bölüm gözüme çarpıyor, ve tabii ne yazık ki Türkiye’de olmadığımı hatırlıyorum: sağanak yağışlı, 19 derece.

Dünyanın en büyük bilgisayar üreticisi olan Dell’in sahibi Michael Dell’in, tıp fakültesinde okurken okulu asıpve sürekli bilgisayarlarla uğraştığını öğrenen ailesinin ‘Oğlum, neden okula gitmiyorsun, sen bu halinle ne olacaksın?’ sorusuna ‘IBM’e rakip olacağım baba.’ cevabı o zamanlar ailesini ’susturmak’ için yeterli olmuş. Peki şu an en büyük bilgisayar üreticilerinden biri olan Dell’in bu konuma varmasına neden olan sırrı neymiş? Kararlılığı ve azmi diyelim, sizce de öyle değil mi?

Arkadaşınız Mustafa -evet, gerçek hayattaki şu arkadaşınız Mustafa, bugün en büyük yardımcımız olacak- sizin yardımınızla kendisine bir site açsın. www.sadeceprogramlama.com ismi ile açtığı sitesi, isminden de anlaşılacağı gibi programlama hakkında makaleler, kaynaklar, kısacası hergün karşımıza çıkan onlarca sitenin tümünde bulunan içeğiyle yayın hayatına başlasın.

Mustafa aradığı ilgiyi göremeyince, suçu ne sizde, ne de kendisinde bularak, herşeyi içeriğin azlığına bağlasın, ve tasarımı da işin içine katarak daha çok kişiye hitap edeceğini düşünüp tam hız devam etsin; artık www.sadeceprogramlama.com ismindeki Türkiye’nin en büyük (her zaman olduğu gibi) programlama sitesi olan, ve tasarım bölümü sayesinde ziyaretçilerin umduklarından da fazlasını buldukları bir sitenin sahibi, işte o kişi sizin arkadaşınız!

Programlama sitesi görünüşünde olsa bile, içinde tasarım bölümü de bulunduran bir sitenin bu geniş kapsamlı içeriğine rağmen işler hiç de iyi gitmeyince, Mustafa bu sefer başka şeyler düşünür.
Arkadaşımız aslında en baştan beri beğenmediği ismin çok uzun olduğu kanısına varır, www.sadeceprogramlama.com daha kısa bir isimle hayatında yepyeni bir sayfa açar; www.sadecepro.com (Hem kısa, hem sadece profesyonellere yönelik, değil mi?)

Mustafa bu adımları gerçekleştirirken kendini avutmuş, siteyi genişletmiş olsa da aslında bir şeyi farkında olmadan atlamıştır; Ziyaretçiler. Siteyi ilk haliyle sevmiş olan ziyaretçiler, her girişlerinde bambaşka içerik görünce siteden soğumaya başlarlar, ve bir girişlerinde ‘Taşındık, yeni adresimiz: …) mesajı ile karşılaşınca sitenin artık buraların havasına benzediğini düşünmeye başlarlar; kararsız, ne yapacağını bilmeyen, güven vermeyen bir site.

Eğer Mustafa, Alman havasına benzemeyip ne yapacağını ilk adımda kararlaştırsa, ve sadece ona adapte olsaydı, inanıyorum ki onu ve sitesini bugün bambaşka sıfatlarla, bambaşka kelimelerle anlatacaktım. Geç kalmadan işe koyulalım, sizce de öyle değil mi?

Oğlum beni okula gönder

Muhammet Sevim — Sun, 04 Jun 2006 15:57:15 +0000

- Şu an Dortmund merkez tren istasyonunda tam 50 dakika sonra gelecek olan treni beklemekteyim. Ne dersiniz, belki bu 50 dakikayı iyi şeylere çevirmemiz mümkün olur. Hadi deneyelim. -

Bilirsiniz çok güzel bir söz vardır; ‘Müşteri her zaman haklıdır’. Cafe, market, kuaför işletmecileri her zaman bu sözün arkasındadır. Peki biz web tasarımcıları, sizce biz de bu sözü savunabiliyor muyuz? Reklamlardan tanıdığımız deterjan testlerimizi bu soru üzerinde uygulayalım.

Adım 1: Tasarım teslimi

Çok dar bir zamanınızda sizinle çalışmak isteyen Matilda Kuaför Salonu* için güzel bir tasarım hazırlamaya çalışıyor, ve sonunda bitirmiş olduğunuz tasarımı, kuaför sahibi Hilmi Bey*’e gösteriyorsunuz.

Tasarımı gören gören Hilmi Bey tasarımı beğendiğini belirtip, tasarımın hem size daha yakışır bir referans olması, hem de bir kuaföre daha uygun bir site olması amacıyla tasarımda birkaç değişiklik yapılması gerektiğini söylüyor.

Efendim, siz bu filmi daha önceden de mi gördünüz değil mi?

Hilmi Bey’in istekleri

- Tasarım güzel olsa da üst taraftaki yaprak deseni hiç hoş değil, sonuçta biz bir kuaför salonuyuz. Yaprağın bizimle ne alakası var ki? Bak ben Word diye bir program biliyorum. Orada çok güzel hazır resimler var, oradan kuaföre uygun birşeyler bulabiliriz belki, ne dersin?
- Üst bölümdeki renk geçişini alalım, tek renk olması daha ciddi görünür, değil mi?
- Biliyorsun biz lüks bir salonuz, müşterilerimize bunu internet üzerinden de gösterebilmemiz gerekiyor. Aşağıdaki fotoğrafları iyice büyütelim.
- Ayrıca üst bölümdeki çiçekleri kaldırdık, fotoğrafların üzerindekileri de kaldıralım.
- Bir de oğlum siteye içinde ‘kes’ geçen bir şarkı koyarsak kuaför salonuna yakışır diyor. Hande Yener’den falan olursa iyi olur. Hem site biraz canlı olsun canım, ne bu donmuş tavuk gibi.
- Logonun fontu da bize yakışmaz, git Mustafa’nın berberinin sitesinde kullan onu. Bize biraz daha canlı birşeyler lazım.

İsteklerin uygulanması

Patronumuz Hilmi Bey’in isteklerini bir bir not alıyor, ve bunları teker teker uyguluyoruz.

Testi tamamladığımızda görüyoruz ki, sevgili müşterilerimiz tasarımlarımızı bazen zor durumda bırakabiliyor. Tasarımın canlılığını koruyabilmesi için, biraz da risk alarak, müşterimizin aslında bilmeden sitenin kalitesini yitirtmekte olduğunu ona anlatabiliriz. Hadi, bandımızı geri saralım.

Ben kendi tasarımımı istiyorum!

Siz: İyi ama Efendim, dediğiniz hazır grafikleri bu işe yeni başlamış birçok kişi kullanıyor. Demek istediğim, bu sitenin diğerlerinden farklı olduğunu ancak böyle farklı desen ve süslemeler ile gösterebiliriz.

- Üst bölümdeki renk geçişini alalım, tek renk olması daha ciddi görünür, değil mi?

Siz: Haklısız Efendim, fakat beyaz rengin altında uygulanmış olan renk geçişi uzaktan bakıldığında siteye farklı bir zenginlik verir, bana güvenin.

- Biliyorsun biz lüks bir salonuz, müşterilerimize bunu internet üzerinden de gösterebilmemiz gerekiyor. Aşağıdaki fotoğrafları iyice büyütelim.

Siz: Güzel bir fikir, az birşey büyütebiliriz fakat resimleri iyice büyütmemiz ziyaretçilerimize ‘Bakın görün salonumuzun lükslüğünü’ havası verebilir, ziyaretçilerimiz resimlerin üzerlerine tıkladıklarında zaten fotoğrafların büyük boyutlarını görebilecekler.

- Bir de oğlum siteye içinde ‘kes’ geçen bir şarkı koyarsak kuaför salonuna yakışır diyor. Hande Yener’den falan olursa iyi olur. Hem site biraz canlı olsun canım, ne bu donmuş tavuk gibi.

Siz: Efendim, büyük bir kuaför salonunuz var, dolayısıyla salonun sitesi de büyük olacak. Şimdi tüm büyük sitelere girin ve bakın, hangi büyük sitede müzik görebildiniz?

- Logonun fontu da bize yakışmaz, git Mustafa’nın berberinin sitesinde kullan onu. Bize biraz daha canlı birşeyler lazım.

Siz: :), Sorun değil Efendim, logonun yazı tipini beğenmediyseniz sizinle farklı yazı tiplerini de deneyebiliriz. Yalnız düz yazı tipleri çoğu zaman daha çekici ve ciddidir.

Özetle;

Unutmayın ki, müşterinin her türlüsüyle her zaman karşılaşabilirsiniz. Müşteri ve tasarımınızı kazanmak her zaman sizin elinizde.

Şöyle ki, tasarımınıza yapmanızı istedikleri değişiklikler eğer uygun değilse;

Müşterinizin sitesiyle gurur duymasını, yapmanızı istediği değişikliğin uygun olmadığını anlatarak, biraz da siteyi üstlere çıkararak anlatın.
Hiçbir zaman tüm isteklerini geri çevirmeyin, ona bazı isteklerinde haklı olduğunu ‘Haklısınız, güzel bir fikir’ gibi eklerin katkılarıyla belirtin.
‘Oğlum bak, komşunun oğlu harçlık alıyor mu babasından?’ türü örnekler vererek diğer siteleri gösterin.
Ve tabii ki en önemlisi, onu kazanmayı konuşma tarzınızla başarmaya çalışın.

Hmm, sanırım daha sık tren seyahati yapmam gerekiyor ;), iyi çalışmalar dilerim.

*İsim ve kuruluşlar hayalidir, gerçeği yansıtmaz.