Web içeriğinizin küçük bir ekrana sığdığından emin olmak artık yeterli değil. Google bu emsali algoritmasını güncelleme Cep telefonlarında dikkatlice planlanmış ve iyi tasarlanmış duyarlı tasarımların önemini vurgulamak.

Ve mantıklı: Görüntüleyenlerinizin bir masaüstü bilgisayardaki tüm işlevselliği bir mobil cihazda kullanmasına gerek yok. Aslında, daha küçük bir ekrandayken bazı içeriği ve işlevselliği kaldırmak isteyebilirler. Sonuçta, hiç kimse şirketinizin telefon numarasını bulmak için içerik sayfalarını sıralamak istemiyor. Pek çok şirketin web tasarım temelindeki eksik yapı taşı: gerçek uyarlanabilirlik.

Sitenizi mobil bir cihaza uyan bir sürüme sıkıştırmak yeterli değildir. Tam kullanıcı deneyimini ve izlenmekte olduğu farklı ortamlara uyum sağlamak için nasıl değiştirilmesinin gerektiğini yakından incelemeniz gerekir.

Duyarlı tasarım problemi

Mobil cihaz kullanıcılarının% 57'si mobil site tasarımlarının zayıf olduğu işletmeleri önermeyecek ve % 48 deyin düzgün çalışmayan mobil sitelere sahip işletmelerin bakım yapmamalarına neden olur.

Çoğu şirketin yanıt veren web siteleriyle karşılaştığı bazı sorunlu alanlar var:

Görüntü yerleştirme

Geçmiş tasarım süreçleri, müşterinin geliştirme aşamasından önce statik görüntüleri ve ekran görüntülerini onayladığını belirtti. Bugün tasarım daha çok elemanların yeniden düzenlenmesi Farklı cihaz boyutları için ve statik görüntülerin yerleştirilmesine çok daha az odaklanmıştır.

Ekran sıkmak

Verileri küçük bir ekranda göstermek, içeriği, özellikle de bilgi tablolarını görmeyi veya okumayı zorlaştırır. W3C W3C aslında markaları verileri sunmak için tablo ve sekmelerden başka bir yöntem seçmeye teşvik eder; Karmaşık kullanıcı arayüzleri, mobil cihazların ele alması için çok fazla bilgi içerir.

Perspektif kayması

Her şeyden önemlisi, duyarlı tasarımla ilgili problem, müşterilerin bakış açılarına karşı müşterilerin bakış açılarının bir meselesidir. Ne yazık ki, çoğu işletme, müşterilerinin, müşterilerinin bu bilgileri nasıl görmek istediği ve bunlarla nasıl etkileşime girmek istediğinden çok, müşterilere ne söylemek istediklerini sorma eğilimindedir.

Örneğin, kayıt iş akışları genellikle web tasarımının en önemli yönü iken, genellikle düşük bir önceliğe sahiptir. Bunun nedeni, işletmelerin müşterilerinin, müşterilerin aradıkları mantıksal giriş noktasından ve birincil iş akışından daha fazlasını görmesini istedikleri işlevsellik hakkında daha fazla düşünmeleridir.

Basitçe söylemek gerekirse, duyarlı tasarım, kullanıcılara bir web sitesinden ihtiyaç duydukları şeyi vermek için nihai çözüm değildir; hala arzulanan çok şey bırakır.

Duyarlılığı güncelle veya uyarlanmaya yükselt?

Web tasarımı söz konusu olduğunda, önemli konuşma markalarının duyarlı ve karşılaştırmalı web siteleri kavramına kayması gerekir.

Duyarlı yaklaşım mevcut siteyi alır ve farklı ekran boyutlarına uyar, adaptif yaklaşım aslında içeriği değiştirir ve ekran boyutuna göre nasıl çalışır.

Duyarlı web tasarımı, içeriğinizin ve işlevselliğin tüm cihazlarda aynı olması gerektiğini varsayar. Ancak bu kesinlikle doğru değildir.

Genelde önemli bir nedenden ötürü, basit bir şekilde istifleme içeriğinin aksine, daha fazla uyarlanabilir bir web tasarım yöntemini savunuyorum: Duyarlı web tasarımı, içeriğinizin ve işlevselliğin tüm cihazlarda aynı olması gerektiğini varsayar - ancak bu kesinlikle doğru değildir. Anahtar, içeriğin yapısını kullanım durumu ve kullanıcıların web sitenize baktığı bağlamla eşleştirmektir.

Örneğin, tüketiciye yönelik paketlenmiş ürünler veya tüketici hediyelik endüstrilerinde bir marka için duyarlı bir site tasarladığınızı varsayalım. Bu tür sitelere yönelik tanıtımlar ve teklifler genellikle en çok çevrimiçi trafiği alır. İnsanlar nadiren ürün ayrıntılarına bakarlar, ancak yaptıkları zaman, bu ayrıntıları vurgulamanın harika bir yolu, diğer öğelerle nasıl kıyaslandıklarını göstermektir. Bunu göz önünde bulundurarak, tüketicilerin ürününüzle nasıl kullanacağını ve etkileşimde bulunacağını anlamalarına yardımcı olabilmeniz için ürün görselleştirme ve eğitim içeriğini ürün sayfalarına eklemelisiniz.

Tüketici ambalajlı ürünler endüstrisi için, müşterilerinizi tanımak ve önceden mi yoksa mağazada mı olduklarını mı öğrenmek istiyorsunuz. Müşterinin satın alma yolunda nerede olduğuna bağlı olarak farklı bir deneyim oluşturmanız gerekir.

İşte her yolun kısa bir dökümü:

  1. Ön mağaza: Ön mağazadaki kullanıcılar büyük olasılıkla siteye sosyal medya veya reklam yoluyla ulaşacak ve muhtemelen kuponlar, teklifler veya yemek tarifleri (gıda durumunda) arayacaklar.
  2. Mağazada: Mağazaya girdikten sonra, muhtemelen diğer satıcılarla kupon, yorum veya fiyat karşılaştırması arıyorlar.
  3. Mağaza sonrası : Mağazada olduklarında, muhtemelen markalı içerik arıyorlar.

Müşterilerin satın alma yolunda nerede olduklarını bilmek, siteyi bu ihtiyaçları ve daha fazlasını karşılayacak şekilde tasarlamanıza olanak tanır.

Uyarlamalı tasarım, müşterinin kullandığı cihaza göre özelleştirilmiş bir deneyime sahip olmasını sağlar.

Her şeyden önce, kendinizi müşterilerinizin ayakkabılarına koymalısınız. Örneğin, her hafta Trader Joe'da alışveriş yapıyorum. Yemeklerimi dizüstü bilgisayarımdan önceden planlayabilir ve bu planı alışveriş deneyimime bağlarsam hoş olurdu. Başka bir deyişle, siteye kahvaltı, öğle yemeği veya akşam yemeği için ne yapmak istediğimi söyleyebilirim. Daha sonra site bana o yemekleri yapmak için ihtiyacım olan tüm ürünleri anlatacak ve benim için haritalandırılmış bir liste oluşturacaktı, böylece mağazaya vardığımda hangi koridorların vurulacağını anlayabileceğim. Tek yapmam gereken telefonumu çıkarmak.

Uyarlamalı tasarım, müşterinin, kullandığı cihaza göre özelleştirilmiş bir deneyime sahip olmasını sağlar.

Tasarım ve bilgileri cihaza göre uyarlayarak müşteri deneyimini optimize edin. Örneğin, müşteriniz sizi bir akıllı telefona yönlendiriyorsa, telefon numaranızı belirgin ve etkileşimli hale getirin, böylece kolayca arayabilir. Tüketici bir dizüstü bilgisayarda mı? Belki de ürün bilgilerini önceden sunmak daha önemlidir. Müşterinizin, kullanılan cihaza göre neye ihtiyaç duyduğunu ve bu deneyimi sağladığını öğrenin.

Hangi cihazda yaşanıyor olursa olsun, sitenizin kullanıcı perspektifinden bakmanız gerekir. Müşterileriniz işinizi aramak için telefonlarını çekerse, mümkün olan en iyi tasarım ve işlevsellik ile ihtiyaç duyduklarını bulmalarına yardımcı olmaya hazır olmalısınız. Basit ve kusursuz yapmazsanız, işlerini başka bir yere götürürler.

Özellikli resim, mobil UX resmi Shutterstock üzerinden.