Son zamanlarda bildiğiniz gibi "duyarlı
tasarım" terimi web tasarımcıları arasında yaygınlaştı. Bu terim ayrı bir mobil
alan adına gerek kalmadan farklı cihazlar için dinamik olarak arayüzler
özelleştirmek ve bunların hepsini aynı websitesinden sunmak için kolay bir yol
anlamına gelir.
Bu tasarım şekli, mobil, tablet ve masaüstü tarayıcılar için görsel arayüzü nasıl adapte edeceğiniz gibi çok büyük bir problemi oldukça zarif bir şekilde çözüyor. Ancak tasarımın farklı tarayıcılarda nasıl görüneceği dışında çözmeniz gereken ve başta size basit görünse de birleştirici bir web sitesi hakkında çok daha zor problemler bulunuyor. Sağlam bir tasarım dokunma hareketlerini, bant genişliği sınırlamalarını ve fare işaretçilerini kullanırkenki farklı etkileşimlere işaret etmelidir.
Her sayfada ne kadar bilgi vermek gerektiğine bakarak içeriği de düzenleyebilirsiniz. Ve HTML5'in çevrimdışı kapasitesi için kaldıraç görevi gören yeni nesil mobil web uygulamaları da geleneksel masaüstü web sitelerinden çok daha farklı bir şekilde inşa edilebilir. Bu sorunları dikkate aldıktan sonra tüm cihazlar için uygun olan duyarlı bir web sitesini hayata geçirebilirsiniz. Ama bu mümkün olmazsa bir yedek plana ihtiyacınız olabilir.
Siz masaüstü arabirimini ayrı tutup akıllı telefonlar ve tabletler için dar anlamıyla melez bir duyarlı tasarım yapmayı hedefleyebilirsiniz. Bu yolu tercih edenler için bu makale; farklı web sitelerini ya da web uygulamalarını birleştirmenin yollarını keşfetmek ve kullanıcıların uygun arayüzü hakkında nasıl daha kolay bilgi bilgi edineceklerini anlamak açısından yararlı olacaktır.
Mobil ve Tablet İçin Duyarlı Tasarım
Tek sütunlu bir mobil arayüzü, ekranın en üstünde yer alacak olan zengin bir setten oluşan navigasyon seçenekleri ile çok sütunlu bir arayüze çevirmek tabletler için daha uygun olacaktır. Çok sütunlu arayüz biraz daha karmaşık olmasına rağmen, hala daha temiz ve daha az karmaşık olduğu için bir çok masaüstü websitesi tarafından kullanılıyor. Bir çok duyarlı web sitesi CSS ortam sorgularındaki başvuru ekranında yer alan genişliklere güveniyor ama aynı zamanda belirli tarayıcı özelliklerini karşılıyor ve "giderek arttırır" diye geri çekilme davranışlarında bulunuyorlar.
Masaüstü Neden Farklı
Uygun arayüzler gelecekte düzenli masaüstü arayüzlerine yol açan sağlıklı gelişimlerden biridir. Yine de mobil ve tablet arayüzlerinin masaüstü tarayıcıları için farklı bir içerik kümesi olacakları zamanlar olabilir.
Bir masaüstü sayfası, özellikle reklam başlığında (banner) daha zengin navigasyon seçenekleri sunmaktadır. Birçok masaüstü websitesinde kullanıcılar tek bir hareketle drop-down menü seçeneği sayesinde içiçe kategorilere erişebilmektedirler. Masaüstü websitelerini sanal klavyeyle yönetmek zor olsa da, arama tarafından yönlendirilen navigasyonu konusunda güvenilirdir.
Mobil Web Uygulamaları Mobil Web Siteleri'ne Karşı
Medya sorguları kullanarak bir arabirimi adapte etmek güçlü bir tekniktir ama ne kadar yüzeysel olduğunu bilmemiz gerekir. Geleneksel web sitelerinden farklı olarak inşa edilmiş ve önbelleğe alınmış mobil web sitelerinin ihtiyaçlarının çok azını karşılar.
Yerli uygulama platformlarına çapraz cihaz alternatifleri sundukları için web uygulamaları popüler hale geliyor. Yerli uygulamaların birçok özelliği App Store'dan resmen indirilmiş tarayıcı tabanlı uygulamalar gibi uygulanabilir. Web uygulamalarına ana sayfadaki birçok ikon kullanılarak birçok platformdan ulaşılabilir ve arayüzde tam control sağlamak için tarayıcı denetimlerini gizleyecek şekilde ayarlanabilir. Bir web uygulaması ana sayfaya kaydedildikten sonra, onun bir web sayfası olarak uygulamaya geçirildiğini kanıtlayacak hiçbir şey yoktur.
Sonuç
Bu makale masaüstü ve mobil arayüzlerinin birbirlerine aitler mi yoksa tek başlarına istemciye uyarlanmış şekilde mi çalışmaları gerekir sorularını sorduk. Bu sorunun bir tek cevabı yok ama sormak da önemlidir.
Ancak bu iki sorunla da başa çıkabilen, birleşik bir tasarımı ve takdir edilen teknik zerafeti olan bir geliştirici olarak amacınız bu soruya "evet" olarak cevap verebilmektir. Sadece birleşik tasarım, enformasyon tasarımı ve temel dağıtımın farklılık ihtimalini gözardı ederek görsel tasarıma çok fazla odaklanmayın.
Disual olarak size "evet" cevabını vermeniz için yardım edebiliriz. Bize ulaşın ve duyarlı bir websitesine sahip olun.