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

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