İnternet sitemizde çerez (cookie) kullanılmaktadır. Çerezler (cookie) hakkında detaylı bilgi için Çerez Politikası'nı inceleyiniz. Devam etmeniz halinde çerez (cookie) kullanımına izin verdiğinizi kabul edeceğiz. Çerez ayarlarınızı değiştirmeniz halinde internet sitesinin birtakım özelliklerini kullanamayabileceğinizi belirtmek isteriz.

Mobil internet sitesi tasarımı

Mobil internet sitesi oluşturmanın en iyi yanı normal bir internet sitesi için kullanabildiğiniz neredeyse tüm yapıları kullanabiliyor olması ve aynı programlarla bu işi gerçekleştirebilmenizdir.


Mobil Web Tasarım Hakkında Bilinmesi Gerekenler
 

Her geçen gün çıkartılan yeni tabletler ve mobil telefonların kullanım alanlarının da gelişmesiyle, Mobil araçlar için ürün geliştiriciler de artıyor. 

 

Ne kadar Mobil için uygula geliştirmek daha hızlı ve daha ön planda olsa da Mobil Web tasarımı geliştiricilerde mobil için uyumlu internet sitesi geliştirmek de günden güne artıyor. 

 

Mobil için internet sitesi oluşturmanın en iyi yanı ise normal bir internet sitesi için kullanabildiğiniz neredeyse tüm yapıları kullanabiliyor olması ve aynı programlarla bu işi gerçekleştirebilmeniz. 

 

İşte bu yüzden Mobil internet sitesi geliştirmek uygulama geliştirmekten daha kullanışlı. Tüm bunlara rağmen birçok kullanıcı firmaların mobil internet sitelerini herhangi bir yerdeyken normal sitedeki her şeyi görmeden kolayca ziyaret edebilmek istiyor. 

 

Mobil için optimize edilmiş internet sitesi oluşturmak, bilgisayar kullanıcıları için internet sitesi oluşturmak farkları olmasına rağmen farklarından daha çok benzerlikleri özellikleri var. Örneğin ekran boyutu ayarları, kullanıcının dikkat ettiği alanlar ve kullanılabilirlik durumlar daha önce olduğundan daha çok önem taşıyor. 

 

Bu durumlar aslında bilgisayar içinde önem taşımakta fakat bazı durumlarda görmezlikten gelebiliniyor.  Bu yazımızda da mobil internet sitesi için optimizasyonun nasıl yapılması gerektiğini, nerelere dikkat edilmesi gerektiğini öğreneceğiz.

 

 

 

Mobil İnternet Sitesindeki Sadeleştirilmiş Navigasyon Yapısı 

 

Ayrıntılara inmeden önce konuşmamız gereken önemli noktalardan biri navigasyon yapısının olabildiğince sade olması.  Bu sadeleştirilmiş yapısıyla navigasyonu sadece basitleştirmiş olmayıp aynı zamanda mobil sitenin orta kısmın, yukarıdan aşağıya doğru uzanan ve sadece en önemli elemanlarının üzerine odaklanmış derli toplu bir yapı haline getiriyoruz. 

 

Mobil Web Sitesi Referanslarımız için tıklayınız: http://www.iztim.com/Referans

 

Çoğu mobil internet sitesinin kullandığı 2 yada 4 tane seçenekli üst level navigasyonunun güzel durduğunu düşünüyorum. Tabi ki bu durum mobil internet sitesinin ziyaretçilerine yönelik hazırlamalarından kaynaklanıyor. Örnek vermek gerekirse “Truth Tabernacle Church” internet sitesinde 6 tane seçeneği olan ana navigasyonu bulunmasına rağmen mobil internet sitesi için bu seçenekleri 1 e düşürmüş durumda. Bu tek seçenekse “Truth Tabernacle Church” için  ana sayfayı kaplayan “İletişim” bölümü. 

 

“Truth Tabernacle Church” Mobil internet sitesinin ara yüzü, kilise arayan kişilere veya hizmet saatlerini öğrenmek isteyenlere veya basit bir şekilde iletişime geçmek isteyenlere yönelik durumda. Bu özellikler mobil internet sitesinin sağlayabildikleri, bilgisayardan girenler için bu durum da geçerli fakat bilgisayar kullanıcıları kısa bilgilerden ziyade kilise hakkında daha çok şey görmek onu araştırmak isteyecekleri için normal sayfalarda mobil sayfalarda olamayan ekstra bilgiler içermekte. 

 

Peki buraya kadar neler öğrendik? Normal internet sitesi ile mobil internet sitesinin kullanıcıları farklı mı veya amaçları tamamen farklı mı? Belki, bunun daha iyi sonucunu daha çok mobil internet sitesi ara yüzüne odaklanarak öğrenebiliriz. Fark ettiyseniz her şey yapabileceklerinizle alakalı. Kilise sitesinde de olduğu gibi normal bir sitenin navigasyonda kullanılabilecek bazı seçenekler mobil internet sitesinde kullanılmaması daha iyi olur. 

 

Başka bir ilginç konu ise “hakkımızda” gibi navigasyon içinde bulunabilecek seçeneklerin Mobil internet sitesinde fazla zaman kaybetmek istemeyen insanlar için optimize edilmesi, tabi ki bu onların okumaya ilgisi olmadığı manasına gelmez. Bazıları da sitenizin belirttiklerini göz önünde bulundurur. Bu yüzden navigasyon seçeneklerinin değiştirilmesi daha iyi olabilir. Sadece “Hakkımızda” yazmaktansa  “Hakkımızda ne bilmek isterdiniz” yazmanız biraz uzun olmasına rağmen düşüncelerinizi daha iyi yansıyıcı bir davranış olur. Genel olarak “Hakkımızda” yazısı insanların okumaktan kaçındığı yazılar olan bölüm olarak görülür. Bunun yerine “Truth Tabernacle Church”  için  “Bir ziyaretçimizin kilisemiz hakkındaki düşünceleri”  daha kullanışlı ve hedefe yönelik bir seçim olur. 

 

Sadelik ve mobil ara yüz üzerine odaklı çalışmalar internette daha iyi bir yer alabilmeniz için gereken her şey. Normal internet siteleri içinde geçerli olan özellikler içerisinden hatasız düzenlenmiş içerik yapıları ve bunları yöneten kodlar da bir o kadar önemli. Bunun sonucunda görev yapısı mantalite ortaya çıkıyor. Tüm seçenekler kendi içerlerinde kullanıcıdan bilgi bekleyen yapıdadır. Bu şekilde olmasından dolayı tüm pasif yapılar sayfanın yükünü hafifletir ve hareketliliğini düşürür. Tabi ki bunlar bizi bir sonraki konumuza götürüyor: Görev tabanlı Yapılara sahip olmak. 

 

Mobil İnternet Sitelerinin de Görev-Tabanlı Yapılar. 

Görev-Tabanlı yapıları kullandığımız bilgisayar kullanıcıları için yapılmış internet sitelerini ele alalım. Ana sayfanız son derece güzel olarak tasarlanmış haldeyken çok belli olmayan yapılar sizi belemekte. Verecek olduğunuz karar doğrultusunda sizi başka yerlere yönlendirecek olan yapılar bunlar. 

 

Örneğin, Büyükçe ve vurulanmış bir şekilde gelecek olan etkinlikleri gösteren bir banner pasif bir yapıya sahiptir. Bunu görev-tabanlı olarak değiştirmek istersek  “devamını oku..”  yapısı ekleyerek bizden gelen istekleri bekler hale gelir. Bu belki çok basit oldu. Şöyle bir örnek daha verelim, kullandığımız butonumuzun rengini turuncu olarak belirleyelim ve buna görev-tabanı ekleyerek üstüne geldiğinde “kayıt ol ve daha fazlasını öğren” yazısına yazdırabiliriz. 

 

Başka bir örnek ise “hoş geldiniz” mesajıdır. Kullanıcıyla iletişime girmiş olursunuz ve bu mesaj internet sitesinin arkasında gerçek kişi olduğunu gösterir. Ama bunu görev-tabanlı yapısıyla yaparsak, üye kişileri bu ekranı geçirtip onlar için farklı bir görüntü sunarken üye olmayanlar için farklı bir iletişim yapısı kullanabiliriz. 

 

Mobil internet Sitelerinin Kısıtlı İçerik Alanın Bulunması 

Başka bir gerekli ders ise sayfayı sürekli aşağıya uzatmamak için içeriğin azaltılması. Sadece seçeneklerin azaltılması değil, ana fonksiyonlardan ve içeriklerden kullanılmayacak olanların veya gereksiz olanlarında azaltılması. 

 

Bazı durumlarda çok fazla yazının elenmesi gerekir. Bu da acaba normal internet sitesinde olan bu içerik gerekli mobil internet sitesi için gerekli mi değil mi sorusunu gündeme getirir. “Divi Aruba” İnternet sitesi bunun için güzel bir örnek oluşturmakta. Gösterişli satış yapısıyla üstte bulunan fotoğraf Ana sayfa da kesin olması gereken eleman gibi görülebilir, fakat mobil internet sitesi için küçültülmüş haliyle kullanılmıştır. 

 

Mobil internet sitesi versiyonunda, logo arkadaki resmin üzerine yerleştirilmiştir ve hala aynı mesajı taşımaktadır: “Eğer böyle bir yere gitmek istiyorsanız, okumaya devam edin”. Sizde böyle göze çarpan yapıyla insanların isteklerine yönelik çalışma yapmak isteyebilirsiniz. Tasarımcılar neyin daha çok ilgi çekeceğini ve bunları kullanarak ziyaretçileri nasıl müşteriye çevireceğini iyi bilirler. 

 

 

 

İyi Çalışmalar, Kötü Çalışmalar

Yeni konumuz is kötü çalışmalardan kurtulmak. “Travel Tex” i sıradaki iyi örnek olarak gösterebiliriz. “Travel Tex” Texas için seyahat danışma sitesi olarak yapılmış durumda. Kendilerine özgü anlaşılır bir amaçları ve ziyaretçileri var. 

 

Sadece mobil internet sitesine yönelik hazırlanmış yazılar değil, mobil internet sitesine uygun bir şekilde düzenlenmiş menü yapısıyla ve navigayasyonuyla tam bir mobil sitesi örneğidir. 

 

Daha iyisini yapabilmek için her şeyi sorgulamayı alışkanlık haline getirmeniz iyi olur. Sadece bu şekilde iyi bir mobil internet sitesi için nelerin daha iyi olduğunun kararını daha iyi verebilirsiniz. 

 

Mobil İnternetin Olmazsa Olmazı Logolar 

 

Her zaman yaratıcılıktan yana olmuşumdur. Tarihte de sanayideki çoğu büyük değişikler sonucunda kalıcı sonuçlar alınmıştır. Fakat sormamız gereken sor tüm bunları yapacak yer ve yeteri kadar zaman var mı? Bu yüzden birçok tasarımcı tasarımlarını kendi düşünce yapılarına göre hazırlayıp başkalarına yaratıcılığı, düşüncelerini göz ardı ederek çalışmakta. Bu da internet sitelerinin kullanıcılar ve onların isteklerine yönelik olmaktansa tasarımcılara yönelik olması durumunu ortaya çıkartıyor. 

 

Tasarımlarda olmazsa olmaz olanlardan biride Logolar ve onların yerleştirilmesidir. Mobil internet sitesinde logoyu en alta sabit bir şekilde bulmak kullanıcı için hiçte kullanışlı ve aklında iyi düşünce bıraktıran bir şey değildir. Olması gereken, kullanıcın siteye girdiğinde en üste logoyu görmesidir. Normal internet sitelerinde de durum böyle değil mi? 

 

Size bu konuda küçük bütçeleri ve kısıtlı kullanıcı kitlesi olmasına rağmen geliştirilmiş güzel sitelerin örnekleri. 

 

 

 

Reklamsız İnternet siteleri 

 

Mobil internet sitelerinin en büyük başarıları ise reklamsız olmalarıdır. Dürüst olmak gerekirse reklam alabilecekleri yerleri olmamasından kaynaklanmaktadır. 

 

Tasarımı oluştururken dikkat edilen yapılar arasında kolay anlaşılabilir olup olmadığı, kullanışlı navigasyona sahip olması gibi önemli etkenleri geçtikten sonra reklam almayı düşünmek gerekiyor. 

 

Mobil internet sitelerin bazılarında reklamları görmüş olabilirsinin bunun için farklı navigasyon yöntemleriyle, parçalanmış ekran, gereksiz animasyonlar ve etkileşimi, satır içi scroll alanları, ve sabit genişlikteki şekillerinde kullanmaktalar. Bunların etkinlikleri ise inanılmaz derecede. 

 

Sonuç

Gördüğünüz gibi mobil internet sitesi üzerine birçok ders gördük; özellikle gereksiz dosyalardan sitemizi ayırmak. Gerçek yaşamdaki birçok şey gibi bakış açımızı biraz değiştirerek görmemiz gerekenleri, elde etmemiz gerekenleri elde edebiliriz.

Durmuş Ali Çöllü