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

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