Önce Mobil Tasarım: Nedenler, Zorluklar ve Stratejiler

Web sitenize trafik gönderen kaynakları izliyorsanız, mobil ziyaretçilerin sayısında sürekli bir artış görmüş olabilirsiniz. Bazı web siteleri için mobil trafik, masaüstü trafiğini uzun zaman önce aştı. Smart Insights araştırmasına göre, insanlar artık dizüstü/masaüstü bilgisayarlarına (%42) kıyasla cep telefonlarında önemli ölçüde daha fazla dijital medya zamanı (%51) harcıyor.

İngiltere'de, tüm e-ticaret trafiğinin %45'i artık akıllı telefonlardan ve tabletlerden geliyor. Birçok e-ticaret perakendecisi, son birkaç yılda mobil satış paylarının ikiye katlandığını gördü. Mobil artık İngiltere'deki tüm çevrimiçi perakende satışların %40'ını oluşturuyor. Aslında, bu gönderiyi mobil pazarlamanın önemini kanıtlayan istatistiklerle doldurabilirim. Ödemenizi ve web sitenizi mobil cihazlar için optimize etmek hiç bu kadar önemli olmamıştı.

Bu eğilimler, herhangi bir çevrimiçi işletmeyi, önce mobil bir stratejiyi ciddi olarak düşünmeye zorlamalı. Yine de birçoğunun hala duyarlı, mobil öncelikli bir kuruluma sahip değil. Bir tür mobil deneyim sunanlar, arzulanan çok şey bırakıyor.

Gerçekten Önce Mobil mi Vermelisiniz?

Önce mobil stratejisini benimsemek, web deneyiminizi daha büyük görüntüleme cihazları için ölçeklendirmeden önce cep telefonları ve tabletler için tasarlamak anlamına gelir.

“Önce mobil” terimi daha çok bir muamma olmaya devam ediyor, çünkü web tasarımcıları sunduğu zorluklardan büyük ölçüde kaçındı. Üstelik şüpheciler, "önce mobil" değişimlerin odak noktasını önemli olan tek şeyden, yani müşterilerden uzaklaştırdığını söylüyor. Ancak taraftarlar, bir işletmenin mobil cihazlara öncelik vermesinin kesin nedeninin müşteriler olduğunu söylüyor. Doğru anlarsanız, dönüşüm oranlarınızı gerçekten iyileştirmeye başlayabilirsiniz.

Yine de, sonuçtan yola çıkarak, önce mobil stratejinin her işletme için doğru yol olmadığının altını çizmeliyim. Analytics'e 30 dakikalık bir dalış, ihtiyacınız olan tüm yanıtları size verecektir.

Yeni Web Siteleri için Önce Mobil

Önce mobil pazarlama stratejisi, küçük ekran için kullanıcı deneyimi tasarlamaya başlamanızı gerektirir. Başka bir deyişle, mobil medyanın sınırlarını göz önünde bulundurarak bir tasarım tasarlıyorsunuz. Prototip, yalnızca sorunsuz ve kişiselleştirilmiş bir mobil kullanıcı deneyimi sunacak temel öğeleri içerir.

Örneğin, HD video veya ağır görüntülere güvenmekten kaçınacak ve sitenin daha küçük ekranlarda daha iyi performans göstermesini sağlamak için hafif teknolojiyi kullanmayı tercih edeceksiniz. Ardından, masaüstü ve dizüstü bilgisayarlarda deneyimi geliştiren daha ayrıntılı öğeler uygulayarak değer katabilirsiniz. Bu yaklaşıma aşamalı geliştirme denir ve çoğu tasarımcının tasarım sürecine yaklaşımının tam tersidir.

Çoğu tasarımcı, harika bir masaüstü kullanıcı deneyimi tasarlamak için büyük ekran ve eksiksiz araç seti ile başlar. Masaüstü web sitesi tamamlandığında, kullanıcı deneyimini "seçici bir şekilde bozarak" mobil cihazlar için uyumlu ve uyumlu hale getirilir. Bazı ağır öğelerin düşürülmesi ve mobil cihazlar tarafından desteklenmeyen (veya mobil cihazlar için yararlı olmayan) tasarım teknolojilerinin değiştirilmesi gerekebilir.

Bu sadece çok fazla iş değil, web sitenizin mobil versiyonunu yapmak genellikle sonradan akla geliyor. Enerjinizin çoğunu büyük ekran için mükemmel bir deneyim yaratmak için harcadınız, bu yüzden web sitenizin mobil versiyonu biraz kötü görünebilir. Mobil öncelikli bir rakip, mobil trafik payınızın bir kısmını kolayca çalabilir.

Mevcut Web Sitelerinde Önce Mobil

Google'ın mobil uyumlu algoritma güncellemesi, kullanıma sunulduğunda sitelerin %80'inden fazlasını etkiledi. Neredeyse bir yıl sonra, hala mobil uyumlu olmayan milyonlarca web sitesi var. Kötü bir mobil kullanıcı deneyimi, ziyaretçilerinin neredeyse yarısını geri çevirebileceğinden, satışlarının büyük bir bölümünü kaybetme riskiyle karşı karşıyadırlar. Ayrıca, Google, mobil uyumlu olmayan siteleri kötü sıraladığı için trafik kaybedebilirler.

Tabii ki, bu kayıplar kar ve zarar tablonuzda veya gelir tablonuzda hiçbir yerde gösterilmeyecektir, ancak bunlar kaybedilen fırsatlardır. Onları kaçırıyorsunuz çünkü trafiğinizin en büyük ve potansiyel olarak en yüksek dönüşüm sağlayan bölümünde hüküm sürmek için gerçekten hiçbir şey yapmadınız.

Mobil uyumluluk veya daha doğrusu mobil merkezlilik, özellikle yerel ve e-ticaret işletmeleri için çok önemlidir. Bunun nedeni, mobilin en yüksek yerel arama payını ve aynı zamanda en yüksek dönüşüm oranlarını talep etmesidir. Kısacası, çağdaş teknolojiye güncellemek istediğiniz eski bir web siteniz varsa, mobil, yenileme için en önemli unsur olmalıdır.

Mobil Öncelik İşletmeniz İçin Uygun mu?

Giyim ve konfeksiyon, İngiltere'de cep telefonlarında en çok aranan kategoriler arasında yer alırken, bunu elektronik, bakkal ve ev ürünleri, ev geliştirme ve sağlık ve güzellik takip ediyor. Bu kategorilerden herhangi birinde iş yapıyorsanız, mobil cihazlar için optimize edilmiş bir sitenizin olması gerektiğini söylemeye gerek yok. Bu, işletmelerin geri kalanının mobil cihazlara göz yumabileceği anlamına gelmez, çünkü müşterilerinizin büyük çoğunluğu dijital günlerinin çoğunda küçük ekranlarına takılıp kalır.

İş fırsatlarını ve satışları artırmanın yanı sıra, akıllıca tasarlanmış bir mobil web sitesinde sorunsuz bir kullanıcı deneyimi, müşterilerinizin gözünde size daha iyi bir imaj sağlar. Barclays'in araştırmasına göre, tüm perakende satın alımların %40'ından fazlası bir şekilde mobil cihazlardan etkileniyor. Birleşik Krallık'taki Y kuşağının neredeyse yarısı (%48), bir şirketin mobil uygulaması veya web sitesiyle ilgili kötü bir deneyime sahip olmaları durumunda o şirketin ürünlerini satın alma olasılıklarının daha düşük olacağını söylüyor.

Birçok sektörde, akıllı telefonların ve tabletlerin sağladığı trafik ve satışlar göz önüne alındığında, mobil cihazlarda reklam harcaması hala düşük. Ancak, %35 ila %45 oranında büyüyor ve bu yılın sonuna kadar basılı ve TV reklamlarını geçmesi bekleniyor. Gittikçe daha fazla “dijital yerli” büyüdükçe, mobil trendler daha da güçlenecek.

Sonuç olarak, hiçbir işletme mobil pazarlamayı en alt çekmeceye koymayı göze alamaz. Ama üstüne koymalısın? Muhtemelen evet, müşterilerinizin çoğu hizmetlerinize erişmek için zaten mobil kullanıyorsa.

Mobil İlk Stratejideki Zorluklar

Önce mobil için tasarlarken, dikey çözünürlük için tasarlarsınız. Seçenekleriniz, mobil platformun destekleyebileceği öğeler, gezinme, içerik ve araçlarla ciddi şekilde sınırlıdır. Yatay büyük ekran daha esnek ve zengin özelliklere sahip. Daha iyisini bilmiyorsanız, öncelikle mobil için tasarım yapmak, masaüstü kullanıcı deneyiminiz için olasılıkları görselleştirmenize engel olabilir.

Masaüstünde etkileyici görünen bir kahraman görüntüsü, akıllı telefonun ekranında çok fazla yer kaplayabilir. Öte yandan tasarımcı, ilk önce mobil deneyimi tasarlarken yüksek kaliteli görüntülere veya HD videolara yeterince dikkat etmeyebilir. Önce masaüstü sürümünü tasarlamak, mobil öncelikli web sitelerinin masaüstü sürümünde eksik olabilecek daha sağlıklı bir kullanıcı deneyimi oluşturmanıza olanak tanır.

Bu nedenle, öncelikle mobil cihazlar için tasarım yapmak, olası masaüstü kullanıcı deneyimini gözden kaçırmanız anlamına gelmez. Sırf müşterileriniz kullandığı için küçük ekrana odaklandığınızı daima unutmayın. Amacınız, masaüstü kullanıcılarınıza mümkün olan en iyi deneyimi sunarken, mobil kullanıcılarınız için basit ve eğlenceli bir deneyim yaratmaktır. Müşterilerinize teknolojinin inşa edebileceğini değil, istediklerini sunmak istiyorsunuz.

Önce Mobil Tasarım

Mobil Deneyimi Kullanıcı Niyetiyle Hizalama

Mobil cihazlar için strateji oluşturmaya ve tasarım yapmaya başlamadan önce, birinin akıllı telefonlarını bırakıp uygulamanız veya web sitenizle etkileşime girmesinin nedenlerini bilmelisiniz. Bu nedenler aşağıdaki kategorilerden birine veya birkaçına girebilir:

• Bak veya Bir Şey Bul: Kullanıcılar bazı bilgileri veya cevapları acilen bulmak ister. Çoğu zaman, bu bilgi bulundukları yerle ilgilidir.
• Keşfedin ve Etkileşime Geçin: Kullanıcıların öldürmek için biraz zamanı vardır ve bunu oyun oynayarak, bir ürünü araştırarak veya içeriğinizle eğlenceli bir şekilde etkileşim kurarak geçirmek isterler.
• Durumu veya Güncellemeleri Kontrol Et: Güncellenmeye devam eden bazı bilgiler vardır ve kullanıcılarınız, bir futbol maçı sırasında canlı skor güncellemeleri gibi her şeyin üstünde kalmakla ilgilenir. Oluştur veya Düzenle: Kullanıcılarınız, örneğin bir fotoğraf yüklemek, rezervasyon yapmak veya bir blog gönderisine yorum yapmak gibi bekleyemeyecekleri bir mikro işlem gerçekleştirmek istiyor.

Sezgisel bir mobil kullanıcı deneyimi yaratmak için web sitenizi kendi işiniz bağlamında yukarıda belirtilen kullanıcı davranışlarıyla uyumlu hale getirmeniz gerekir . İnsanlar web sitenize herhangi bir zamanda herhangi bir yerden erişebildiğinden, deneyimlerini tüm konumlarda optimize etmeyi düşünmeniz gerekir.

Bu faktörleri göz önünde bulundurduğunuzda, mobil kullanıcı deneyiminizi otomatik olarak gerçek dünyaya hazırlarsınız. Vurgulamak istedikleriniz yerine, kullanıcılarınızın görmek ve kullanmak istedikleri bilgileri ve özellikleri öne çıkaracaksınız. İşte işleri daha net hale getirmek için bu felsefenin komik bir yorumu.

İnsanların görmek istedikleri ile genellikle bir üniversitenin web sitesinde yazanlar arasındaki kopukluğu görüyor musunuz? Sağ taraftaki daire, sitede tam olarak ne olması gerektiğini gösterir.

Minimum Gezinme

Masaüstünde üst menüye, yan menüye ve alt menüye sahip olabilirsiniz. Masaüstü deneyimini zenginleştirmek için farklı widget'lara veya etkileşimli modüllere sahip olabilirsiniz. Ancak mobil için tasarım yaparken aslında menüleri ve gezinmeyi en aza indirmeniz gerekir.

Mobilin sahip olduğu ağ, ekran boyutu ve donanım kısıtlamalarıyla (masaüstü veya dizüstü bilgisayarla karşılaştırıldığında), içeriğinizi gezinme katmanlarının altına gömmek istemezsiniz. Mobil kullanıcılarınız, alakalı içeriğin bir anda ön sayfaya yüklenmesini istiyor. Eklediğiniz her gezinme adımı, onları başka bir zamana dokunmaya ve başka bir sayfanın yüklenmesini beklemeye zorlar, bu korkunç bir kullanıcı deneyimidir; özellikle de yavaş bir internet bağlantısına sahiplerse.

Mobil ve Masaüstü Deneyimini Senkronize Etme

Önce mobil stratejisi izlemenin risklerinden biri, masaüstü sitenizin mobil uygulamanız veya web sitenizle tutarsız olması olabilir. Bu, işletmenize erişmek için hem mobil hem de masaüstü kullanan kullanıcıları rahatsız edebilir. Dahası, markalaşma için kötü. Bu nedenle, en başından itibaren hem mobil hem de masaüstü/dizüstü bilgisayarı dikkate almanız önemlidir.

Bir kez daha, kullanıcınız (mobil veya masaüstü değil) tasarladığınız deneyimin merkezindedir. Temel kural, kullanıcılarınıza istediklerini mümkün olan en kolay ve en kısa yoldan vermektir.

Duyarlı ve Uyarlanabilir Web Tasarımı

Duyarlı veya uyarlanabilir web tasarımı, erişmek için kullanılan ekran boyutuna uyacak şekilde kendisini akıcı bir şekilde değiştirir. Web sitenizin duyarlı/uyarlanabilir olup olmadığını kontrol etmek için tarayıcı penceresini küçültebilir ve sitenin herhangi bir ekran boyutuna uyacak şekilde nasıl değiştiğini görebilirsiniz. Uyarlanabilir ve duyarlı teknolojiler arasındaki farkın çoğu, arkasındaki HTML ve CSS'de yatmaktadır ve sonuçlar benzer görünebilir.

Ancak, uyarlanabilir web tasarımı (AWD), uygulamak için duyarlı web tasarımına (RWD) göre daha az kodlama gerektirir. Uyarlanabilir tasarımda, erişimi talep eden cihazın türüne göre deneyimi özelleştirmek için ağır yükü kaldıran sunucudur. RWD'de, tüm sayfa cihazın tarayıcısına gönderilir ve ardından ekran boyutuna ve boyutlarına göre değiştirilir.

Bu, AWD'nin cihazın türünü ve özelliklerini algılayıp üstün bir kullanıcı deneyimi sağlamak için kullanabileceği anlamına gelir. Uyarlanabilir web sitelerinin yüklenmesi, duyarlı sitelerden biraz daha hızlıdır. Ancak, pek popüler olmayan belirli ekran boyutlarına yüklenirken sorun yaşayabilirler. Bununla birlikte, çoğu, bireysel web sitelerinin nasıl tasarlandığına bağlıdır.

Mobil uygulamalar

Mobil uygulamalar, son derece kişiselleştirilmiş bir kullanıcı deneyimi sağlar ve sadık müşterilerinizi pazarlamanızın ulaşabileceği bir yere koyar. Alışkanlıklarını ve ihtiyaçlarını takip ederek onlar hakkında daha fazla bilgi edinebilir, onlara özel fırsatlar ve kişiselleştirilmiş içerikler sunabilirsiniz.

Amazon, ücretsiz öğeleri tanıtmak için (artık feshedilmiş) Yeraltı uygulamasını kullandı. Pazarlıkta marka, müşterilerin akıllı telefonlarının yanı sıra akıllarında da kalıyor. Gerçekten bir şey satın almaları gerektiğinde akıllarına ilk gelecek yer neresi olur? Amazon ayrıca, yönlendirdiğiniz biri herhangi bir şey satın aldığında 5 $ kredi aldığınız ve alıcının da 5 $ indirim aldığı bir yönlendirme stratejisiyle mobil uygulama aracılığıyla büyümeyi hackliyor.

Bu, mobil uygulamaların neler yapabileceğini göz önünde bulundurarak buzdağının sadece görünen kısmı. İşletmeler ayrıca mobil uygulamaları çalışanları ve bağlı kuruluşları için çalıştırabilir. Uber bunun mükemmel bir örneğidir. Öte yandan, kapsamlı işlevselliğe ve etkileşime sahip masaüstü web siteleri, küçük ekran deneyiminin küçültülmüş bir sürümünü sunmak için mobil uygulamaları kullanabilir. Örneğin, Basecamp'ın insanların hareket halindeyken projelerine hakim olmalarını sağlayan şık bir uygulaması var.

Google'a Karşı Yahoo—İki Farklı Mobil Deneyim

Şimdiye kadar tartıştıklarımızı daha iyi anlamak için Yahoo ve Google'ın masaüstü ve mobil sürümlerini karşılaştıralım.

Her iki arama devinin de burada kökten farklı stratejiler izlediği açıktır. Yahoo'nun masaüstü ön sayfası, muhtemelen Yahoo'daki kişilerin, kullanıcılarının yalnızca arayüzden arama yapmaktan daha fazlasını istediğini düşündükleri için bilgilerle dolu. Mobil ön sayfa, masaüstünün ciddi şekilde sulandırılmış bir versiyonundan başka bir şey değil ve mobil kullanıcı deneyimine çok az önem veriyor gibi görünüyor. Alanın neredeyse yarısı büyük bir görüntüyle dolu, bu da en son haberleri aramadığınız sürece pek bir anlam ifade etmiyor.

Google ise çok daha tutarlı bir mobil ve masaüstü deneyimine sahip. Tek bir şeye odaklanıyorlar: aramaya. Aynı zamanda Google, insanların araç kutusu simgesine tek bir dokunuşla tüm ürünlerine erişmesine izin verir. İşte açılan ekran.

Karşılaştırma aynı zamanda hedefleme stratejisindeki farkı da ortaya koyuyor. Yahoo, haberler, finans, hava durumu, posta, filmler, güzellik, politika ve tonlarca başka ürünü içeren çok daha geniş bir ürün yelpazesine sahiptir. Google, öncelikle aramaya odaklanıyor ve onu, iyi hedeflenmiş araçlardan oluşan giderek genişleyen cephaneliğini zorlamak için kullanıyor. Yahoo'nun mobil web sitesi daha çok sonradan düşünülmüş, masaüstü web sitesinin bozulmuş bir versiyonu iken, Google'ın görünüşte bir mobil ilk stratejisini izlediğini görebiliyor musunuz?

Buradaki nokta, her şey gibi mobil deneyimin de genel pazarlama stratejinize dayanması gerektiğidir. Bu sadece öğeleri manipüle etmek ve yazı tipi boyutlarını değiştirmekle ilgili değil, aynı zamanda müşterilerinizi ne kadar iyi anladığınızla da ilgilidir.

Mobilin Geleceği

Dijital yerlilerin büyümesi, akıllı telefonların daha akıllı hale gelmesi ve ağ hızlarının artmasıyla birlikte, mobil medya büyümesi azalma belirtisi göstermiyor. Aslında, akıllı nesneler ve sanal gerçeklik takımları dijital pazara girmeye hazırlanırken, mobil günlük hayatımızın merkezinde yer alıyor gibi görünüyor. Mobilin her yerde bulunabilmesi ve zamansızlığı, onu her türlü ürün ve hizmeti pazarlamak için mükemmel bir platform haline getiriyor. Ve şimdiye kadar çok daha az dağınık ve yeni oyuncular için çok fazla alana sahip. Uzun lafın kısası, şimdi harekete geçme zamanı.