Duyarlı ve Uyumlu Tasarım

Konu web dizayna geldiğinde, web sitesinin herhangi bir cihazda çalışmasını isteyen hizmet sağlayıcısı/satıcısı için şaşırtıcı derecede çok şey söylenebilmektedir. Bugünlerde en çok kullanılan iki tanesi, duyarlı (responsive) ve uyumlu (adaptive) web tasarımdır. İkisi arasındaki farkı, kafanız karışmadan ve ihtiyacınız olmayan bir şey için para saçmaya başlamadan önce anlamak çok önemlidir.

Konu interneti kullanmaya geldiğinde, akıllı telefonların ve tabletlerin kişisel ve dizüstü bilgisayarların yerini aldığının; konu web tasarım olduğunda  kullanıcının webi kullanma şeklinin en önemli faktör olduğunun hepimiz farkındayız. Ancak kullanıcılar şimdilerde, kullandıkları cihaz ne olursa olsun, kusursuzluk, kolay gezinim olanağı ve kullanışlılık bekliyorlar.

Hem duyarlı hem de uyumlu web tasarımın mantığı, kullandıkları cihazların boyutu ya da tipi ne olursa olsun, kullanıcılara web siteler üzerinde kolay bir şekilde gezinme imkanı sağlayabilmesidir. Duyarlı tasarım bunu otomatik ve hızlı biçimde yaparken, uyumlu tasarımın hedef noktası farklı şablonlar kullanan cihazlardır.

Yeni bir web sitesi yaratırken, herhangi bir web tasarımcısının sorması gereken ilk soru şu olmalıdır: “Ziyaretçi bu web sitesinde ne yapmak istiyor?”

Daha sonrasında ise bunu nasıl kolay hale getirebileceğini düşünmelidir. Birçok web ziyaretçisi düşünmek zorunda kalmamak, zorluk yaşamamak, neyi arıyorlarsa bulmak – ve eğer bulurlarsa siteden ayrılmak ister.

Daha ayrıntılı açıklamak gerekirse…

AAEAAQAAAAAAAALWAAAAJGIyZTViMTEyLWY5ZTMtNDUyNy05M2Q2LWY5YzBmOWNlNjg3NA

Duyarlı web tasarım, hangi cihaz kullanılıyor olursa olsun, web sitelerinin buna uyum sağlamasını sağlayan bir tasarımdır. iPhone, tablet ya da dizüstü bilgisayarlar için özel bir sayfa ya da web sitesi yoktur. Sadece bir tanedir. Tasarım oldukça esnektir ve her ekran boyutunda içeriği göstermek için kendisini otomatik olarak ayarlar.

AAEAAQAAAAAAAAN_AAAAJGFhNDAwMDNjLWM2YjQtNGVkZi05OGM5LTg2NzNiZDE5MTljYw

Örneğin, dizüstü bilgisayarlarda bir web sitesi üç sütunda gözükürken, duyarlı tasarımla birlikte akıllı telefonunuzda tek sütun görürsünüz ve daha fazlasını görmek için aşağı ya da yana kaydırırsınız. Görüntüler de otomatik olarak boyutlanır.

Bir web sitesinin duyarlı web tasarım kullanıp kullanmadığını, kullanılan cihaza bağlı olarak içeriğin yerleşiminin nasıl değiştiğine bakarak anlayabilirsiniz. Aynı içerik farklı şekilde görüntüleniyorsa, kullandığınız site duyarlı tasarımdır.

AAEAAQAAAAAAAALCAAAAJDkxMDc0OWM4LTc3ZDMtNDE2ZC04MGIwLTkyMjZmYWMxZTlhNg

 

Uyumlu web tasarım kullanılan cihaza göre önceden tasarlanmış farklı şablonları kullanır. Artan maliyetlerine rağmen uyumlu web tasarımı kullanmanın asıl sebebi, bazı işyerlerinin, kullanıcılarından kullandıkları cihaza – ve bunu etkileyebilecek kullanıcı grafiğine – bağlı olarak farklı etkileşimler beklemesinden kaynaklanır.

 Buna, American Airlines’ın web sitesinin masaüstü bilgisayar ve akıllı telefonlar için birbirinden tamamen farklı şablonlar kullanmasını örnek olarak verebiliriz. Bunun nedeni, birçok kişinin laptop ya da kişisel bilgisayarlarında uçak bileti bakmak ya da rezervasyon yapmak için siteyi kullanırken, check-in yapmak gibi hızlı seçenekler için akıllı telefonlarını kullanmalarıdır.

Bundan dolayı her cihaz için görüntülenen seçenekler, analizden sonra, her kullanıcının web sitesini kullanma şeklini yansıtmak için tekrar dizayn edilmektedir.

AAEAAQAAAAAAAAN9AAAAJGQ1ODMyZDA5LWRiZDAtNDJkNy1iODMwLTNjMDk0Mzk5YTYyNg Birçok insanın alışveriş yaptığı ya da sadece gezindiği web siteleri için kullandıkları cihazlar ne olursa olsun, uyumlu web tasarımına ihtiyaç yoktur. Ancak farklı kullanıcı aktiviteleri ve cihaza bağlı gerekliliklerin olduğunu gösteren web siteleri için, uyumlu web tasarım, duyarlı web tasarımdan daha çok fayda sağlayabilir.

Dikkat edilen diğer bir şey fiyattır. Birçok şablon kullandığı için, uyumlu web tasarım, duyarlı web tasarıma göre daha pahalıya mal olabilir. Bir de yeni cihazlar piyasaya sürüldükçe ‘güncelleme’ meselesi gündeme gelmektedir.

Asıl soru “web sitenizin kullanıcıları, web sitenizi, cihaza bağlı olarak farklı şekilde kullanıyor mu?” Cevabınız evet ise, uyumlu web tasarımı kullanın. Aslında cevap ne olursa olsun, kullanıcı her şekilde önce gelir. Her zaman.

Yazan: Patricia Davidson

Çeviri & Editör: Kübra Konakbay

Kaynak: Linkedin Pulse

 

Views All Time
Views All Time
486
Views Today
Views Today
1
Genel içinde yayınlandı

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Time limit is exhausted. Please reload the CAPTCHA.