Web Tasarımcıları İçin En İyi Uygulamalar Duyarlı Düzenler Veya Yerel Uygulamalar? [Op-Ed]

Cep telefonunun geleceği olduğunu inkar etmek yok. Google, mobil cihazlarda masaüstünden daha fazla arama yapıldığını onayladığında, daha önce yapmadıysanız tüm web sitelerinin gerçekten mobil olması gerektiği çok açıktır..

Ancak, yanıt veren mizanpajlarla tarayıcı içi içerik ve yerel uygulamalar yoluyla uygulama içi içerik arasında ilginç bir fark var.

Her iki alanı da keşfetmek ve her seçimin kökünü kazmak istiyorum. Bir web sitesi ne zaman duyarlı bir düzende yerel bir uygulamayla kullanılmalıdır? Bir site her ikisini de çalıştırabilir mi? Bunlar, bugün her yeni yaratıcı projede sorulması gereken hayati sorulardır..

Yerli Bir Uygulamanın Değerleri

Çoğu akıllı telefon kullanıcısı, en sevdikleri programlar için yerel uygulamalara güvenir. Facebook, Twitter, Instagram ve diğerleri hepsi kendi yerel uygulamalarını kullanıyor.

Yerel uygulamalar yerel işletim sisteminde çalıştığından, hepsi bir arada Animasyon, kullanıcı arayüzü tasarımı ve içerik organizasyonu açısından daha yumuşak ve kullanımı daha kolay. Yerel uygulamalar, hepsini tutarlı ve doğal olarak kabul edilebilir kılan UI yönergelerini takip eder. Kullanıcılar genellikle sadece kayan menüleri ve sekme çubuklarını kullanmayı bilirler..

Birçok büyük yayıncının iOS Mağazası'nda ve Google Play Store'da blogları, web uygulamalarını ve sosyal ağları kapsayan uygulamaları vardır. Ama söylemek adil büyük siteler Facebook ve Twitter gibi yerel uygulamalardan daha küçük sitelerden daha fazla değer elde edin.

Bu tartışma uzman görüşlerine ve görüşlerini sunan ana yayınlara sahiptir. Hem tasarımcılar hem de yaratıcı ajanslar için çok tartışılan bir konu..

Ancak, yerel uygulamaların son kullanıcılar tarafından hem yararlı hem de takdir edildiği gerçeği devam etmektedir. Tek değişken web sitenizin mobil uygulama olarak daha iyi çalışıp çalışmayacağına karar verme, veya kullanıcılar bir tane bile isterlerse.

Tam Duyarlı Web Siteleri: Avantaj ve Dezavantajları

Genel bir bağlamda, duyarlı web tasarımı her zaman iyi bir şeydir. Web tasarımcıları, düzenlerini herhangi bir ekrana tam olarak yanıt verebilir ve elverişli hale getirerek hiçbir şey kaybetmez.

Ancak yerel uygulamalar bağlamında bazı düşünceler var. birinci olarak Yanıt veren web siteleri, tarayıcının oluşturma motoru ile sınırlıdır. Akıllı telefonlarda bu, sınırlı animasyon, Flash yok ve tarayıcının oluşturma motoruna güvenilmesi anlamına gelir.

Yerel uygulamalar bir akıllı telefon veya tabletin temel özelliklerini kullanabilir. Animasyon kütüphaneleri doğal olarak çok daha güçlü tarayıcıda oluşturulan CSS veya JS’den.

Aynısı, formlardaki girdi elemanları için de geçerlidir. veri iletimi ve güvenlik endişeleri. Birçok kişi Pinterest uygulamasını Pinterest'in web sitesinde kullanmayı tercih ediyor. Aynı Flipboard, Dropbox, Feedly, Gmail veya diğer büyük web servisleri için de geçerlidir..

Ancak bu web siteleri gerekir değil Duyarlı bir düzen sunmak? Üç seçenek var:

1. Mobil web kullanıcılarını yerel uygulamayı indirmeye zorla
2. Yerel uygulamaya isteğe bağlı bir bağlantı içeren bir mobil web düzeni sunun
3. Mobil web düzenini yerel bir uygulamadan ayrı çalıştırın

Flipboard, her sayfanın en üstüne bir afiş yerleştirerek 2. seçenekle birlikte gelir. Bir Flipboard hesabına doğrudan Mobil Safari tarayıcısından kaydolabilirsiniz. Ancak uygulamayı kullanmak çok daha kolay, daha hızlı ve daha sezgiseldir.

ZDNet haber sitesi, Mobil Safari’yi ziyaret ederken mobil uygulamalarından bile bahsetmiyor. Haber haberleri ve öne çıkan yayınları içeren tipik bir duyarlı düzen gibi çalışır.

Fark kullanıcı deneyiminde yatıyor. Kullanıcılar için en iyisini belirleyin ve çoğu trafiğin nereden geldiğini ölç.

Bunu hatırla mobil uygulamalar tasarım ve programlama için zaman gerektirir. Onlar sık ​​sık bir web sitesi oluşturmaktan daha fazla iş gerektirir. Siteniz için bir uygulama istiyorsanız, gerçek düzen sağlayacak kadar duyarlı düzeninizi tamamladığından emin olun..

Masaüstü-İlk veya Mobil-İlk?

Web için tasarım yaparken en geniş ya da en küçük genişlikle mi başlamalısınız? Bu hem serbest hem de büyük zaman yaratıcı ajanslar tarafından yeterince sık sorulan bir soru..

Çok popüler bir fikir, Luke Wroblewski'nin kitabı tarafından popülerleştirilen mobil ilk yaklaşımdır. Bu yöntem dikkate alır ilerici gelişme Bu temel bilgilerden başlar ve bunun üstesinden gelebilecek ortamlar için işlevselliği artırır.

Alternatif olarak, diğer tasarımcılar, ekrandan salınan masaüstü-birinci yaklaşıma yönelirler. “önce mobil” için “cep telefonu da”.

Bu strateji, ilk önce tam boyutlu bir masaüstü monitörde istediğiniz tüm özellikleri planlayarak çalışır. Daha sonra bu fikre göre özellikleri kademeli olarak küçültür, sınır değerlerini belirler ve sonunda akıllı telefonlar için en küçük düzene girersiniz.

Burada doğru bir cevap var mı? Duyarlı düzenler en küçük ekranlarla mı başlamalı, yoksa önce mobil modası geçmiş bir konsept mi?

Birini diğerinden seçmenin tek dezavantajı potansiyeldir eksik özellikler. Cep ile başlayabilirsin özellikleri atlayın veya daha büyük çözünürlüklerde eklemeyi unutmayın. Masaüstünden başlayarak, düzenleri tasarlayabilirsiniz. mobil cihazda çok kalabalık hissediyorum.

Ancak ikisi de doğru ya da yanlış değil. Hangi iş akışının size en uygun olduğunu seçin. Eğer tasarımı geliştirebileceklerse, büyük değişiklikler yapmaktan korkmayın.

İki Dünyanın de En İyisi

Herhangi bir ekranda çalışan tam olarak yanıt veren bir web sitesi oluşturmak, okurların çoğunu büyük olasılıkla doyurur. Öyleyse, zaten duyarlı bir düzeniniz varsa, mobil bir uygulamayla bile uğraşır mısın?

Modo Labs tarafından bu harika parçada bulunmuş gibi, cevap aşağı geliyor kullanıcı deneyimi. Mutlak kesin bir cevap yok. Hangi yöntem için en iyi tüketim biçimini sunuyor? senin özel projen Mobil cihaz üzerinden. Kullanıcılarınız mobil uygulama ister mi? Veya bir web sitesi fazlasıyla?

Teknik haber blogu TechCrunch, her ikisi de iyi bir sebepten dolayı duyarlı bir düzen ve ücretsiz bir mobil uygulamaya sahiptir. Son zamanlarda siteleri, ABD’de yaşayan kişilerin TV’de izlemekten daha fazla zaman harcadıklarını doğrulayan bir hikaye anlattı..

Peki ya birisi Twitter'da TechCrunch'a bağlantı verirse? Birisi iPhone'unda bu bağlantıyı tıklarsa, bir HTTP bağlantısı olduğundan Mobile Safari'yi açacaktır. Duyarlı düzen bu noktada kullanışlıdır çünkü herkes uygulamanızı istemiyor.

Verildiğine göre, bazı kullanıcılar sitenizi ziyaret etmek istiyor ve bir uygulamayı indirmeye zorlanmadan ziyaret etmeyi tercih edebilir, ücretsiz ya da başka türlü.

Proje Başına Çalışma

Duyarlı vs yerel uygulama tartışmaları için en iyi cevap her projeyi değerlendir ve durum bazında neyin en iyi olduğuna karar verin.

Tecrübelerime göre bunu savunuyorum sosyal ağlar ve etkileşimli web siteleri yerel uygulamalardan en fazla yararlanıyor. Hem Android hem de iOS, API'lere bağlanabilen, veritabanı sorguları gönderebilen ve bir web sayfasından daha temiz çalışan bir uygulama oluşturmak için büyük çerçevelere sahiptir.

Yerel uygulama kullanıcı arayüzleri yazılım gibi oluşturulmuştur, bu nedenle CSS özellikleri veya tarayıcı sınırlamaları hakkında endişelenmenize gerek yoktur. Bu Kullanıcıların oturum açması ve ayrıntılı etkileşimler gerçekleştirmesi gereken platformlar için çok büyük.

Ancak restoranlar gibi genel işletme web siteleri genellikle en iyi yanıt veren düzenlerle en iyi şekilde çalışır - özellikle yerel bir uygulama oluşturmak için harcanan iş miktarını dikkate alarak.

Bloglar ve dijital dergiler biraz gri renktedir. Yerel uygulamalar bazıları için iyi çalışıyor, ancak diğerleri için gerekli değil. Genellikle size bağlıdır pazar büyüklüğü ve izleyici (yani, teknoloji meraklısı insanlar).

Yeni bir İnternet yayını başlatırken dikkate alınması gereken çok şey var. Daha yeni başlıyorsanız, önce sadece bir web sitesi oluşturmanızı tavsiye ederim. Oradan, yerel bir uygulamanın çabaya değer olup olmayacağına karar vermek daha kolay olacak.

Kaydırma

Bunu söylemeden gitmeli her Modern web sitesi duyarlı olmaktan yararlanır. Yerel bir uygulama oluşturmak isteyip istemediğinize rağmen, sitenizin düzeninin herhangi bir ekran boyutuna duyarlı ve uysal olması gerekir. Olumsuz bir tarafı yok ve yükselen mobil kullanıcılar için istikrarlı bir açılış sayfası sağlıyor.

Bazı web siteleri mobil ziyaretçilere uygulama indirme bağlantısı sunabilir. Bunlar web sitenizin mobil platformunun pazarlanması için verimli ve faydalı olabilir. Ama bazen bunu teklif etmeye değer bir görev yerine alternatif olarak.

Mümkünse kullanıcı geri bildirimlerini toplayın ve mobil uygulamadaki görüşlerini ölçün. Ziyaretçilerinizin gerçekte mobil bir uygulama hakkında ne düşündüğünü öğrenmeye çalışın ve kararlarınızı daha fazla araştırmaya dayandırın.