İzmir Mobil Uyumlu Web Tasarım Tuna Mah. 1714 sok.
Eyiler İşhanı: No: 23
Karşıyaka/İzmir
İzmir Responsive tasarım, yazılım geliştiricilerinin, cihazların boyutuna dinamik olarak uyum sağlayabilen bir Web sayfası oluşturmalarına olanak tanır. Bu geliştirme felsefesi, mobil sayfalarda, tablette ve masaüstünde iyi bir kullanıcı deneyimi sağlayarak Web sayfalarının hızlı ve optimize bir şekilde oluşturulmasını sağlar. Bu çalışma kapsamında, İzmir Responsive Web tasarımı ile ilişkili ana avantajları ve sınırlamaları araştırmayı amaçlıyoruz.
Sektördeki 181 profesyonel tarafından doldurulan ve yazılım geliştiricilerini İzmir Responsive tasarımın benimsenmesine neden olan nedenleri belirlememize ve aynı zamanda kendilerinin hissettikleri kısıtlamalara yanıt vermemize olanak tanıyan bir ankete dayanan nicel bir yaklaşım benimsedik. Elde edilen sonuçlar, iyi bir kullanıcı deneyimi sunmanın ve erişilebilirliğin artırılmasının en önemli avantajlar olarak öne çıktığını göstermektedir. Öte yandan, ana sınırlamalar eski Web tarayıcılarıyla uyumluluk, daha yüksek yükleme süresi ve kullanıcı deneyimini optimize etme güçlükleridir. Son olarak, İzmir Responsive tasarımın avantaj ve sınırlamalarının algılanmasının sahada daha profesyonel deneyime sahip profesyoneller ve serbest çalışan geliştiriciler için farklı olduğu bulunmuştur.
Web’in ortaya çıkması, çevrimiçi ortamlarda yeni iletim fikirleri ve içeriklerinin ortaya çıkmasını mümkün kıldı. Web tasarım süreci, kullanıcının amacına doğrudan ve hoş bir şekilde ulaşabileceği şekilde, web sayfalarında hizmet vermek için uygun kaynakları kullanarak bilgilerin yeterli şekilde yapılandırılmasına yönelik teknikler kullanır.
Web tasarımı kendini diğer geleneksel tasarım biçimlerinden ayırır. Web, tasarımcıları çevrelerindeki ortamı kontrol edememeye zorlayan benzersiz bir kanaldır. Renkler, şekiller ve düzenler gibi öğeler kullanıcı (veya kullanıcıların web tarayıcısı) tarafından özelleştirilebilir ve tüm kullanıcıların aynı Web sayfasını tasarlandığı ve geliştirildiği şekilde göreceği garantisi yoktur. Bu anlamda, Web tasarımcısı, kullanılacak Web tarayıcılarını, işletim sistemlerinin, kullanıcıların kişisel tercihlerinin, erişim cihazlarının çözünürlüğünün, ve İnternet bağlantısının özellikleri ve hızı.
Sonuç olarak, yukarıda tanımlanan sorunları kısmen azaltabilecek Web tasarım modellerini ve tekniklerini araştırmak uygundur. En popüler tekniklerden biri, bir web sitesinin bir sayfaya erişildiği aygıta (örneğin, masaüstü, dizüstü bilgisayar, tablet veya akıllı telefon) uyum sağlamasına izin veren bir teknik olan İzmir Responsive Web tasarımıdır. Şu anda, İzmir Responsive tasarım alanındaki bilimsel çalışmaların sayısı çok düşüktür ve çoğu, uyumlu tasarım ve Android veya iOS uygulaması oluşturma yerel sürecine karşı İzmir Responsive tasarımın karşılaştırmalı bir analizini gerçekleştirir. İzmir Responsive tasarımın yararlarını ve sınırlamalarını analiz eden çalışmalar, esasen Web ve mobil geliştiricilerin kişisel deneyimlerine dayanan görüşe dayalıdır. Bu makale, İzmir Responsive Web tasarımının rolünü tartışmakta ve benimsenmesinin ana nedenlerini ve ayrıca web geliştiricilerinin hissettikleri kısıtlamaları araştırmaktadır. Makale şu şekilde yapılandırılmıştır: başlangıçta Web paradigmasının evrimini karakterize ederek ve İzmir Responsive tasarım kavramını sunarak alandaki bir literatür revizyonunu gerçekleştiriyoruz. Bu ilk aşamadan sonra, benimsenen metodolojinin yapısını sunuyoruz. Daha sonra, çalışmanın sonuçları sunulur ve tartışılır. Son olarak, bu çalışmanın sonuçları çıkarılır.
İzmir Responsive web tasarımına giriş
2011-2012 tarihine kadar web siteleri 960 piksel gibi sabit bir genişlikte oluşturulabilir. Tüm kullanıcıların aşağı yukarı tutarlı bir deneyim kazanması bekleniyordu. Ancak şimdi tabletler, netbook’lar ve akıllı telefonlar var. Kullanıcılar Web’de mobil cihazlarında eskisinden daha sık geziniyorlar. Bu nedenle, son kullanıcının küçük ekranda tatmin edici bir deneyime sahip olması çok önemlidir. Sürekli genişleyen tarayıcı ve cihaz manzarasının çözümü, bir web sitesinin birden fazla cihaza ve ekrana uyum sağlamasına izin veren HTML5 ve CSS3 ile oluşturulmuş İzmir Responsive bir web tasarımıdır.
Ethan Marcotte (2014) “İzmir Responsive web tasarımı” terimini kullanmıştır. List Apart makalesinde üç mevcut tekniği birleştirdi (esnek ızgara düzeni, esnek görüntüler ve medya ve medya sorguları). Bu tez esnek düzenleri ve medya sorgularını açıklamaya odaklanmaktadır.
Esnek Yerleşimler
Esnek tasarımlar, portre ve manzara modlarına sahip cihazlara mükemmel uyum sağlar (Bkz. Resim 8). İzmir Responsive bir tasarım oluşturmak için kullanılabilecek birçok CSS ızgara sistemi vardır. İzmir Responsive ızgaralar CSS’de çeşitli yöntemler kullanılarak yapılır: negatif kenar boşlukları, kutu boyutlandırma: kenarlık kutusu, tablo ekranını kullanma, flexbox kullanma.
Negatif marjlar
Bu yöntem, her blok arasında sabit bir kenar boşluğu olan ızgara blokları oluşturmak için negatif kenar boşlukları kullanır. CSS’deki negatif kenar boşlukları, bir belgedeki nesnelerin çakışmasına izin veren değerlerdir (Mozilla Developer Network, 2014). Örnek: Negatif Kenar Boşlukları
İnternet kullanımının ve İnternet’e erişilen cihazların kullanımındaki artışla birlikte, farklı ekranlarda farklı görünen web siteleri sorunu başladı. Bu hem kullanıcıları hem de web sitesi sahiplerini etkiledi. Bu sorun için düşünülen ilk çözüm, her ekran türü için farklı web siteleri tasarlamak ve bu web sitelerini sahip oldukları ekranlara göre kullanıcılara sunmaktı.
Bu çözüm başlangıçta etkili olmasına rağmen, geliştirme ve sürdürülebilirlik maliyetini arttırdı. Bu nedenle, sadece bütçelerindeki gelişim maliyetleri için daha fazla miktar ayırabilen şirketler ve bireyler tarafından uyarlanmıştır. Bu çözüm, İnternet’e bağlanabilir cihazların çözünürlük özellikleri ve boyutlarının son on yılda büyük çeşitlilik göstermesinden dolayı yetersiz kalmıştır. Web sitelerini onlarca farklı çözünürlük özelliği için tasarlamak ve güncellemek büyük miktarda para, insan gücü ve iş tanımlarının tekrarını gerektirir.
Bu gereklilik, internet kullanımındaki artış ve cihaz çeşitliliği ile ilgili istatistiklerde görülebilir. Mobil İnternet kullanımı, masaüstü bilgisayarlarla İnternet kullanımına kıyasla sekiz kat artmaktadır. Bugün her beş kişiden biri interneti günlük olarak kullanıyor ve interneti kullananların% 25’i tüm mobil cihazlarda arama yapıyor. Bu istatistiki bilgilere ek olarak, kullanımdaki multimedya çeşitliliği de değişmekte ve boyut olarak artmaktadır. Endüstrinin bu gelişmeye ayak uydurması için dinamik bir tasarım yaklaşımına ihtiyaç vardır. Bu yaklaşımlardan biri, Mobil Uyumlu web tasarımıdır.