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

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