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

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