Mobil İlk Tasarım: Neden Harika ve Neden Berbat

Tarihsel olarak, çoğu web tasarımcısı ve müşterisi önce herhangi bir projenin masaüstü tarafına yaklaşırken, mobil kısmı daha sonra gerçekleştirilecek ikincil bir hedef olarak bıraktı. Duyarlı tasarımın yükselişiyle bile, çoğumuz “tam boyutlu” siteden başlıyor ve yolumuza devam ediyoruz.

Bu iş akışını kafasına çevirmek ve aslında mobil konularla başlamak ve daha büyük bir masaüstü sürümüne ulaşmak için endüstride artan bir eğilim var.

Neden bir projeye bu şekilde yaklaştınız? Bu stratejinin artıları ve eksileri nelerdir? Öğrenmek için okumaya devam edin!

Mobil Web Tasarımı Bir Niş Değil

Hala kafanızda mobil web tasarım ve uygulama geliştirme bir niş sanayi varsa, düşünme şeklinizi değiştirmeniz gerekir. Mobil bir trend değil, gelecek de değil, şimdiki zaman. Bana inanmıyor musunuz? İşte Mobithinking'den dikkate alınması gereken çılgın istatistikler:

• Dünyada 1, 2 milyardan fazla mobil web kullanıcısı var
• ABD'de mobil Web kullanıcılarının% 25'i yalnızca mobil cihazlardır (web'e erişmek için nadiren bir masaüstü kullanırlar)
• Mobil uygulamalar 10.9 milyar kez indirildi
• Mobil cihaz satışları, mobil Web'e erişebilen yeni el cihazlarının yüzde 85'inden fazlası ile kart genelinde artıyor

Buradaki en güçlü gerçeklerden biri, birçok kullanıcının muhtemelen sitenizin mobil sürümünü göreceğini ortaya çıkaran ikinci öğedir. Bu şaşırtıcı bir vahiy, değil mi?

Web her zamankinden daha fazla ceplerimizde taşıdığımız bir şey, sadece masamızın yakınında ya da hatta evlerimizde takılan bir şey değil. Bu, sadece önümüzdeki yıllarda büyümeye devam edecek küresel bir eğilim. Bunun için hazır mısın? Profesyonel beceri setiniz tüm önemli platformlar veya sadece masaüstü alanı için web geliştirme içeriyor mu?

Neden Önce Mobil?

Oran, bunu okuyan insanların hiçbiri bu noktaya kadar yeni bir şey öğrenmedi. Bildiğiniz herkesin ceplerindeki 500 $ + telefonlar, web'in bilgisayar şeklindeki kutusundan kırıldığını gösteren tüm göstergelerdir.

Ancak, mobil web erişiminin popüler olması beni mobil olarak ilk sıraya koyan bir strateji izlemem gerektiğine ikna etmek için neredeyse hiçbir şey yapmıyor. Mobil kullanıcıların% 25'inin yalnızca mobil olmalarının ters tarafı, % 75'inin olmamasıdır! Masaüstü hala önemli bir ortamdır, henüz unutulmaması veya arka yakıcıya itilmemesi için. Öyleyse neden ilk önce mobil rotayı izlemeyi düşünüyoruz?

Mobil ilk web tasarımının yükselişinin en önemli katalizörlerinden biri 2010 yılında Eric Schmidt'ten Google'ın bundan böyle bu yaklaşımı benimseyeceği ve “Bence şu anda ortak projesi hepimizi cep telefonuna hemen hemen her şeyin cevabı yapmak için kullanıyoruz ”(kaynak). Neden yaklaşımdaki bu büyük değişiklik?

Zarif Bozunma ve Aşamalı Geliştirme

Bunlar, birkaç yıl önce, mobil ilk web tasarımı kavramına ve bunun neden dikkate alınması gereken önemli bir kavram hakkında çok fazla fikir verebilecek bazı büyük vızıltı kelimeleridir.

Zarif bozulma, mümkün olduğunca çok sayıda tarayıcı ve platformda bir tasarım işlevine sahip olma ihtiyacından kaynaklandı. Tasarımcılar ve geliştiriciler, desteği olmayan kurulumları olan kullanıcıları hariç tutmaksızın yeni teknolojiden yararlanmak istediler. Genel sonuç, mümkün olan en iyi deneyimi yaratmak ve sunmak ve daha sonra olası her bozulmayı hesaba katmak ve eksikliklere rağmen sitenin işlevsel kalmasını sağlamaktı.

Mobil web tasarımı açısından, bu, tam ve standart bir web sitesinin, görünüm alanı küçüldükçe ve sistem daha basit hale geldiğinde (Flash desteği yok, vb.) İçeriği ve özellikleri yavaş yavaş ölçekleyecek ve yavaş yavaş kaldıracağı anlamına geliyordu.

Bu trendin dışında yeni ve güçlü bir fikir ortaya çıktı: aşamalı gelişme. Masalın bu sürümünde, kullanıcılara en az ekran gayrimenkul, işlem gücü ve üçüncü taraf eklentileri ile hem harika görünen hem de mükemmel çalışan inanılmaz bir deneyim sunan mobil platformda en iyi ayağınızı öne çıkarıyorsunuz. İhtiyaç ortaya çıktıkça, alan kademeli olarak “geliştirilebilir” ve hatta daha az kısıtlamaya sahip daha büyük platformlar için tamamen yeniden düşünülebilir.

Aşamalı Geliştirme Neden Kazanır?

Bir bakışta, bu iki yöntem kabaca eşdeğer görünmektedir. Yapıldığı sürece tasarım sürecine nereden başladığınızı kim önemsiyor, değil mi?

Durumun gerçeği biraz daha karmaşıktır. Masaüstü platformuyla başladığınızda, platformun sunduğu her şeyden faydalanma eğilimindesiniz. Sadece hiçbirinin mobil cihazlara kadar iyi ölçeklenmediğini fark etmek için çok sayıda harika teknolojiden yararlanan inanılmaz bir ürün oluşturuyorsunuz. Bu, cilalı, bitmiş bir üründen daha sonra düşünülen gibi hissedilen ciddi şekilde sulanan mobil ürünleri yol açabilir ve yol açabilir. Bu her projede olur mu? Belki hayır, ancak hikaye muhtemelen inanmak istediğinizden çok daha yaygın.

Aşamalı geliştirme iş akışını incelersek, sonuç farklı bir hikaye olur. Burada hem süper yalın hem de oldukça etkileyici bir projeyle başlıyoruz. Tüm bu başlangıç ​​enerjisini aldınız ve karşılaştığınız birçok kısıtlamaya rağmen iyi görünen ve iyi çalışan bir ürün yaratmaya başladınız.

Daha da önemlisi, içeriği en önemli öğelerine kesme sorununu zaten aştınız. Şimdi bu tasarımı masaüstüne getirmenin zamanı geldiğinde, neyi keseceğiniz ve ürününüzü nasıl sulandıracağınıza karar vermek yerine, onu nasıl daha sağlam hale getireceğinize karar vereceksiniz!

Web İçeriği: En İyi Seçmeli Sunma

Yukarıdaki argüman size tamamen felsefi bir bakış açısıyla gelir ve nihai sonuç, önce mobil bir yaklaşım alınırsa sonucun daha iyi olma eğilimindedir . Arkasında biraz daha gözlemlenebilir madde bulunan bir tartışma istiyorsanız, içeriğinizi nasıl sunduğunuzdan başka bir yere bakmayın.

Zarif bozulma bakış açısını alırsak, tüm içerik (metin, resim, video, ses vb.) Aynı anda en büyük platform olarak kabul edilene sunulur. Buradan, mobil sürümler, bu içeriğin çoğunu sayfadan yoksaymak veya kaldırmak için dikkate alınır. Ancak sorun, verilen platformun buna ihtiyacı olup olmadığına önceden yüklenmiş olmasıdır. Kendimizi, genellikle en düşük indirme hızlarıyla ilişkili olan platformda gerekenden daha fazla içerik sunarken buluyoruz. Bunda yanlış bir şey gördün mü?

Önce mobil bakış açısıyla, mutlak çıplak temelleri daha küçük platformlara yükleyerek başlıyoruz. Bu, gereksiz gecikmeyi önleyen bir snappier deneyimine yol açar. Ek kaynaklar, bunları iyi işleyebilecek platformlara kesinlikle gerektiği gibi yüklenir.

Duyarlı Tasarım Nedir?

Tüm bunlar, web'i ele geçiren diğer trend olan duyarlı tasarıma nasıl uyuyor? İyi haber şu ki, bu iki strateji rekabetçi değil. Birbirleri için yapıldığını söyleyebilirsiniz.

Duyarlı tasarım, belirli cihazları ve görünüm alanı boyutlarını hedefleyen medya sorguları kavramı etrafında oluşturulmuştur. Bunu göz önünde bulundurarak, mobil bir perspektif verildiğinde ilk CSS'nizi kodlayabilir ve ardından görünüm alanı boyutu arttıkça ek stilleri seçici olarak sunmak için medya sorgularını kullanabilirsiniz.

Bu genellikle duyarlı tasarımla aldığınız yöntemin tam tersidir: büyük başlayın ve sonra azaltın. Yukarıdaki argümanlar göz önüne alındığında, medya sorgularınızı küçükten büyüğe yapılandırmanın arkasında çok fazla mantık var.

Büyük Yağ Dezavantajı

Mobil ilk web tasarımı için Yaşasın. Yulaf ezmesinden bu yana internete girmenin en güzel yanı. Öyleyse neden bu kadar heyecanlı değilim? Duyarlı tasarıma rağmen, mobil ilk web tasarımı konusundan sık sık düpedüz kaçındım neden?

Hemen daha küçük bir ekran, daha az kaynak ve daha fazla baş ağrısı ile karşı karşıyayım.

Bu sorunun cevabı basit: Ne eğlenceli ne de kolay. Kesin duyarlı tasarım zor, ancak düzen kaslarımı esnetmemi ve bazı harika özellikler gerçekleştirmek için birçok yerleşik tarayıcı işlevinden yararlanmamı sağlıyor. Duyarlı tasarım, oyuncak kutumu daha küçük değil, daha büyük hale getirir.

Mobil ilk tasarımda, birinci adımda kısıtlamalar ile başımın üstüne vuruldum. Hiç eğlenceli değil! Hemen daha küçük bir ekran, daha az kaynak ve daha fazla baş ağrısı ile karşı karşıyayım. Dahası, bu sadece rahat bir bölge değil. Web tasarım kariyerimin çoğunu masaüstünde geçirdim, fare uçları ve tıklamaları etrafında deneyimler geliştirdim, parmak uçları değil. Çok fazla mobil iş yaptım ama buna güçlü takımım demezdim.

En önemlisi, katı bir tasarım perspektifinden bakıldığında, cep telefonuyla başlayıp yukarı doğru ilerlersem bir tasarıma dalmakta çok zorlanıyorum. Son zamanlarda yazılan makalelerde yorumlarda bol miktarda “huzzah” dan bahsettim ve hatta önde gelen endüstri profesyonellerinin benzer bir şarkı söylediğini duydum.

Zorluğa Yükselen

Bir mobil ilk tasarım yaklaşımı için ve ona karşı olan argümanlarıma bir saniye bakalım. “For” kategorisinde, önemsiz gösterilmesi zor olan basit ve mantıklı argümanlarımız var. “Karşı” kategorisinde çok fazla sızlanma ve kişisel tereddüt var. Sizce bu savaşı hangi taraf kazanıyor?

Daha iyi bir tasarımcı olmak adına biraz rahat etmem gerekiyor.

Belki de benden daha iyi ilk mobil karşıtı argümanlarınız var, ancak buna objektif bir bakış açısıyla bakarsam, ilk mobil yaklaşımın daha güçlü bir rakip olduğu açıktır.

Bu, muhtemelen kendimi aşmam ve projelere mobil bir bakış açısıyla başlama zorluğuna çıkmam gerektiği anlamına geliyor. İlk önce mobil cihazlar için rahat tasarım yapmıyorsam, iyi, bu, büyümek için bir alanım ve öğrenme tekniklerim olduğu anlamına geliyor.

Nihayetinde, bir mobil ilk yaklaşımı benimseme nedenlerim kullanıcı merkezli ise ve buna karşı nedenlerim kişisel ise, o zaman daha iyi bir tasarımcı olmak için biraz rahatlıktan vazgeçmeliyim.

Sizi Geri Çeken Nedir?

Artık mobil ilk web tasarımının kullanıcılarınız için ne kadar harika olduğunu biliyorsunuz. Google gibi büyük şirketlerin bu yaklaşımı benimsediğini biliyorsunuz ve ilk önce mobil iş akışının avantajlarını görebilirsiniz. Peki seni geride tutan ne?

Öncelikle mobil cihazların uygulanması zor bir strateji olduğu ve sadece bir adım atmanız gerektiğini kabul ettiğinizi düşünüyor musunuz? Yoksa sizi geri tutan daha önemli bir şey mi var?