Son güncelleme:

Mobil cihazlar için tasarım yapacaksanız, cihazın kullanım şeklini ve cihazın özelliklerini dikkate almanız gerekecektir. Tasarımcıların mobil cihazlar için başlamasına yardımcı olabilecek bazı genel ilkeler var ancak bunların kullanıcı araştırması için olan ihtiyacın yerini almadığını unutmayın.

Mobil cihazlar için tasarım yaparken ve birçoğu standart UX düşünceleri olsa da dikkate alınması gereken birçok şey var; Mobil özel tasarım konuları da olacak. Mobil teklifinizi mevcut teklifinizle birleştirecek misiniz? uyumlu tasarım veya uyarlanabilir tasarım kullanacak mısınız?

ullanıcılarınız mobil web’e masalarından erişiyorsa, bu harika, ancak çoğu kullanıcı kullanmıyor. Onları süpermarkette, günlük gidip geldiğinde, kafeye giderken vb. kullanmaya çalışacaklar.

Bu, dikkat dağınıklarını nasıl azaltacağınızı düşünmeniz ve kullanıcının eldeki göreve odaklanmasını kolaylaştırmanız gerektiği anlamına geliyor.

Taplemeye değer iPhone Uygulamaları’nın yazarı Josh Clark, mobil web erişimi için üç kategori sunuyor:

  • Microtasking: Kullanıcı kısa ama çılgınca aktivite süreleri için cihazı ile etkileşime girdiğinde
  • Yerel: Kullanıcı, çevrelerinde neler olup bittiğini bilmek istediğinde
  • Sıkılmış: Kullanıcının yapacak daha iyi bir şeyi olmadığı ve eğlendirileceği ya da başka türlü yönlendirileceği durumlarda

Mobil Web için Temel Tasarım Hususları

Küçük Ekranlar

PC ve dizüstü bilgisayarlar için olduğu kadar mobil cihazlar için de ekran emlakınız yok. Bu, normalde, birden çok ekran boyutu için tasarım yapacağınız anlamına gelir. Duyarlı tasarımın (aygıtın ekrandaki değişiklikleri işlediği) veya uyarlanabilir tasarımın (sunucularınızın değişiklikleri işlediği) kullanıp kullanmama konusunda erken bir karar vermeniz gerekir.

En küçük mobil platformlar için tasarım yapmak ve oradan karmaşıklığı artırmak anlamına gelen “ilk mobil” yaklaşımına odaklanmak istiyorsunuz.

İzlenecek iyi bir süreç:

  • Benzer ekran boyutlarına göre aygıt türlerini gruplandırın ve bunu yönetilebilir sayıda gruba bırakmaya çalışın
  • Her aygıt grubunda her şeyi iyi görüntülemenizi sağlayan içerik kurallarını ve tasarım uyarlama kurallarını tanımlayın
  • Esnek mizanpajları uygularken, web standartlarına (W3) olabildiğince sıkı sıkıya uymaya çalışın

Mobil web ve daha geniş İnternet için de pek çok farklı tarayıcı türü olduğunu unutmayın. Artık geçerli olmayanlar da dahil (BlackBerry ve Nokia WebKit gibi) bunların mümkün olduğunca çoğunu desteklediğinizden emin olmak istersiniz.

Gezinmeyi Basit Tutun

Tuş takımları ve dokunmatik ekranlar, fareler gibi hassas gezinme için yapmaz – bu yüzden deneyin:

  • Kullanıcıların işlevsellik ile çalışma şekillerine göre navigasyona öncelik verin – en popülerler
  • İlgili navigasyon seviyesini en aza indirin
  • Etiketlemenin gezinme için açık ve öz olmasını sağlayın
  • Farklı özelliklere kısa anahtar erişimi sunun
  • Dokunmatik ekran dokunma noktaları için 30×30 piksel bir alan sunmayı unutmayın
  • Bağlantıların görsel olarak farklı olmasını sağlayın ve etkinleştirildiklerinde de netleştirin
  • Mobil ve tam site arasında geçiş yapmayı kolaylaştırın (ayrı sürümler uygulamayı seçerseniz)

İçeriği Minimumda Tutun

Kullanıcılarınızı zorlamayın – küçük ekran alanına saygı gösterin. İçeriği minimumda tutun.

İçeriğin tüm cihazlarda evrensel olarak desteklendiğinden emin olun veya bundan kaçının.

İlgili yer imleri için sayfa açıklamalarını kısa ve noktaya gerçekleştirin.

Kullanıcılardan Gereken Girdileri Azaltın

Kullanıcının telefonuyla daha az uğraşması gerekmiyor; Mobil web teklifinizi kullanmaktan daha çok zevk alacaklar. Düşünmek:

  • URL’leri kısa tutmayı düşünün.
  • Alternatif giriş mekanizmaları (video, ses vb.) sunun
  • Formlardaki girişleri en aza indirin (kullanıcı masaüstünde oturum açtığında her zaman daha fazla veri isteyebilirsiniz)
  • Kalıcı oturum açmaya izin verin (çoğu akıllı telefon parola veya parmak izi korumalıdır – oturum açmama riski masaüstünde olduğundan daha azdır)
  • En az kaydırmaya devam edin ve yalnızca bir yönde kaydırmaya izin verin

Unutmayın Mobil Bağlantılar Kararlı Değil

Mobil bağlantılar, yamalı servisi olan alanlarda devasa problem olabilir. Kullanıcılarınız üzerinde işleri zorlaştırmayın. Deneyin:

  • Bağlantı kopması durumunda kaybolmayacak şekilde veri tutma
  • Hızlı yükleme için sayfa boyutunu küçültme
  • Büyük miktarda bant genişliği ve veri tüketen mobil sitelerde reklam ağlarını, vb. Öldürmek
  • Görüntüleri minimumda tutmak ve bu resimlerin boyutunu azaltmak
  • Gömülü görüntülerin sayısını en aza indirgeme (yükleme sürelerini hızlandırarak)

Sürekli Bütünleşik Deneyimler

Kullanıcılar mobil ve masaüstü arasında hareket ettikçe benzer deneyimler beklerler. Hatırla:

  • Sürekliliği koruyun. Web sitenize mobil olarak giriş yaparlarsa, siparişleri izleyebilmeleri ve masaüstünde olduğu gibi alışveriş yapabilmeleri gerekir.
  • Tutarlılığı koru. İsteğe bağlı olarak mobil ve masaüstü teklifleri arasında geçiş yapma seçeneği sunun.
  • Markayı koru. Her versiyonun görünüşü ve hissi aynı olmalıdır.

Son söz

Mobile, geleneksel masaüstü ortamından farklıdır ve standart UX ve kullanılabilirlik kullanışlılıklarına mobil bağlamda ihtiyaç duyulurken, mobil ortam da yeni tasarım getiriyor hususlar. Mümkün olan en iyi kullanıcı deneyimini sunmak için mobil tasarımcıların ayrıntılara dikkat etmesi önemlidir.


Interaction Design’dan Türkçeleştirilmiştir.