Zaman zaman, bir endüstri onu kökten değiştiren temel değişimler yaşar. Bununla birlikte, bir fırsat patlaması geliyor: bireylerin öne çıkması, yeni ürünlerin ortaya çıkması ve yerleşik şirketlerin yerini alması için fırsat. Şimdi web topluluğunda böyle bir zaman var.
Hatırlayabildiğim kadarıyla, web geliştirmedeki ana odaklanma, web sitelerinin tüm tarayıcılarda aynı şeyi oluşturmasını sağlamak olmuştur. Bir müşterinin web sitesinin Internet Explorer'ın eski sürümlerinden en son Firefox sürümüne kadar her şeyi aynı anda görmesini sağlamak için büyük çaba harcadık.
Geçtiğimiz birkaç yıl içinde, gelişmiş tarayıcılar için değil, modern tarayıcılara gelişmiş özellikler ve stiller sunma tekniği olan, ilerici geliştirme olarak bilinen şeylere artan ilgiye şahit olduk.
Bu yaklaşım hiçbir zaman kurulun karşısına yerleşmemiş görünüyor. Çoğu ajans hala kendi web sitelerini evrensel hale getirmek için çalışıyor. Ve ilerleyici geliştirme sık sık can sıkıcı sorunları görmezden gelmek için bir bahane olarak kabul edildi. Sonuç olarak, web kullanıcıları oldukça kurnazdır ve sayısız tarayıcı sorununu aşan araçlar yaratmışlardır.
Bu gelişmelerin bazıları “duyarlı web tasarımı” kavramına yol açmıştır. Bu terimi tanımıyorsanız, A List'te kesin giriş .
Özetle, özetlemek gerekirse, bir kullanıcının görüntülemesini kullanıcının cihazına uyacak şekilde özelleştirmeniz gerekir. Bir süreliğine, bunun yapılması kolaydı: kullanıcı bir mobil cihazdaysa, ayrı bir mini siteye yönlendirildi. Ancak akıllı telefonlar ve özellikle tabletlerle, hat bulanık.
Duyarlı tasarım hızla web siteleri oluşturmak için inanılmaz derecede akıllı bir yol olarak tanındı. Bunu ne kadar ileri götürdüğünüz size kalmış. Ama kesin olan bir şey var: sektörü kökten değiştiriyor ve yıllarca kullandığımız sayısız uygulamayı ve aracı etkiliyor. Bu yeni yaklaşımın, güvendiğimiz temel araçlara ve genel olarak web tasarımına olan etkisini ele alalım.
Web üzerinde çalışan hemen hemen herkesin bir noktasında, arkadaşlarının gençlerinin projelerini üstlenebileceğine inanan biriyle karşılaşıyorlardı. Bu bakış açısı her zaman sinir bozucu olmuştur, ancak tünelin sonunda bir miktar ışık vardır. Duyarlı tasarımla, işler çok daha karmaşık hale geldi. Artık web profesyonellerinin sürüden uzak durması için muazzam bir fırsat var.
Dünya çapında binlerce web tasarımcısı ve geliştiricisi var ve hepimiz çalışmakta olduğumuz büyülü ortamla bağlantılıyız. Bu hem büyük hem de sorunlu. Çalışma için mevcut insan sayısı göz önüne alındığında, ayakta kalmak zor olabilir.
Aslında burada muhteşem bir fırsat var. Yeterince agresif olursanız, duyarlı tasarım ve geliştirmeyi çabucak kavramak için kuyruğunuzu çalıştırarak öne çıkabilirsiniz. Kazanın ve öğrenin, kişisel web sitenizi güncelleyin ve sonuçlarınız hakkında konuşun. Bu yetenek setini gösteren yeni bir portföy oluşturursanız, insanların sizinle çalışmaya ilgi göstereceğini garanti ederim. Ama bunun için pencere, diğer tasarımcıların ne kadar hızlı hareket ettiğine bağlı olarak oldukça kısa.
Bütçeler bu yaklaşımla önemli bir engel oluşturuyor. Duyarlı tasarımla, akıllı telefonlar, tabletler, netbook'lar ve masaüstü bilgisayarları hedeflemek için her düzen için dört varyasyon oluşturmamız gerekiyor. Sadece iki sayfa içeren basit bir web sitesi düşünün: bir ana sayfa ve bir iç sayfa. Bu iki düzen, bunları dört aygıt boyutu için uyguladığınızda sekiz varyasyon haline gelir.
Bu, çalışmanın dört katı kadar ücret almamız gerektiği anlamına mı geliyor? Bu pek olası görünmüyor. Açıkçası, maliyetler artımlı olacak, ancak düzenleri hazırlamak ve bunları düzgün çalışması için gereken süre kesinlikle artacaktır.
Müşteri eğitimi büyük bir rol oynayacaktır. Müşterilerimize, iPad ve iPhone'lar harika olsa da, bu cihazların kalite geliştirme maliyetlerini artırdığını anlamanıza yardımcı olmak zorundayız. Müşterilerin maliyetlerimizi anlamasını sağlamak, olduğu kadar sağlamdır.
Toplulukta bir sıçrama yapmak istiyorsanız, bütçe sorunlarını ele alan bir araç oluşturun. Birçoğu zaten böyle yaptı, araçlar gibi 320 ve üstü ve Az Çerçeve . Bunların ikisi de, ürün üretme sürelerini kısaltır ve geliştiricilerin bütçelerini kısaltmasına yardımcı olur. Özellikle 320 ve üstü bu fırsattan nasıl yararlanılacağının mükemmel bir örneğidir.
Şu anda açık alanla, duyarlı tasarıma destek vermek için geliştirme sürecini hızlandıran piyasaya araçlar tanıtmak çok daha kolay olacak. Mevcut olanları çoğaltan ama duyarlı tasarımın etrafında yönlendirilen araçlar bile oluşturabiliriz.
Başa dönebilecek pek çok alandan biri, jQuery gibi popüler çerçevelerle çalışan eklentiler pazarıdır. Piyasada, tarayıcıda çok çeşitli şeyler yapan muhteşem eklentilerle doldurulur: slayt gösterileri, fotoğraf galerileri, formlar, pop-up'lar, liste devam eder.
Buradaki fırsat delilik. Kaygan slayt gösterisi aracı gibi yaygın bir eklentiyi alın Nivo Kaydırıcı . Bu harika araç, sayısız geliştiricinin alet kemerlerindedir. Piyasa, birisinin duyarlı bir yaklaşım kullanarak cihazlarda sorunsuz bir şekilde çalışmasını sağlayan benzer bir araç yaratması için olgunlaşmıştır.
Aynı şey neredeyse herhangi bir eklenti için de geçerlidir. Başarıyı neredeyse garanti eden bir proje arıyorsanız, bir eklenti seçin ve farklı cihazlarda düzgün bir şekilde çalışacak şekilde uyarlanan uyumlu bir sürüm oluşturun.
Bu makale geliştirme süreci hakkında daha fazla olmasına rağmen, tarayıcı testini ele alalım. Bu, web sitelerinin oluşturulmasının temel bir parçasıdır. Bir web sitesi oluşturmak için diz üstü herkes, gittikçe birden fazla tarayıcıda bulunan şeyleri test ediyor olabilir. Ve bir noktada, çoğu web sitesi çok sayıda tarayıcıda derinlemesine bir testten geçer.
Ama bunu duyarlı tasarımla nasıl başarabiliriz? Ekip en popüler cihazların hepsine sahip mi? Tabii ki, emülatör var, ama çoğu yüklemek ve çalışmak için acı veriyor. Ve hiçbir şey gerçek şeyle test etmekten alıkoymaz.
Çeşitli tarayıcılarda ve platformlarda ekran görüntülerini almak için bilgisayarlarda yazılım kurmak çok zordur. Ancak, giderek artan sayıda cihazdan ekran görüntülerini otomatik olarak yakalamak için sistemler kurmak gerçekten zor. Var olan çözümler pahalıdır ve bunun için henüz iyi bir hizmet bulamadım.
Bu, karmaşıklığın bir avantaj olduğu durumlardan biridir. Birisi bu kediyi ciltlemek için yönetirse, başkalarının takip etmesi oldukça zor olacaktır. Birden çok tarayıcıda otomatik ekran görüntülerini almak için birçok çözüm var, ancak cihazlar için ekran görüntülerini sunan ilk kişi, satması için oldukça benzersiz bir şeye sahip olacak. Ve toplum büyük bir tepki verecek.
Kullanıma hazır temalar pazarı büyüktür, ancak duyarlı tasarım burada da bir İngiliz anahtarıdır. Şablon sağlayıcıları, bu yeni gereksinimleri karşılamak için tasarımlarını muhtemelen güçlendirmeyecek. Bunun yerine, muhtemelen gelecek sürümlere duyarlı özellikler ekleyecektir. Ve orada bir fırsat var.
Eski şablonlar işe yaramaz hale getirilmemiştir; Sadece önemli bir bileşeni eksikler. Bu, bir süre için oyun alanını düzeltir. Kendi tema işinize hızlı bir başlangıç yapmayı düşünüyorsanız, bunu yapmak için harika bir zaman. Kurulan şirketler eski şablonlarını desteklemeli ve bazı avantajlardan yararlanırken, piyasaya giriş engeli biraz azaldı.
Topluluk, tel örgü ve kullanılabilirlik testi gibi şeyler için yazılım hizmetlerine bel bağlamıştır. Ancak bu araçlar birden fazla cihazı nasıl kullanıyor? Birçok araç, kullanılabilirlik testlerini ve hatta bazı yenilerini, mobil testlere bile hitap ediyor. YouEye Mobile ), ancak sorunun sadece bir kısmını çözüyorlar.
Wireframing niş içinde, çeşitli sayfa düzenlerini işlemek için ortak bir yol var, ancak çeşitli aygıtlar için tek bir sayfa düzenini işleyen bir çözüm bulmam gerekiyor. İhtiyaç çok basit, ancak birçok sistem basitçe yıkılıyor. Her cihaz için yeni bir tel kafes oluşturmalı mıyız? Cevap açık değil.
Pazar, duyarlı tasarımını benimserken insanların çevrimiçi çalışma yaklaşımlarını destekleyen araçlar için olgunlaşmıştır. Bu modern teknikleri benimseyen özellikler sunarak müşterileri rakiplerden uzaklaştırabileceksiniz.
Değişim sinir bozucu, hatta ezici olabilir. Ne kadar öğrenirsin, her zaman geride kaldığını hissedersin. Ama herkes aynı teknede. Büyük değişim zamanlarında, ilk dalgaya binerek ve binerek fırsatı en üst düzeye çıkartabilirsiniz.
Duyarlı tasarıma doğru harekete geçmek için başka fırsatlar görüyor musunuz?