Daha iyi mobil kullanıcı deneyimi tasarımı için 10 ipucu

Yazar: Louise Ward
Yaratılış Tarihi: 12 Şubat 2021
Güncelleme Tarihi: 18 Mayıs Ayı 2024
Anonim
Açılış Sayfası Kullanıcı Deneyimi - Bölüm 1: Alakalı Sayfalara Yönlendirme ve Sayfa Yüklenme Hızı
Video: Açılış Sayfası Kullanıcı Deneyimi - Bölüm 1: Alakalı Sayfalara Yönlendirme ve Sayfa Yüklenme Hızı

İçerik

Düzenler, menüler, formlar, web yazı tipleri ve hareketler, web sitenizi tasarlarken göz önünde bulundurmanız gereken her şeydir. Bununla birlikte, akıllı telefonlarını ve mobil cihazlarını kullanan ziyaretçiler tarafından bu öğelerin nasıl görüntüleneceğini de düşünmeniz gerekir. Nereden başlayacağınızdan emin değil misiniz? Bir web sitesi kurucu sizin için mükemmel bir araç olabileceği gibi, iyi bir web barındırma sağlayıcısı olabilir.

İşte ideal kullanıcı deneyimini oluşturmanıza yardımcı olacak bazı önemli noktalar.

01. Mümkünse geri bildirim ekleyin

Rollover'lar, fareyle üzerine gelme durumları ve animasyonlar, web sitelerine hayat veren şeylerdir. Dokunma hareketleri için destek ve kullanıcının dikkatini çekmek için ince ikonografi hareketleri ekleyin. Statik bir web sayfası, biraz daha dinamik bir şey kadar ilgi çekici olmayacaktır.


02. Atlı karıncayı unutun

Bir atlı karınca her değiştiğinde, önceki slaydın etkisi hemen kaybolur. Google verileri, mobil kullanıcıların yüzde birinden daha azının aslında atlı karıncalarla etkileşime girdiğini gösteriyor. Önemli içeriği bir kaydırıcının arkasına gizlemeyin - üst üste koyun ve kullanıcı daha doğal dikey kaydırma yapacaktır.

03. Gelecek için kapsam oluşturun

Yaklaşım mümkün olduğu kadar erken sürüm almaksa, yalnızca en hayati özelliklere odaklanmak kolaydır. Bu yaklaşımla ilgili sorun, geliştiricilerin gerçekten kapsam oluşturmasını imkansız hale getirebilmesidir. Daima önce en karmaşık olanı tasarlamaya çalışın.

04. Daha azının daha çok olduğunu unutmayın

Mobil deneyim, masaüstü deneyiminin bir kopyası olmak zorunda değildir. Kullanıcının cihazına ve ekran boyutuna uyması için belirli özellikleri ve içeriği azaltın. Örneğin, alışveriş sepeti yolculuğuna uzun soluklu bir ürün yapılandırıcısı, basit bir "hızlı ekleme" sürecine indirgenebilir.


05. Değişken için tasarım

Mobil kullanıcıların etkileşimini kaybetme ve dış değişkenler tarafından dikkatlerinin dağılma riski her zaman vardır. İdeal olarak, arayüzü bıraktıkları yerden almayı kolaylaştırmaya çalışın. Büyük görevleri ve formları yıkın ve her şeyi basitleştirin.

06. Mümkünse varlıkları yeniden kullanın

En iyi kullanıcı deneyimi uygulamasının temel sütunlarından biri tutarlılıktır. Her zaman tüm ekranlarda, cihazlarda ve çözünürlüklerde tasarlanmış UX varlıklarından oluşan tutarlı bir kitaplık bulundurmanız önerilir (depolayacak çok sayıda tasarım dosyanız varsa, geniş bulut depolamaya ihtiyacınız vardır). Kullanıcı deneyimine mobil öncelikli bir yaklaşımla, bu kuralı göz ardı etmek onu göz ardı etmekten daha zordur.

07. En iyisini dinleyin

Tüketici mobil cihazlarının tartışmasız liderleri olan hem Google hem de Apple, UX en iyi uygulamaları için düzenli olarak dokümantasyon tutmaktadır. Bu, herhangi bir tasarımcı için en iyi başlangıç ​​noktasıdır. Kılavuzların yaratıcılığı bastırdığı görülse de, mutlu bir ortam bulmak her zaman en iyisidir.


Google'ın mobil site tasarımı İlkeleri'ne ve Apple’ın kullanıcı arayüzü tasarımında yapılması ve yapılmaması gerekenleri görün.

08. Gerçek kullanıcı tercihlerine odaklanın

Bir tasarımın gerçekten çalışıp çalışmadığını test etmek için gerçek kullanıcıları kullanmak faydalıdır. Tercih yerine gerçeğe dayalı tasarım kararları verebilir ve özellikleri geliştiricilere açıklarken kafa karışıklığı olasılığını azaltabilirsiniz. Gerçek kullanıcı verileri, bir müşterinin öznel zevkine meydan okunduğunda daha güçlüdür.

09. Metin hizalamasını okunabilir tutun

Ortalanmış metin içeriği her zaman kötü değildir. Ancak, bunun ne zaman uygulanmayacağını bilmek önemlidir. Çok fazla içerik olduğunda metni solda tutun. Okunabilirlik web sitesinin temel hedeflerinden biriyse (öyle olmalıdır!), O zaman yalnızca küçük metin bloklarını ortaya hizalayın. Tam sayfa makale içeriği, neredeyse her zaman en iyisi "solda bırakılmak" dır.

10. Temelleri hatırlayın

Herhangi bir web sitesinin güncel bir SSL sertifikasına, yüksek yükleme hızlarına ve hafif bir SVG hareketli grafik sayfasına sahip olmasını sağlamak, daha iyi bir kullanıcı deneyimini garanti eder. Güvenlik uyarıları ve gereksiz ölçüde büyük ve ardından küçültülmüş görüntüler, engelleri kaldıracak ve kullanıcıların temel içeriğe ulaşmasını engelleyecektir.

Bu makale ilk olarak Web Designer dergisinin 2017 sayısında yayınlandı. Abone olun.

Büyüleyici Yazılar
Bir ajans web sitesine benzemeyen
Keşfetmek

Bir ajans web sitesine benzemeyen

Creative Bloq'ta çok ayıda ta arım ajan ı web ite i görüyoruz - bu bir nevi bölgeyle birlikte geliyor. Ancak genellikle iyi bir araya getirilmiş ol alar da (umduğunuz gibi), i&...
Illustrator CS6'da çok yönlü bir tekrar deseni oluşturun
Keşfetmek

Illustrator CS6'da çok yönlü bir tekrar deseni oluşturun

Adobe'nin C 6 ürümü için Illu trator'da yaptığı tüm değişiklikler ara ında beni en çok ilgilendiren De en Oluşturma modu. Yinelenen kalıpları düzeltmek zor o...
İNCELEME: iPad için Art Photo Sketch uygulaması
Keşfetmek

İNCELEME: iPad için Art Photo Sketch uygulaması

Daha iyi (ve genellikle ücret iz) efekt uygulamalarıyla zaten yapabileceklerinize çok az şey katan ucuz bir fotoğraf düzenleme deneyimi. Ancak yalnızca ürüm 1.0 olduğu iç...