Çözünürlüğe göre tasarlamayın


Geçtiğimiz hafta, iOS geliştiricilerimizden biri, varolan iPhone uygulamamızı iPad’e sadece birkaç ayarla oynadıktna sonra derleyerek çalışır hale getirdi, sonuç tabi ki götü başı dağılmış bir uygulama, ama fonksiyonel. Tabi ki iPhone ve iPad arasında deneyim tasarımı farklılıkları var fakat teknik olarak çok küçük problemler var. Uygulamanın uyumsuzluğunun 95%’i sadece görsel problemler ve bu problemler tasarımın özellikle iPhone ekran çözünürlüğüne göre yapılmış olmasında.

Mobil uygulamalar çok iyi örnekler değiller bu yazı için çünkü uygulamanın çalışacağı cihazlar belirli ve çözünürlükleri belirli, yazılan uygulamalar da çalışacakları cihazlara oldukça bağlılar.

Web’de ise durum biraz daha farklı, cihazları veya ekran çözünürlüklerini kontrol edemezsiniz, ayrıca web uyuglamalardan daha universal bir içerik türü, çok farklı cihazlar tarafından okunabilen çok daha geniş bir kitleye hitap edebildiginiz bir içerik dağıtım türü. Bu yazıda size bu farklılıkların bazı çıkış noktaları anlatacağım ve farklı bir arayüz geliştirme yaklaşımdan bahsedeceğim.

Az önce mobil uygulamalar bu problemin açık şekilde görüleceği ortamlar olmayabilir demiştim fakat Android işletim sistemi üsütnde çalışan uygulamalar bu yazıya daha yakın örnekler olabilirler çünkü piyasadaki farklı ekran çözünürlüğüne sahip cihaz sayısı oldukça yüksek, dolayısıyla web örneğine daha yakınlar.

Farklı çözünürlüklere sahip kullanıcı kitlesine üretilen klasik bir tasarım senaryosunda, kullanıcı analitikleri analizi yapılıp en çok kullanılan ekran çözünürlüğü belirlenir. Vazgeçilebilecek ekran çüzünürlüklerinden kurtulduktan sonra kabul edilebilecek minimum ve maksimum ekran çözünürlüğü tanımlandıktan sonra buna göre bir tasarım çalışması yapmak genel yaklaşımdır. Kullanıcı deneyimi tasarlandıktan sonra arayüz tasarımı yapılır ve arayüz tasarımı bittikten sonra tasarlanan asset’ler (resimler, ikonlar, butonlar, arka plan grafikleri vs) çoğu zaman arayüz geliştiricisinin ekran çözünürlüğünde test edilir ve az sonra belirteceğim deneyler yapılmaz.

Okumaya devam et “Çözünürlüğe göre tasarlamayın”

The Smashing Book : Ortalığı mahvedecek


Sıkı durun, Eylül ayında Smashing Magazine’in derlemasyon da olsa güzel bir kitabı geliyor. Tüm internet aleminde iş yapan insanın incelemesi gereken bir kitap diye düşünüyorum.

İçeriğinde :
– CSS Tasarım
– Arayüz tasarımı, Modern web sayfalarının arayüzleri
– Web tipografisi
– Kullanılabilirlik, erişilebilirlik
– Tasarımda renk bilgisi, kullanımı
– Site optimizasyonu
– Tasarımlarınızı satmanın yolları / sattıracak tasarım yapmak
– Bir siteyi markaya çevirmenin yolları
– Sektörün otoriteleri ile röpörtajlar
– Son olarak smashing magazine’nin öyküsü

İçeriği oldukça dolgun diye umuyorum, Sonuçta smashing magazine, özellikle web tasarım konusunda makaleler/kaynakları derleme yapan ilk kaynak. İllaki bu derlemelerden çok çok iyi (yani en iyilerini) bir kitaba dönüştürmüş olmaları muhtemel ve bu da kaliteli olacağını hissettiriyor.

Türkiye’ye sanırım 5$ kargo parası ödeyerek 24$’lık kitabı ön sipariş verebiliyormuşuz.

Şuradan satın alabilirsiniz :
http://www.smashingmagazine.com/2009/08/05/the-smashing-book-pre-order-now-and-save-20