9 Aralık Pazar ´12   —   5 Yorum
Geçen hafta mfyz.com'un mobil uyumlu arayüzü üstüne çalıştım. 4 günlük bir çalışma sonucunda artık siteye mobil cihazlarınızdan uyumlu bir şekilde ulaşabileceksiniz.

Önümüzdeki haftalarda bu konuyla iligili bir yazı serisi yayınlamayı planlıyorum. Bir çok CSS çatısı zaten böyle arayüzleri hazırlamanızı sağlıyor şu anda. Ancak mfyz.com'da arayüzde herhangi bir çatı kullanmamıştım. Belki twitter bootstrap'a geçirebilirdim fakat gerek de görmedim, zaten çok basit bir arayüz yapısına sahip şu an gördüğünüz arayüz.



Masaüstü versiyonu (yukarıda görebileceğiniz şekilde), 800px genişlik ve üstündeki çözünürlüklerde görüntüleniyor. 800px'den küçük çözünürlüklerde site, mobil uyumlu yani akışkan (fluid) arayüze dönüşüyor. Bildiğiniz gibi akışkan arayüzlü sayfalar, çöznürlük bağımsız ekrana yayıldığı için farklı çözünürlüklerde sorunsuz görüntülenebiliyor. Bu açıdan çoğu mobil uyumlu sayfalar akışkan arayüzle tasarlanır.

Tablet cihazlar yan tutulduğunda, genellikle 800px üzeri çözünürlüklere sahip oldukları için mfyz.com'u masaüstünüzdegördüğünüz tasarımıyla görüntüleyebileceksiniz. Dolayısıyla eğer mobil arayüzde eksik olan bir fonksiyonalite var ise tablet cihazınızda yatay konumda tüm fonksiyonlara sahip olacak. Çünkü mobil uyumlu sayfalar fonksiyonalite bakımından sadeleştirilmiş olabilir.

Çoğu tablet dikeyde 800'den daha düşük çözünürlüğe sahip olduğu için, tablet cihazınızı dikey konuma getirdiğinizde mfyz.com'un mobil arayüzünü görmeye başlayacaksınız. Mobil uyumlu sürüm, okunabilirlik açısından font boyutu optimize edilmiş, arayüzü kaydırılan sayfalar şeklinde mobil uyumlu şekilde optimize edilmiştir.



Daha da ufak çözünürlükler için (500px'den küçük çözünürlükler için) font boyutu ve nagivasyon değşiklikleri olacak şekilde küçük ekranlı mobil sürümü görebileceksiniz.

Ayrıca aşağıdaki görselde küçük ekranlı mobil cihazlarda yatayda navigasyon dışındaki değişiklik dışında siteyi mobil uyumlu bir şekilde görebilirsiniz.

17 Kasım Perşembe ´11   —   17 Yorum
Bir suredir siteyi ufak ufak degistirdigimi farkediyordunuz, zaten ara sira da uzerinde calisiyor oldugumu soyluyordum. Herhalde son birkac yildir goreceginiz en buyuk degisiklik geldi (aslinda buyuk degisikliklerin baslangici diyebiliriz).

Tahmin ediyorum ki herkes olumsuz yonde elestirecek once. Cunku gorsel bir yaninin olmadigini biliyorum ve insanlarin bunu aradiginin da farkindayim. Fakat header'i birkac nedenden dolayi degistirdim simdilik bu nedenleri ve ileride ne yapacagimi anlatmayacagim, degistirdikce ekledigim ozelliklere gore sizden feedback isteyecegim zaten.

Ama emin olun bu bir kullanilabilirlik gelistirmesi ve bunun devaminda hem sadece header icin hem de sitenin diger parcalari icin guzel seyler geliyor.




Hangisi? (ustteki veya alttaki?)
Nexum

2 hafta önce Wanda Digital'den Nexum Boğaziçi'ne Arayüz Geliştiricisi olarak transfer oldum. Şu an 2. haftamda işlere/projelere yavaş yavaş alışmaya başladım. Yakında portfolyomda yeni markalarla karşınızda olacağım :-)
Selamlar,

Yavaş yavaş birşeyler yapmaya başladım gibi. Son zamanlarda sosyal medya konusunda hem teknik hem de kitlesel (sosyal) araştırmalar/çalışmalar yaptığım için bu konuda bir hayli tecrübe edindim. Sitenin yeni sürümünü tamamen kullanıcı etkileşimine yönelik oyuncaklarla doldurmaya karar verdim. Sonuna kadar paylaşım ve katılımı destekleyecek araçlar kullanacağım. Mesela facebook connect, twitter ve gmail oauth desteği vererek üyeliği kolaylaştırmayı düşünüyorum. Sitede yazılan her yazıya oylama, beğenme (like) gibi şeyler koymayı düşünüyorum.

Ayrıca yıllardır çekinip de içeriğin kontrollü ilerlemesi paranoyasından dolayı bütün yazıları benim yazıyor olmam da bir dezavantaj. Yani dezavantaj demeyelim ama içeriğin gelişimi için yavaşlatıcı bir faktör.

Bu kadar kullanıcı etkileşiminin nedeni aslında mfyz.com'u kişisel başlıktan bile kurtarıp daha çok üyelere mal (maal demek istiyorum) etmeye çalışmam. Yani yeni sitede ismimi de göremeyebilirsiniz, "mfyz.com" başlığı ile devam etmeyi düşünüyorum. Kişisel kısımlarımı .net ve .org domainlerinde istediğim kadar yapabilirim.
Neyse, yenisinde daha iyi bir moderasyon ile daha çok vakit ayırabileceğim (daha doğrusu daha az vakitte daha çok iş yapabileceğim (like jquery)) bir altyapı hazırlayacağım.

Bu konuda neler düşünüyorsunuz? Neler yapmalıyım nasıl yapmalıyım? Sizden içeriğe destek istesem neler yazarsınız? İşte bu noktada özgünlüğü nasıl koruyacağım? Yani herkes birşeyler yazmak istediğinde eminim ki başka yerde yazılan şeyler de tekrarlanmaya başlayacak. O kadar paranoya içinde ben bile bazen yazılmış şeyleri yazıyorum, ki böyle olmasını istemiyorum.

Popüler Etiketler

pharma hack php wordpress url sql query injection blog rss örnek kod mail newsletter subscription api facebook opengraph fql optimization regex html form input textarea select mootools ipucu table phpstorm jetbrains mysql pgsql mssql ide editor connect box icon ikon grafik download css xhtml object svn subversion proje jquery social media sosyal medya twitter javascript plugin screen kitap portfolio internet signature imza cms notebook laptop lisans license support wanda kampanya iOS webkit web app app music google apple service tool search apache server workspace statistics js bootstrap css3 mfyz xml nedir less language development style mdb2 pear dokuman compile www subdomain redirect crossdomain ubuntu ui ux icons logo html5 radio button switch kurulum compiler macosx windows linux on-the-fly assets framework gimp howto nasıl ajax xmlhttprequest browsers spam firefox ios iphone ipad app store store in-app purchase purchase verification integration storekit itunes connect itunes htaccess export tebrik ie browser db database free sitemap seo deployment version control git istatistik insanlar lifestream coding fstab ntfs job developer mobile login session generator optimizasyon analyse procedure mod_rewrite cookie kontrol yapıları if while date diff banner calendar graph widget share meta network auth startups chart konsol prepare execute open source doritos tytz player internet explorer code terminal design oyun cache zaman osx applications link tarih digital route router parse http ruffles wireless