Mobil UX'inizi Parlatmak için 5 Tasarım Püf Noktası
Son zamanlarda web sitenizin analizine baktınız mı? Şansınız, kullanıcılarınızın önemli bir kısmı - belki de yarısından fazlası - mobil cihaz aracılığıyla web sitenize geliyor.
Mobil çabaları bir web sitesine veya uygulamaya odaklıyor olun, tasarımın bu mobil kullanıcıların her biri için mükemmel bir kullanıcı deneyimi oluşturduğundan emin olmanız gerekir. Bunu yapmak için sıfırdan başlamak zorunda değilsiniz. Mobil kullanıcı ve tasarımla nasıl etkileşim kurduklarını düşünmek, arayüzlerinizin görünümünü ve işlevini şekillendirmeye yardımcı olacaktır.
Mobil UX'inizi kullanıcıların sevdiği bir hale getirmek için kullanabileceğiniz beş tasarım püf noktası.
Envato Elements'i keşfedin
1. Gezinmeyi Kolaylaştırın
Bu eski okul mega navigasyon menüleri, özellikle mobil cihazlar söz konusu olduğunda size herhangi bir iyilik yapmıyor. Mobil kullanıcılar, herhangi bir kullanıcı grubunun en kısa ilgi alanlarına sahip olabilir. Web sitesini veya uygulamayı açmak ve ihtiyaç duydukları şeyi hemen bulmak istiyorlar.
Yalnızca birkaç seçenekle gezinme menüleri tasarlayın - kullanıcıların çoğunun ne aradığını görmek için analitiklerinize bakın ya da önce gezinin.
Daha az seçenek daha az ekran alanı kaplar ve tasarıma daha fazla yer dahil etmenizi sağlar, bu da dokunma ve okunabilirlik için idealdir.
Burada hamburger simgesinin esasını tartışmayacak olsak da, pop-out navigasyon kullanıcıların alışkın olduğu bir model. Gezinme menüsünü açmayı veya kaydırmayı planlıyorsanız, kullanıcılar için net bir görsel tanımlayıcı olduğundan emin olun.
Ebates uygulaması iki gezinme düzeyi kullanır: Biri en iyi fırsatlarının bir listesi ve diğeri favori mağazaların (hamburger / kalp simgesinde) yer imi eklenmiş listenizdir. Her iki seçenek de ağır hissetmez. Neredeyse içerik gibi görünüyor ve çalışıyor. Tüm tasarım, ezici hissetmeden navigasyon.
2. Hareketlerle Düşünün (Ve Haptikler)
Mobil kullanıcılar, cihazlarıyla masaüstü kullanıcılarından oldukça farklı etkileşime girerler. Kullanıcı arayüzünüz bunu hesaba katmalıdır.
Tasarım, belirli eylemleri gerçekleştirmek için hareketlerden yararlanmalıdır. Ortak ve sezgisel kontrolleri kullanan bir arayüz kullanıcıları memnun edecektir.
Bu hareketler şunları içerir:
- Dokun ve çift dokun
- Basın
- Ambar
- Sürükle ve bırak
- Kaydırma (tek ve iki parmak)
- Yakınlaştırma ve uzaklaştırma
- Tokatlamak
- Parmak şıklatmak
Mobil hareketler söz konusu olduğunda yeni tıklamalar.
Ve dokunmatik etkileşimleri düşünürken haptikleri de unutmayın. Giyilebilir cihazınızdan gelen ince “çarpma” veya cepten gelen titreşim dokunsal bildirimler, titreşim veya hareket kullanarak mekanik dokunma simülasyonlarıdır.
Haptik için hile, etkileşimlerin ince ve oldukça mütevazi olmasıdır. Kullanıcı bir bildirim olduğunu biliyor olsa da, diğer insanlar genellikle bunu yapmaz. Dokunmatik arayüz her geçen gün daha yaygın hale geliyor ve kullanıcılardan olumlu bir yanıt alıyor gibi görünüyor.
Örneğin İki Nokta oyunu, noktaları belirli bir şekilde her temizlediğinizde bir yumru kullanır. Sessiz seçenek gizli oyun oynamanızı sağlar ve kullanıcılar için keyifli bir deneyim sunar.
3. Konuşmalı Yapın
İnsanlar başkalarıyla konuştuklarını ve onlarla etkileşime girdiklerini hissetmeyi severler. Neyse ki tasarımcılar için yapay zeka ve sohbet botları dokunuşu bu etkileşimleri oluşturmaya yardımcı olabilir, böylece günün 24 saati canlı sohbet oturumları için beklemede olmanız gerekmez.
Bir sohbet kullanıcı arayüzü oluşturmanın üç yolu vardır:
- Arayüzünüzde daha kişisel bir dokunuşa sahip kopya yazın. Uzun metin bloklarından küçük mikroskopi parçalarına kadar, metnin yukarıdaki WTFWeather uygulamasında bir kişiliği olmalıdır. İnsanların konuşma biçiminde okunmalıdır. Mesajlarınızda aşırı resmi veya robotik sesler çıkarmaya dikkat edin.
- Kullanıcılarla anında etkileşimler oluşturmak için mesajlaşma özelliklerini veya sohbet botlarını kullanın. Bu harika bir müşteri hizmeti aracı olabilir ve ayrıca birisi her zaman sorunlarda onlara yardımcı olmak için oradaysa müşteri sadakati oluşturmaya yardımcı olabilir.
- Sesli kullanıcı arayüzünü tasarıma entegre edin. Siri ve Alexa ses arayüzleri sayesinde ev isimleri. Sesli komutları entegre etmenin diğer bonusu mu? Web sitenizi veya uygulamanızı daha erişilebilir hale getirecektir.
4. Canlandırın
Ziyaret ettiğiniz hemen hemen her web sitesinde animasyonlu öğeler var gibi görünüyor. Ve bu tasarım gereğidir. Animasyon bir tasarıma hayat verebilir.
Animasyonlu öğeler son derece ilgi çekicidir, çünkü kullanıcının dikkatini çeker ve kullanıcılara bir tasarımla nasıl daha iyi etkileşim kuracaklarını göstermeye yardımcı olabilirler. (Bir tasarım oluştururken klasik “göster, söyleme” fikrine geri döner.)
Örneğin, Google Haritalar küçük animasyonlarla doludur. Bir sonraki kullanımınızda dikkat edin.
UX Planet için Nick Babich, mobil UI tasarımında animasyon için harika bir astar içeriyor. Hareketi iyi kullanmak için üç temel kullanımın ana hatlarını çizdi.
- Sistem durumu için: Yükleme durumunu göstermek, içeriği yenilemek ve bildirimler için animasyonu kullanın.
- Gezinme ve geçişler için: Kullanıcıların farklı içerik türleri arasında hareket etmesine yardımcı olmak, öğeler arasında görsel hiyerarşi oluşturmak ve durum değişikliği göstermek için animasyon kullanın.
- Görsel geri bildirim için: Bir eylemin onayını göstermek veya bir eylemin sonucunu görselleştirmeye yardımcı olması için animasyonu kullanın.
5. Onboard Well ve Formları Doğru Kullanın
Özellikle bir uygulama ile işe alım kullanıcı sadakati için çok önemlidir.
İndirdiğiniz son oyunu düşünün. Tam atladın mı? Yoksa başarılı olmak için hızlı bir eğiticiye mi ihtiyacınız var?
Uygulamalar için etkileşimli bir katılım deneyimi, kullanıcıların kullanıcı deneyiminde bulunan özelliklerden en iyi şekilde nasıl yararlanabileceklerini öğrenmelerine yardımcı olacaktır. Eğlenceli bir seçenek de sadık kullanıcılara geçişine yardımcı olacaktır. Yeni eğiticiyi kısa tutun ve sık sık sorulan soruları veya yardım bölümünü eklediğinizden emin olun; böylece kullanıcılar sorun yaşarlarsa geri dönebilirler.
Mobil web sitelerine giriş yapmak birincil sorundan daha azdır, ancak kayıt veya kayıt formları bir sorun olabilir. Mobil cihazlardaki formların basit ve kolay olması gerekir. Kullanıcılar büyük karmaşık formları sevmez.
Dönüşümleri artırmak için mobil cihazlar için formları düzenleyin. (Daha sonra istediğiniz zaman ek bilgi isteyebilirsiniz.)
Yukarıdaki GoodRx için basit başlangıç noktasına bakın. Sadece hakkında daha fazla bilgi edinmek istediğiniz ilacı ister. Form odak noktasıdır ve çok basittir.
Sadece bir bit bilgi isteyin - bir e-posta adresi. Bir kullanıcıyla ilişki kurmak için ihtiyacınız olan tek şey bu. Siteniz veya uygulamanız oturum açmayı gerektiriyorsa, bir e-posta adresine ve şifreye sadık kalın.
Formu, kutuların doldurulması kolay olacak şekilde (boyut açısından) tasarlayın ve yanlış yazılan e-posta adreslerinin olasılığını azaltmak için otomatik tamamlama işlevlerinden kurtulmayı düşünün. Bir numara daha mı? Süreci daha da basitleştirmek için bir sosyal giriş formu kullanın. Kullanıcılar bu işleme alışkındır ve onlar için kolaydır… ve sizin için hata yapma olasılığı daha düşüktür.
Sonuç
Mobil kullanıcı deneyimi, web sitenizi veya uygulamanızı oluştururken düşünmeniz gereken en önemli şeylerden biridir. Mobil kullanıcı ihtiyaçları her zaman değişmeye devam ediyor.
Kullanıcıların tekrar tekrar uğraşmak istedikleri bir şey oluşturmak için kullanımı kolay ve modern teknoloji ve özelliklerden yararlanan bir arayüz oluşturun.
