hiç düşündünüz mü insanlar insanlar neye göre sever? aşık olmanın var mıdır formülü? çiceklerin amaçları ne biliyor musunuz? ya kadınların makyaj tutkuları? allık denen bir şey var yahu yanakları kırmızılaştırıyor. hiç aklınıza geldi mi ilk rujun nasıl icad edildiğini? dudakları kırmızıya boyamanın bize yararı nedir?

hepsinin tek bir görevi var. mesaj vermek. ben iyiyim, ben güzelim, ben sağlıklıyım, ben de sana yarar bir şey var. hepsinin yaptığı bu.

tasarım bu mesajın iletilme şeklidir. tasarımı önemsemeyen yaşamın dinamiklerini anlamamış demektir. tasarım sadece paket kağıdı değil.

tasarıma önem verin. ya çicek “öz”üne güvenip açmasaydı renkli yapraklarını arıyı beklerken?

*tasarım hala problemleri çözmek. ilgi çekmek, mesaj göndermek de ihtiyaçların sonucu.

Yoğun iş yükümün arasında pazar sabahı zaman bulup twitter hesabıma bir arkaplan yaptım. Beğenen bir çok arkadaşım oldu. Kullandığım font ile beraber 5-6 renk kombinasyonuyla psd’sini (photoshop dosyası) paylaşıyorum. güle güle kullanın :) adobe photoshop cs3 sürümüyle uyumludur.  burakdonertas_twitter.zip (500 kb)

Bir kaç ay önce çevremde bloguyla sorun yaşayan o kadar insan görmeye başladım ki, neden profesyonel bir hizmet alamıyor bloglar  diye sordum kendime.  Cevabı çok basit aslında.  Dünyada açık ara en çok kullanılan wordpress için bile, sorununuzu çözmeniz ve destek bulmanız hayli zor.  Eş-dost yardımı da bir yere kadar.  WordPress’ de tam anlamıyla istediklerinizi yapabilmeniz içinde teknik olarak photoshop, xhtml ve css ve son olarak php de bilmeniz gerekiyor ki bu bir blog yazarı için oldukça zor.  Kaldı ki zaten blog yazarlarının çoğu asıl iş yaşamları dışında bloglarına zaman ayırdıkları için yazı yazmak mı yoksa teknik ve tasarımsal sorunlarla uğraşmak mı diye ikilemde kalıyorlar. Bir de artık blogların kendi kariyerlerine ve işlerine faydalarını da sayarsak blog sahibi olmak artık amatör bir ruhtan çıkıp profesyonelliğe doğru adım atmaya başlıyor. Bu noktada artık herkesle aynı bir temayı kullanmak, kişisel marka olarak gördüğünüz bloga zarar vermeye başlıyor.  Premium tema satın alsanız bile, genelde ihtiyaçlarınıza tam olarak uygun olması için düzenlenmesi ve entegrasyonunun yapılması gerekmekte. Onlarca plug-inin kurulması da bunlara eklenince iş daha da karmaşıklaşıyor.

BlogDestek bloglara bir kurumsal yapı altında ama kurumsal olmayan fiyatlarla nasıl destek sunabilirim sorusuyla ortaya çıktı. BlogDestek hem profesyonel tasarım,  hem de teknik bir çok desteği sunabilecek yapıya ulaştı.  Kurumsal bloglar, özel yapılara uygun değişiklikler ve ihtiyaçlara özel kurgular, plug-in yazılması ve bunların varolan sisteme aktarılması, güncellemeler, veritabanı bakımı ve yedekleme gibi konularda BlogDestek bu hizmetleri vermeye başladı.

Kısa bir süre sonra sunacağımız premium ve ücretsiz temalar ile de BlogDestek‘ in sizlerin vazgeçilmez adresi olacağına inanıyorum.

BlogDestek ile ilgili soru ve önerilerinizi duymayı heyecanla bekliyorum

Kişisel olarak hayata ve teorime de uyan bir simulasyon görüşüm vardır. Hayat döngüsünü üçgeni simulasyon kavramıyla açıklarım. Bu teoremimim mesleğimle de uyuşan bir çok yönü var.  Simulasyon latince simulare kelimesinden türemiştir. Kısaca taklit etmektir. İnsan ilk nefesini aldığından itibaren gözlemlemeye ve örneklendirmeler yapmaya başlar. Sırasıyla tanıma-yorumlama-kopyalama süreci işler. Rol model olarak önce anne-babasını gözönüne alır. Onları simule eder kendi hayatında. Kız cocuğunun annesinin makyaj malzemeleriyle makyaj yapması ya da erkek çocuğunun tıraş olmaya çalışması bir simulasyon denemesidir. Bu süreç ölüme kadar sürer. Ebeveynlerin de çocuk sahibi olması bir simulasyondan öte bir şey değildir. Çocuk sahibi olarak tanrıyı simule etmek isterler. Bir kitap yazar için neyse neslin devamı da aynı şeydir. Soyadı devamı, nesil, ırk ne derseniz diyin.  Bana göre simulasyondur.  Reklamlar simulasyonu desteklemekten başka bir şey değildir. Ürünlerle,filmlerle, müziklerle ancak hayalinizdeki hayatı simule edersiniz, etmeye çalışırsınız. Evinizde akvaryumda balıkları beslemek okyanus hayatını, köpek-kedi beslemek hayvanlarla içiçe bir ortamı simule eder. Platon’un idealler dünyası gibidir hayat.  Dünyadaki en büyük simulasyonu internet bugüne kadar yapılmış ve en çok katılımlı simulasyon denemesidir. Gerçek hayattaki herşeyi orada simule etmeye çalışırız.  Hemen hemen herşeyin bir simulasyon karşılığı vardır. Her simulasyon kendi içerisinde kendine özgü değerleri ve kriterleri oluşturur.  Dahil olduğunu büyük resimle ilişkisi simulasyonun bir anlamda değersizliği aynı zamanda değeridir. Gün gelecek simulasyon onu oluşturan gerçekliği de kapsayarak kendi gerçekliğini kabul ettirip simulasyon yaftasından kurtulmuş olacaktır.  Aynı şu an yaşadığımız hayat gibi. Bu fikirlerin arabirim ve tasarımla ilişkisini merak eden ve yazının bu kısmına kadar sabırla gelen arkadaşlar için cevabınız bu satırlardan sonra. Gönül rahatlığıyla devam edebilirsiniz.

“Bilin ki, dünya hayatı ancak bir oyun, ‘(eğlence türünden) tutkulu bir oyalama’, bir süs, kendi aranızda bir övünme (süresi ve konusu), mal ve çocuklarda bir ‘çoğalma-tutkusu’dur.(hadid-20)”

Temelde sistemler giriş-gelişme-sonuç gibi etki-gelişim-tepki ayaklarına sahiptir. İlk hareket uyarıcısından sonra sistem belirli bir şekilde ilerler ve bir çıktı oluşturur. Bunun sağlıklı işlemesinin ilk adımı “girdi” nin sağlık bir şekilde iletilmesi ile başlar.  Interaktif bir ortamda bu işleyişin doğru işlemesi için gerçek hayatda bu sürecin incelenmesi gerekiyor. Çünkü az önce bahsettiğimiz gibi biz gerçek hayattaki süreci simule etmeye çalışıyoruz. Bir simulasyon örnek aldığı ideale ne kadar yakın durursa o kadar başarılıdır.  Hiç düşündünüz mü? Neden navigasyon yapıları boyutlu ya da dokulu gibi durduklarını? Çünkü gerçek hayattaki arabirim yapıları bu şekilde de ondan. En basit şekilde bir radyonun açma-kapama düğmeleri, istasyon ayar yuvarlağı, ses yükseltme-alçaltma düğmeleri bunlar hep fiziksel olarak el ile kumanda edilebilecek şekilde ve kullanıcıya düğmelerin fiziksel hareket anlamında bir aksiyonda olduklarını ve bir süreci başlatacağını bunun sonucunda da bir çıktı oluşturacağını söyler.   Interaktif sistemde gerçek fiziksel bir kullanım söz konusu olmadığı halde kullanıcıya bu hissi vermek için arabirimler bu anlamda bulunduğu konumdan farklılaşmak zorundadır. Kullanıcıya bir aksiyoma gireceğini, oraya tıkladığı ya da ilgili yere imlecini getirdiğinde bir aksiyon başlayacağını aynı gerçek bir radyonun açma kapama düğmesi gibi baştan  gösterebilmelidir.  Bu anlamda gerçeğin simulasyonu olarak her gün geldiğinizi duyurmak için çaldığınız zil düğmesi ile e-postanıza girmek için bastığınız giriş butonu arasında gerçek-simulasyon ilişkisi vardır.

Aynı arabirim sistemin durumu hakkında da bilgilendirme servisi şeklinde çalışır. Düğmenin konumu, aldığı fiziksel durum sistemin hangi evrede olduğunu anlatır. Çalışıp çalışmadığını anlamanız için bir çok “çıktı”nın olduğu sistemlerde bile kullanıcıya bunu başka bir yol ile anlatan bir çok sistem vardır çevrenizde. Radyo örneğinde olduğu gibi çalıştığını göstermek için kırmızı ışığın yeşile dönmesi gibi. Bir radyonun çalışıp çalışmadığını anlamak için ses olup olmaması en temel göstergedir. Neden o zaman bir ışıkla bunu sistem kullanıcıya açıklama isteğinde olsun? Radyonun sesi kısık olabilirde o yüzden. :) Bir arabirimi tasarlarken bu gibi şeyleri görmek ancak farklı bir bakış açısı ve süreci öykülendirme yani senaryolaştırma kullanımıdır. Yıllar önce gidilen sayfada o bölümün butonunun diğer butonlardan ayrı olması gerektiğini ısrar ettiğimde ilgili arkadaşlarım ne gerek var diye bana sormuştu. Zaten kullanıcı o butona basıp o bölüme gelmiyor muydu? ne gerek vardı ki rengini değiştirmeye. İşte basit bir mantıkla gereksiz görünebilir ama aslında çok basit bir örnekle bunu açıklayabiliriz.  Burada at gözlükleriyle sisteme bakmamak lazım. En çok yapılan hatalardan biridir. Simulasyon çevrenin koşulları dikkate alınmadan yapılırsa başarısız olur ve çöker.  Çok az kişi aynı anda sadece bir web sitesiyle ilgilenir. Bir çok web sitesinden gezinebilir. Bir tarafta e-postasına giriş yaparken diğer tarafta ilgilendiği yazarın o gün yazdığı makalesine bakmak için gazetenin yazarlar kısmına girebilir. Mesajlaşma sisteminden arkadaşıya selamlaştıktan ve e-postasına bakıp tekrar haber sitesine döndüğünde o kişiye olduğu sayfanın bilgisinin verilmesi gerekir. O butona bastığını ve ilgili yere geldiğini. Yani radyonun açık olup olmadığını anlamak için sesi açmak zorunda kalmamalı.  Arabirim bu bilgiyi kullanıcıya hemen verebilmelidir.

Bu anlattıklarımın daha doğru şekilde örneklendirmek için bundan sonra en çok yapılan arabirim hataları ve doğru yapılar üzerinde gerçek örnekler üzerinden ilerleyeceğim. Tasarımın sadece renk seçimi ve efektlerden ibaret olmadığını, tasarımsal kaygıların hiç bir zaman işleyiş ve amaçların önüne geçmemesi gerektiğini kendi bildiklerim çerçevesinde anlatmaya çalışacağım. Aynı şekilde bende herkes gibi halen ve hergün öğreniyor ve tecrübe ediyorum. Gelecek yazımda görüşmek üzere.

Bir önceki yazımda belirttiğim gibi bir web sitesinin ya da arabirimin tasarımına başlamadan önce mutlaka atılması gereken bazı adımlardan söz etmiştim.  Buradaki adımlar içerik, işleyiş (süreç) ve kullanıcı tabanına göre düşünülüp belirlenmelidir. Genelde tasarımcıların yaptığı en büyük hata sitenin kullanımının bir süreçle yürüdüğünü unutup tekil aksiyonlara takılı kalmalarıdır.  Senaryo oluşturmadaki amaç bu süreçin tasarımcının beyninde canlandırılmasında ve kullanıcı ile empati yapmasında büyük kolaylıklar sağlamasıdır.  Senaryoların temelinde kullanıcı alışkanlıkları yatmaktadır. Bir web sitesini ziyaret eden kullanıcıların büyük çoğunlu güdümlü kullanıcılardır. Yani siteye girmeden önce yapmak istediği hareket ya da süreç hakkında karar vermiş olmasıdır. Tasarımın ve navigasyonun en büyük görevi burada kullanıcıya bu karar verdiği süreç boyunca yönlendiri, yardımcı olması ve hedefe yönelik bir yapıyla işlevini yerine getirmesidir.  Tasarım içerikle beraber hiç bir şey bilmeyen kullanıcı ile nerede olduğunu ve ne yaptığını bilen kullanıcıya aynı anda hizmet verebilmelidir.

Peki bir arabirim kullanıcıya nasıl yol gösterir ya da nasıl hedefine ulaşmasında yardımcı olur. Kullanıcı siteye girdiği zaman herşeyi görmez. Gözün tam olarak algıladığı alan gerçekte çok kısıtlıdır. Bu yüzden içerik, arabirim ve diğer görsel öğelerin dizilimi, birbirleriyle olan ilişkisi çok ama çok önemlidir.  Bu noktayı unutmamak gerekiyor çünkü odaklandığı alan dışında gözün diğer alanları görmesi beynin o alanları tam olarak algılaması demek değildir. (bkz: bakmakla gormek arasindaki fark )

Kullanıcının bir noktaya baktığında gerçekte algıladığı görüntü.

Geçen yıllarda bir üniversitede yapılan bir araştırmada kelimelerden harflar eksiltiğinde ya da yerleri değiştirildiğinde bile insanın çok rahat bir şekilde okumayı sürdürdüğünden bahsediyordu. Aslında gerçekte bir okumanın yapılmadığını burada beynin aynı google suggest ya da cep telefonlarındaki t9 sözlük mantığında leb dediğinizde leblebiyi tanımlamasında yattığını düşünüyorum. Aynı şekilde kullanıcı bildik bir tasarımda bakmasa bile beynin o bölümlerini tamamladığını ve kullanıcıya orada ne olduğunu hatırlattığını varsayabiliriz.

Yukarıdaki site görüntüsünde navigasyonun ve içeriğin birbirinden çok fazla ayrışmadığını bu yüzden beynin aslında bakılmayan bölümü yorumlamasının çok başarısız olduğunu söyleyebiliriz. Bu yüzden bir siteyi tasarlarken nerenin içerik nerenin bir eyleme sahip olduğunu kullanıcıya ilk bakışta aktarabilmek arabirimin başarısının ilk adımıdır.  Aslında tasarımcının bu ilk adımı başarılı yapmasının önünde çok büyük bir engel vardır. Çünkü tasarımcı içeriği öğrenmiş ve arabirimi mecburen ezberlemiştir. Gözü kapalı dahi olsa nerede neyin olacağını bilmektedir. Kullanıcı ile empati yapması için olası senaryoları hazırlamalı ve bunu test siteyi ilk defa kullanacak kişiler üzerinde test etmelidir.

Bu noktada tutarlılıkdan bahsetmek çok da yanlış olmaz.  Tutarlılık sitenizin ilk girişten itibaren kullanıcıya verdiği yapı bilgisinin en basit sayfasında dahi birebir devam ettirilmesidir. İlk başta buton görevi verilen bir yapı bir başka yerde hata mesajı vermek için kullanılmamalıdır. Yani içerik ile arabirimin ayrışması, kullanıcıya nereye tıklarsa bir eyleme geçileceği nerede eyleme geçilmeyeceğinin, nerenin içerik, nerenin kullanıcıya bu içerik içerisinde yolunu bulması için verilmiş araçlar olduğunu belirtilmesidir.  Kullanıcı bir önceki sayfada tecrübe ettiği gibi o alanın tıklanabilir ve bir noktaya ulaşılabilir olduğunu varsayıp bu bilgiye göre davrandığında beklentisinin boşa çıkarılması ile kötü kullanıcı deneyimi ile karşılaşmış oluruz. Tutarlılık sadece arabirim ve içeriğin ilişkisinde değil hemen hemen her noktada dikkat edilmesi gereken bir konudur. Hata mesajlarının türü, nerede çıktığı her noktada aynı olmalıdır. Bir sayfada hata mesajını javascript uyarı penceresi ile verirken bir sonraki ekranda sitenin içerisinde yazmanız kullanıcının hatayı farketmemesi ve bocalaması ile sonuçlanır.