Mobil Web'de Gezinme İçin En İyi Uygulamalar
İnsanların bilgiye çevrimiçi olarak erişme şekli gelişmektedir. Google, gelecek yıl (2013) web sitesi ziyaretlerinin yarısından fazlasının masaüstü veya dizüstü bilgisayar yerine mobil cihazlardan geleceğini bildirdi.
Sadece web'e erişim aracı değişmekle kalmıyor, aynı zamanda akıllı telefon veya el cihazı ile çevrimiçi olan çoğu mobil kullanıcının ihtiyaçları da değişiyor; daha odaklanmış ve görev odaklı olmak.
Günümüzün akıllı telefon sahipleri, telefonlarını bulundukları yerlerin, toplu taşıma programlarının ve banka bakiyelerini kontrol etme gibi belirli görevleri yerine getirmek için kullanıyor. Elde taşınabilir cihazlarda internet tarama yaparken (özellikle çok uzun hatlarda dururken veya otobüs beklerken) birçok insan evlerinde veya ofisinde rahatça internette gezinmeyi tercih eder.
Elde kullanılan cihazlarda ekran alanı sınırlıdır ve mobil kullanıcılar genellikle tek bir başparmak veya parmakla çevrimiçi bilgi ararken çok görevlidir.
Bu nedenlerle, mobil site navigasyonu geleneksel bir web sitesinde gezinmeden daha da önemlidir. Tipik site ziyaretçisinin soru ve ihtiyaçlarını, cihazlarının kısıtlamalarını ve bunları hayal kırıklığına uğratmanın ne anlama geldiğini anlamak, bir mobil sitede etkili gezinme tasarımı için çok önemlidir.
Mobil kullanıcılar ne zaman çevrimiçi olduklarını soran nedir?
Compuware 2011 yılı araştırması Cepten Ne Kullanıcı İstiyor? Kullanıcıların % 95'inin akıllı telefonlar veya el cihazları ile yerel bilgi aradığını buldu. Bu nedenle, tuğla ve harç işletmelerinin konumlarına, saatlerine ve iletişim bilgilerine mobil sitelerde belirgin bir şekilde yönlendirme yapmaları iyi bir uygulama olacaktır.
Kendinizi tipik site kullanıcısının ayakkabılarına koyun. Mobil trafik için analizlere göz atın. Kullanıcıların aradığı ilk üç veya dört kategoriyi seçin ve en yaygın aramaları yansıtan kategori adlarını seçin.
Bu bir tuğla ve harç işletmesi için bir mobil site ise, konum için bir düğme ve iletişim bilgileri belirgin bir şekilde görüntülenir.
“Web sitemizi ziyaret etmek için her zaman bir bağlantı ekleyebilirsin ve gerçekten ilgilenenler mobil sitenin ofislerinin rahatlığında veya dizüstü bilgisayarlarıyla daha ayrıntılı bir versiyonuna bakabilir.
7 Tüm İnsanlık için kullanıcılarını tanıyor.
Farklı bir ortam için tasarlama
Dış ortamın parametrelerine ve dikkat dağınıklığına ek olarak, web tasarımcıları da navigasyon elemanları tasarlarken cihazları kendileri değerlendirmelidir.
Bir mimar, şehrin, çölün veya ormanın ortasında yer alan aynı bina tasarımını savunmazdı; iyi bir web tasarımcısı, mobil ortamın olanaklarını ve sınırlamalarını hareketlilik için en kullanışlı navigasyona dönüştürmeyi düşünür.
Sorun, elbette, tasarımcı, siteyi ziyaret ettiğinde son kullanıcının hangi cihazı tuttuğunu bilmediği, CSS medya sorguları gibi duyarlı tasarım araçlarını kullanarak ele alınabilecek bir durumun, konum, boyut ve uyarlanabilir içerik. Duyarlı bir tasarım kullanarak ya da mevcut bir siteyi mobil cihazlara uyarlayarak yepyeni bir mobil site tasarlayıp tasarlamıyor olsanız da, navigasyon için geçerli olan belirli en iyi uygulamalar hala vardır.
Küçük ekran için navigasyon menüleri
Web tasarımcıları, mobil kullanıcılara, akıllı telefonlarında ve elde taşınabilir cihazlarda web'e masaüstü veya dizüstü bilgisayarlarında olduğundan daha farklı davrandığını bilirler. Küçük bir ekranda gezinmek için yer bulmak zor olabilir, ancak biraz dikkatli bir şekilde dikkatli bir şekilde gezinmek istendiğinde mobil navigasyon tasarımı yapılabilir.
Sadece dört navigasyon butonu ve ücretsiz rezervasyon numarası ile belirgin bir şekilde gösterilen Loews Hotels mobil sitesi kullanıcı dostu ve gezinmesi kolay.
En iyi uygulama 1: menü düğmelerinin sayısını azaltın
Bu, mevcut bir web sitesinin mobil uyumlu bir versiyonunu tasarlarken, özellikle masaüstü tasarımında birçok bağlantıya sahip olanı tasarlarken zor olabilir. Gerekirse ana gezinti düğmelerinizi beş veya daha az olacak şekilde yuvalanmış menüleri ekleyerek sınırlayın.
En iyi uygulama 2: musluk sayısını azaltın
Mobil cihazda gerçekleştirilecek eylemlerin sayısını minimumda tutun. Kullanıcının daha iyi aradığı şeyi bulmak için daha az musluk ve tıklama. Bir hata yapmak çok kolay. Her zaman geri bulmak için kolay bir yol içerir: kullanıcıyı daha fazla engellemek istemezsiniz.
En iyi uygulama 3: gezinme gezinme
En önemli gezinti öğelerini en üstte tutun. Mobil cihazların farklı ekran boyutları vardır. Bu nedenle, her bir kategorinin öneminden biraz daha akıllı ekranlarda daha az ekran alanıyla kaydırma yapmak isteyebilirsiniz.
En iyi uygulama 4: istiflenebilir düğmeler
Mobil kullanıcılar, sitenizi bir masaüstünde olduğu gibi manzara yerine dikey olarak görür. Mobil web için navigasyonunuzu dikey olarak sunarak uyarlayın. Karşıdan oku yerine aşağı oku. Bu, menüde en fazla beş kategoriye sahip siteler için ve daha az sayıda kategorinin ekleneceği durumlarda en iyi sonucu verir.
En iyi uygulama 5: iç içe menü
Bazen daraltılabilir gezinme olarak bilinir, bu ekranın yanı sıra menü ve kategoriler ve menü öğeleri eklemeyi bekleyenler için içerik gerektiren siteler için iyi bir seçenektir.
Dokunmatik ekran ve küçük düğmeler için hareketlilik navigasyonunu optimize etme
Dokunmatik ekranlar ve küçük düğmeler, web tasarımcıları için yeni düşünceler anlamına gelir. Mobil kullanıcılar, küçük bir menü düğmesini veya bağlantısını saptamak için tıklanabilir bir farenin lüksüne sahip değildir. Parmaklarının ve başparmaklarının merhametinde, yani ekranda bir fareyi kullanıp kullanmadıklarından çok daha az hassasiyetle işaret ediyorlar ve dokunmaları anında sonuç vermezse kolayca sinirlenebiliyorlar.
Web tasarımcıları, menü bağlantıları etrafında daha fazla alan ekleyerek veya menü kategorileri için düğmelerle bağlantıları değiştirerek mobil kullanıcılar için gezinmeyi kolaylaştırır.
Daha büyük yapmak, bir alanı hızlı bulmanızı ve küçük bir telefon tuşuyla tıklamanızı veya parmağınızla veya parmağınızla dokundurmanızı sağlar. Ortalama parmak, en az 44 piksel x 44 piksel boyutunda tıklanabilir bir alan gerektirdiğinden, bu durum, ekrandaki içeriğin geri kalanını gölgelendiren düğmeler ve gezinme alanlarına neden olabilir. Ancak bu, özellikle ana sayfa içeriği ana menü öğelerine ikincil ise, web sitesinin ve kullanıcının amacına uygun olabilir.
İdeal olarak, tasarım, dokunmatik ekran kullanıcısının gerektiğinde navigasyon düğmesini daha büyük hale getirmesine izin vermelidir.
Optimizasyon için ipuçları
- Site kullanıcılarının ana amacına bağlı olarak, ekranın üstündeki veya altındaki menüyü ayarlayın. İçeriği arıyorsanız ve kaydırması muhtemelse, menüyü alt kısımda tutmak, siteyi arama motoruna veya rakip siteye bırakmak yerine sitenize gitmek için başka bir yer verir.
- Ekrandaki diğer içeriği barındırmak için menüyü kısmen gizleyin, kullanıcılar dokunduğunda tam menüyü gösterir. Bu, yararlı içeriği yok etmeden menü önünü ve merkezini korur.
- Ekranın üst kısmına bir Menü bağlantısı yerleştirin ve aşağıya bir gezinme düğmesi ekleyin.
- Uzun boylu ve ince, süper modeller için harika olabilir, ancak kısa ve geniş mobil web navigasyonda güzeldir. Geniş kısa navigasyon, daha uzun kategori başlıklarına sahip olduğunuzda da yardımcı olur - metin daha iyi uyar.
- Üstbilgi görüntülerinin yüksekliğini azaltın ya da navigasyon için alanı artırmak için daha küçük bir logo ile tamamen değiştirin.
- Büyük grafikler ve resimlerle değerli alan kullanmak yerine tipografiye, renklere ve gezinme düğmelerinin tarzına dikkat ederek markalama ve tasarım konularını tutarlı bir şekilde tutun.
- Metni, özellikle menü butonları ve kategori başlıklarında kısaltın. Bazı durumlarda bu son derece zordur ve her satırda daha fazla metin için yer olan istiflenebilir bir menü tercih edilen bir alternatiftir.
- Mümkün olduğunca basitleştirin. Çoğu kullanıcının istediği en fazla birkaç öğeyi sağlamaya odaklanmak için ana sayfadan olabildiğince kaldırın.
Mobil gezinme no-nos
Mobil kullanıcılar meşgul, dikkati dağınık ve hareket halindedir. Hangi düğmelerden hangilerini seçtikleri konusunda bir çeşitlilik istemiyorlar ve onları hayal kırıklığına uğratmak istemiyorlar ve analiz felci nedeniyle sahadan ayrılmıyorlar.
Onlara çok seçenek vermeyin.
Yatay kaydırma yapmaktan kaçının ve hiç gezinmeyin! Kaydırıcı menüleri de mobil kullanıcılara zarar verebilir. Navigasyonu basitleştirmek ve kolaylaştırmak için, sıkıcı olmanız gerektiğini düşünmeyin. Yaratıcı gezinme kötü bir şey değil, ancak sezgisel olmalı. Kullanıcı, hızlı bir şekilde istedikleri bilgiyi bulmak için nereye gideceğini kolayca görebilmeli.
Sonuç
Mobil cihazların web'e erişim yöntemi olarak göreceli olarak yeni olması, farklı tasarımların denendiği, değiştirildiği veya tamamen atıldığı için mobil navigasyonun sürekli olarak geliştiği anlamına gelir.
Bir sitede bir kullanıcı grubu için ne işe yaradığı, kullanıcının aradığı bilgiler tamamen farklı olduğu için farklı bir siteye sahip bir felaket olabilir. Ayrıca, aynı kullanıcı farklı sitelere farklı amaçlarla yaklaşıyor: telefonundaki bir haber sitesine bakan mobil bir kullanıcı, büyük olasılıkla başlıklar istiyor, iletişim bilgilerini değil; diş hekimi veya saç stilisti için mobil siteyi ziyaret ettiğinde tam olarak istediği şey budur.
Mobil bir web sitesi için gezinme öğeleri geleneksel bir web sitesinden farklı olsa da, amaç aynıdır: web ziyaretçileri çevrimiçi olduklarında bir soruyla karşılaşırlar. Mağaza Nerede? Dünyada neler oluyor? Banka hesabı bakiyem nedir? Harika navigasyon, kullanıcıları hızlı ve basit bir şekilde cevaplara yönlendirir.
Anlık ihtiyaçlarını karşılıyor ve geri dönecek, web sitesine trafiği artıracak, müşterilerinizi mutlu edecek ve tavsiyelerinize ve sizin için daha fazla mobil web tasarım işine öncülük edecek.
Mobil navigasyona hangi yaklaşımlar tasarımcı olarak tercih edersiniz? Bir kullanıcı olarak ne dersiniz? Yorumlarda bize bildirin.
Öne çıkan görsel / küçük resim, mobil internet resmi Shutterstock üzerinden.