Daha İyi Mobil UX için İçeriği Uyarlamanın 7 Yolu

Harika bir tasarımın başlangıcı içerikle başlar. Mükemmel bir mobil UX'den en iyi şekilde yararlanmak için içeriğin birkaç değişiklik ve değişikliğe uğraması gerekebilir.

Ama nereden başlıyorsun? İçerik mobil cihazlarda sorunsuz çalışacak şekilde nasıl uyarlanmalıdır? Kullanıcıların daha küçük ekranlarla etkileşimi ve bunun neyi (ve ne kadar!) Okumak istediklerini nasıl etkilediğini düşünmekle başlar.

1. Ekran Başına Bir Düşünce

Mobil cihazlar için içeriği daraltırken, öğeleri ekran başına bir tane olacak şekilde planlamaya çalışın. Telefonlar daha büyük boyutlara yöneliyor gibi görünse de, ekranda çok fazla bilgi toplamak için cazip olmayın!

Ekran başına bir düşünce yeterlidir. Artık ve kullanıcıyı bunaltıcı risk altındasınız.

Mobil cihaz kullanıcıları çok görevli olma eğilimindedir. Bir beyzbol maçına katılırken bir arkadaşınızla konuşurken web sitenize bakıyorlar. İletiyi ve içeriği basit ve doğrudan tutarak, tek bir düşüncenin iletişim kurma şansına sahip olursunuz.

Ama bir düşünce neye benziyor? Hepsi birbirine bağlanmış bir metin, görüntü ve eyleme geçirilebilir öğedir. İçerik grubu kullanıcılardan bir seçim yapmalarını istemelidir: bunu yapmak istiyor musunuz?

2. Gezinmeye Öncelik Ver

Kullanıcıların web sitenizin mobil (duyarlı) sürümünü ziyaret ettiklerinde yapma eğiliminde oldukları veya yapmalarını istediğiniz birkaç şey olmalıdır. Kullanıcıları bu öğelere hızlı bir şekilde ulaştıran, takip edilmesi kolay gezinme olduğundan emin olun.

Masaüstü sitenizde çok düzeyli on gezinme seçeneğinin bulunduğu bir menü çalışabilirken, mobil kullanıcılar genellikle daha fazla zamana maruz kalmaktadır. Bir şey bulana kadar siteyi kurcalamak gibi bir niyetleri yoktur.

Gezinmenin basit ve düzenli olması gerekir. Nereden başlayacağınızdan emin değilseniz, mobil kullanıcı analizinize bir göz atın. Ziyaret edilen ilk üç veya dört sayfa hangileri? Bu sayfalar beklediğiniz gibi görünüyor mu? Mobil içeriği buna göre ayarlayabilmeniz için önemli gezinme öğelerini buldunuz.

3. Arama Motoru Gibi Düşünün

Algoritmayı oynama. Kullanıcıların okumak istedikleri kaliteli içerik oluşturun.

İster günde on sayfa görüntüleme ister milyonlarca olsun, mobil cihazlardaki içerik söz konusu olduğunda bir arama motoru gibi düşünmek istersiniz. Her kelime, resim ve içerik biraz hızlı ve aranabilir olmalıdır. Ama algoritmayı oynama. Kullanıcıların okumak istedikleri kaliteli içerik oluşturun.

Mobil cihazlar söz konusu olduğunda bu, bazı içerik öğelerinin ayrıştırılması anlamına gelebilir. Örneğin, ana sayfadaki üç resim yerine en önemli fotoğrafı seçin. Mobil sitenizi tartmayın; web hızları ve Wi-Fi her zaman daha iyi hale geliyor, ancak bazı kullanıcılar bağlantılarla mücadele edecek ve web sitenizin hala erişilebilir olması gerekiyor.

Mobil sayfa hızlarını Google'ın sunduğu bu şık araçla kontrol edebilirsiniz, bu da her şeyi iyi optimize etmenize yardımcı olur.

4. Metni Büyüt

Daha küçük ekranlar daha küçük metin anlamına gelmemelidir. İçeriğin okunmasını ve sindirilmesini kolaylaştırmak için gerçekte nokta boyutlarını artırmalısınız. Gövde kopyanıza bir göz atın ve satır başına 30 ila 40 karaktere izin veren bir boyut seçin. (Bu, masaüstü ekranlar için önerilenlerin yaklaşık yarısıdır.)

Küçük ekranlarda metni daha okunabilir kılan başka hileler de vardır. Daha iyi bir mobil tipografi tasarlamaya yönelik ipuçlarını içeren önceki bir Tasarım Shack makalesinde bulabilirsiniz.

5. Anlamlı Mikrokopi Yazma

Büyük mikroskop - düğmeler gibi elemanların içindeki metin - tasarımı yapabilir veya kırabilir. Mikroskop tasarıma kişilik ve kıvılcım katabilir. Ayrıca çok fazla bilgi iletir ve kullanıcıların tasarımda yollarını bulmalarına yardımcı olur.

Özellikle mobil cihazlarda, mikrokopiyi normalden biraz daha büyük yapmayı düşünün ve kullanıcıların her zaman tam olarak ne yapacaklarını bilmelerine yardımcı olmak için formlarda kullanın.

Örneğin, telefonunuzda bir şey için ödeme yaparken karşılaştığınız genel sorunları düşünün. Form birden fazla ekrana veya kaydırmaya yayılabilir; rehberlik mikroskopisi, her şeyi ilk kez doğru bir şekilde doldurmayı çok daha kolay hale getirebilir. (Mobil kullanıcılardan eylemleri dönüştürmede önemli bir bileşen.)

6. Mobil cihazlar için gereksiz efektleri çıkarın

Mobil tasarımlar için ihtiyacınız olmayan her şeyi çıkarın.

Dönen animasyonlar ve paralaks kaydırma özellikleri masaüstü web sitelerinde harika görünür, ancak mobil sürümleri tıkayabilir. Mobil tasarımlar için ihtiyacınız olmayan her şeyi çıkarın. Her şeyin hızlı ve sorunsuz bir şekilde yüklenmesini istiyorsunuz; çalışabilecek veya çalışmayabilecek animasyonlar, bir kullanıcıyla hemen bağlantı kurmayı engeller.

Başka bir efekt çıkarabilir misiniz? Fareyle üzerine gelme efektleri. Dokunma eylemleri için fareyle üzerine gelme durumu diye bir şey yoktur.

Belirgin bir geri bildirim içeren kolay anlaşılır bir dokunma işleviyle (tıklamayı değiştirmek için) mobil kullanıcı deneyimini kolaylaştırın. Kullanıcıların bir işlem olup olmadığını sorgulamasını istemezsiniz; her zaman açık olmalıdır.

7. Ölçeğe Uyum

Hiçbir şey, her şeyin küçük olduğu mobil bir siteye iniş yapmaktan daha sinir bozucu değildir. Mobil bir tasarıma sahip olmanın amacı, web sitesini daha küçük cihazlardaki kullanıcılar için daha erişilebilir hale getirmektir. İçeriği bu ölçeğe uyarlamanız gerekir.

Bazen içeriği uyarlamak sadece parçaların yeniden düzenlenmesidir.

• Bir masaüstünde ekran boyunca sıralanan kutular bir mobil cihazda dikey olarak istiflenebilir.
• Fotoğraflar, mobil kullanımın baskın yönelimine (dikey) göre daha kare veya dikey olarak kırpılır.
• Metin kısalık için düzenlenir ve kırpılır.
• Gezinti yeniden konumlandırılır ve farklı bir konuma yerleştirilir.
• Harekete geçirici mesajlar neredeyse daha büyük boyutlu ekran öğelerine dönüştürülür.
• Tüm düğmeler ve dokunma öğeleri, kullanıcıların telefonlarını tutma biçimine bağlı olarak, erişilmesi kolay konumlara yerleştirilir.

Sonuç

Web sitenizdeki içeriğin bir kısmını yeniden düşünmeye hazır mısınız? Duyarlı bir web sitesi oluşturduysanız ve her şeyin mobil kullanıcıları dönüştüreceğini varsayarsanız, tasarımın mobil bölümünü değerlendirmenin zamanı gelmiştir. Muhtemelen, kullanıcıların tasarımla etkileşimini gerçekten değiştirebilecek küçük içerik değişikliklerine yer vardır.

Bu tasarım sürecinin hayati bir parçasıdır. Analitiklerinize bir göz atın. Kullanıcı tabanınızın yüzde kaçı bir mobil cihazda tasarıma erişiyor? İhtiyaçlarını karşılamak için ayarlamalar yapmıyorsanız, kullanıcı tabanınızın büyük bir bölümünü rahatsız etmek anlamına gelmeden yabancılaştırabilirsiniz.