Mobil UX Tasarım İlkeleri

İyi tasarım iyi tasarımdır, değil mi? Doğru, ancak bu tasarım için ortama bağlı olarak devreye giren özel hususlar var. Bir masaüstü bilgisayarda çalışmak üzere yapılmış bir uygulama gibi bir şeyin tasarım ilkeleri, genellikle en etkili mobil UX tasarım sözleşmelerinden biraz farklıdır.

"Mobil UX tasarımı" gibi bir şemsiye kategoride bile, bir uygulama tasarlama ile bir mobil web sitesi tasarlama arasında farklar vardır. Kullanıcılar bir uygulama indirdiğinde, sadece web sitesinin mobil sürümünü istemezler. Uygulamayı indirmek için harcadıkları süreyi (telefonlarında kapladığı alanın yanı sıra) haklı çıkaran benzersiz bir deneyim istiyorlar. Kullanıcılar, değerli bulmadıkları bir uygulamayı silmekten çekinmezler—indirilen uygulamaların %75'i yalnızca bir kez açılır.

Genel olarak mobil tasarım göz ardı edilemez. Dünya çapında, masaüstü bilgisayarlardan çok daha fazla insan mobil ve tablet cihazlarından internete erişiyor. Bu kullanıcıları görmezden gelmek artık UX tasarımcılarının haklı çıkarabileceği bir şey değil. Mobil tasarımcıların, tasarım sürecinin her adımında mobil UX en iyi uygulamalarını dikkate alması önemlidir.

Kullanıcıyı Önceliklendirin

Bunu söylemeye gerek yok, ancak herhangi bir tasarım projesinde, kullanıcı her zaman önce gelmeli ve kullanıcı ihtiyaçları mobil cihazlarda daha da önemli (ve daha spesifik). Tasarımcılar mobil kullanıcıların ihtiyaçlarını karşılamıyorsa, bu kullanıcılar çok hızlı bir şekilde diğer web sitelerine, uygulamalara veya dikkat dağıtıcı şeylere geçecektir.

Aşağıda, tasarımcıların mobil kullanıcıların özel ihtiyaçlarını karşılamak için yapabilecekleri birkaç şey bulunmaktadır.

Navigasyonu Sezgisel Hale Getirin

Mobil sitelerde ve uygulamalarda gezinme, masaüstü sitelerde olduğundan daha sezgisel olmalıdır. Kullanıcıların bir mobil uygulama veya web sitesinde nasıl dolaşılacağını hemen belirleyebilmeleri gerekir. Bu, tanınabilir tasarım kalıpları (hamburger menüleri gibi) ve tanınabilir simgeler (ana ekran için bir "ev" simgesi, mesajlaşma için bir sohbet balonu vb.) aracılığıyla sağlanabilir.

Kullanıcıların nasıl gezineceklerini düşünmeleri gerekiyorsa, web sitesinden ayrılmaları veya uygulamayı kapatıp daha basit bir çözüm aramaları daha olasıdır.

Cihazlar Arasında Sorunsuz Bir Deneyim Yaratın

Bir kullanıcı bir uygulama, mobil web sitesi veya masaüstü web sitesindeki içeriğe erişiyor olsun, bunları kullanma arasındaki geçişin sorunsuz olması gerekir. Tasarım öğeleri birbirini yansıtmalıdır (örneğin, tasarımcılar uygulama için mavi ve web sitesi için kırmızı kullanmamalıdır).

Kusursuz bir deneyim, yalnızca bir web sitesi veya uygulama kullanan kişilerin işlerini kolaylaştırmakla kalmaz, aynı zamanda markaya duyulan güveni de oluşturur.

Kullanıcı Hedeflerine Odaklanın

Bir kişinin bir mobil uygulama veya web sitesinde sahip olduğu hedefler, muhtemelen tam bir masaüstü sitesinde sahip olduklarından farklıdır. Örneğin, bir restoran uygulamasında, bir ziyaretçi muhtemelen yalnızca birkaç şey yapmak isteyecektir: menüyü görüntülemek, rezervasyon yaptırmak veya yol tarifi almak. Çoğu durumda, cep telefonlarında işletmenin tam geçmişine bakmazlar; bu tür içerikler menülerde veya alt menülerde gizlenebilir.

Bir kullanıcının bir mobil uygulamada gerçekte ne yapmak istediğini düşünün. Tasarımcıların sıklıkla gözden kaçırdığı önemli bir şey, temel görevler için oturum açmayı gerektirmesidir. Örneğin bankacılık uygulamaları, uygulamada herhangi bir şey yapmak için genellikle oturum açmanızı ister. Ancak en yakın ATM'nin yerini bulmak gibi görevler, kullanıcının oturum açmasına gerçekten ihtiyaç duymaz. Bu özelliklere erişimi kolaylaştırmak, UX'i iyileştirmenin harika bir yoludur.

Kişiselleştirmeye İzin Ver

Mobil uygulamalar için kişiselleştirme, kullanıcı deneyimini iyileştirmenin anahtarıdır. Kişiselleştirme ayrıca pazarlama hedeflerine ulaşmaya yardımcı olabilir. İlgili tüm paydaşlar için bir kazan-kazan.

Kişiselleştirme, kullanıcıları aradıkları içeriğe yönlendirmeli ve kendileri ile ilgisi olmayan içerikten uzaklaştırmalıdır. Ayrıca sitedeki dikkat dağıtıcı unsurları ortadan kaldırabilir, satın alma süreci gibi bileşenleri düzene sokabilir ve pazarlama mesajlarının ziyaretçinin gerçekte istedikleriyle uyumlu olmasını sağlayabilir.

Ancak, çok fazla kişiselleştirme, içine düşmesi kolay bir tuzak olabilir. Kişiselleştirme düzeyinin, kullanıcının uygulamaya ve şirkete duyduğu güven düzeyiyle eşleşmesi gerekir. Bir web sitesi düşündükleri (veya hakkında konuştukları) ancak aramadıkları bir şey için reklam gösterdiğinde, insanlar ne sıklıkta şaşırmış veya garip hissediyorlar? Elbette, bu yalnızca gelişmiş reklamcılık algoritmalarının öngörücü doğasıdır, ancak bu kişiselleştirme düzeyi yine de ziyaretçileri endişeli hissettirebilir.

İşleri Her Zaman Kolaylaştırın

Bir kişi bir mobil cihazda bir web sitesini veya uygulamayı ziyaret ettiğinde, eldeki görevi olabildiğince çabuk tamamlamak ister. Gerekli görevleri tamamlamayı mümkün olduğunca kolaylaştırmak tasarımcıya kalmıştır. Her görev için kesinlikle hayati olmayan her şeyi ortadan kaldırmak, başlamak için harika bir yerdir. Bir mobil arayüzde gerekli görevleri daha basit hale getirmek de önemlidir.

Örneğin, birçok e-ticaret uygulaması ve sitesi artık kredi kartı bilgilerini girmek için bir kamera seçeneği sunuyor. Müşteriler bir kart numarası girmek yerine kameralarını kredi kartlarına doğrultabilir ve uygulama numarayı otomatik olarak okuyacaktır.

Form alanlarında giriş tipini belirtmek gibi diğer şeyler (böylece, örneğin, bir e-posta adresi beklenen giriş olduğunda, ana klavye ekranında @ sembolü ve “.com” belirir).

İyi İlk Katılım Uygulamaları

Mobil uygulamalar için iyi bir katılım şarttır. Ancak "iyi"nin tanımı, farklı uygulama türleri arasında büyük farklılıklar gösterir. Kullanımı kolay uygulamalar (yapılacaklar listesi veya web tarayıcıları gibi) minimum katılım gerektirir. Başlamak için çoğu kullanıcının ihtiyaç duyacağı tek şey, benzersiz özelliklere işaret eden birkaç açılış ekranıdır.

Ancak finansal hizmetler veya proje yönetimi için olanlar gibi daha karmaşık uygulamaların daha kapsamlı bir katılıma ihtiyacı vardır.

Yerleşik Hareketleri Kullanın

Bunu söylemeye gerek yok, ancak mobil tasarımcıların, insanların cihazlarında zaten kullanmaya alıştıkları yerleşik hareketleri dikkate almaları gerekiyor. Yakınlaştırmak veya kaydırmak için sıkıştırmak gibi şeyler çoğu kullanıcı için sezgisel hale geldi ve mümkün olduğunda kullanılmalıdır.

Bir tasarımcının yerleşik bir hareketten sapmaya karar verdiği durumlarda, işe alım sürecinde veya kullanım senaryosu ilk kez ortaya çıktığında, kullanıcıları bu sapma konusunda ipucu vermek önemlidir.

Mobil Düzen Tasarımı

Mobil mizanpajları tasarlamak, diğer herhangi bir mizanpajı tasarlamaktan tamamen farklı değildir, ancak tasarımcıların dikkate alması gereken bazı hususlar vardır.

En büyük hususlardan biri dokunmatik ekran hedeflerinin boyutudur. Bir fare veya izleme dörtgeni nokta vuruşlu bir doğrulukla tıklayabilirken, parmak uçları çok daha az doğrudur. İdeal olarak, hedefler bir mobil cihazın ekranında 7-10 mm olmalıdır. Bu, bir parmak ucunun çok dikkatli nişan almak zorunda kalmadan hedefe dokunmasını sağlar.

Göz önünde bulundurulması gereken ilgili bir alan, el konumu kontrolleri ve mobil cihazlardaki "başparmak bölgesi"dir; bu, bir kişinin telefonunu tek eliyle tutarken başparmakla kolayca erişilebilen bir telefonun ekranı alanıdır. Etkileşimli içeriğin çoğunu (ve özellikle harekete geçirici mesajları) bu alana yerleştirmek, olumlu bir kullanıcı deneyimi yaratmak için hayati önem taşır.

Mobil tasarımların dağınıklığı olabildiğince ortadan kaldırması önemlidir. Minimalizm, mobil uygulamalar söz konusu olduğunda bir tasarımcının dostudur. Bir masaüstü kullanıcı arayüzündeki her şeyi boyutun çok küçük bir ekranına sıkıştırmaya çalışmak, tasarımın sıkışık görünmesine neden olur ve bunaltıcı olabilir.

Hedeflere odaklanmak, gezinme seçeneklerini en aza indirmek (menüler ve alt menüler bu konuda yardımcı olabilir) ve genellikle kullanıcıların yapmaları gereken şeyi yapmaları için gerekli olmayan herhangi bir öğeyi ortadan kaldırmak, daha akıcı ve kullanıcı dostu bir kullanıcı arayüzü oluşturacaktır.

Tasarımcılar, ekrandaki dağınıklığı ortadan kaldırırken bazı önemli tasarım hususlarını gözden kaçırmadıklarından emin olmalıdır. Bu tür bir düşünce, çeşitli tasarım öğelerinin yeterli kontrasta sahip olduğundan emin olmaktır. İnsanlar genellikle mobil cihazlarına ideal olmayan koşullarda bakarlar. Parlak güneş ışığı gibi şeyler, ekrandaki öğelerin görülmesini zorlaştırabilir, ancak yüksek kontrast, öğelerin daha görünür olmasına yardımcı olur.

Tipografi bir başka önemli husustur. Bir mobil tasarımda net bir tipografik hiyerarşiye sahip olmak önemlidir. Başlıklar ve başlıklar kolayca fark edilebilir olmalı ve genel olarak yazı tipleri daha büyük olmalıdır. Kimse telefonundaki büyük metin bloklarını okumaya çalışmak için gözlerini kısmaktan hoşlanmaz. Net başlıklar, madde işaretli veya numaralı listeler ve kısa paragrafların tümü, mobil metni daha okunaklı hale getirir.

Son bir kullanıcı arayüzü değerlendirmesi, geçişlerin ve animasyonların kullanılmasıdır. Bir animasyon, bir kullanıcı için, yaptıkları eylem ne olursa olsun bir şey yaptığına dair önemli bir sinyal olabilir. Bir mobil uygulamadaki animasyonlar ve ekranlar veya işlevler arasındaki net geçişler, daha tatmin edici bir kullanıcı deneyimi yaratan önemli geri bildirim parçalarıdır.

Mobil Kullanıcı Deneyimi En İyi Uygulamaları

Yukarıdakilerin tümü, mobil uygulamalar ve web siteleri tasarlarken önemli hususlardır. Ancak, mümkün olan en iyi kullanıcı deneyimini sağlamak için izlenecek ek mobil UX en iyi uygulamaları vardır.

Hıza Odaklanın

Yaygın 4G veri kullanılabilirliğine rağmen, mobil ağlar genellikle wifi veya geniş bant hizmetlerinden daha yavaştır. Ve dünyanın pek çok yerinde 4G mevcut değil ve mobil kullanıcılar ya 3G ya da daha düşük veri hızlarına takılıp kalıyor.

Bu, mobil web sitelerinin ve özellikle mobil uygulamaların hızlı olması gerektiği anlamına gelir. Bir uygulamaya, uygulama her yüklendiğinde indirilmesi gerekmeyen içerik eklemek, uygulamayı daha hızlı hale getirecektir. Yalnızca gerekli olduğunda içerik yüklenecektir (gerekli olacak içeriği tahmin etmek ve önceden yüklemek, bir uygulamanın kullanıcıya daha hızlı görünmesini sağlayabilir).

Bu, kullanılmayacak içeriği yüklememek (ve verileri tüketmek) ile kullanıcıların bir sonraki ihtiyaç duyacağı içeriği önceden yükleyerek hız algısı oluşturmak arasında bir dengeleyici eylemdir.

Hız yanılsaması yaratmanın ve sabırsız kullanıcıları yatıştırmanın bir yolu, içerik yüklenene kadar yer tutucuları kullanmaktır. Facebook'un mobil uygulaması bunu, uygulama açılır açılmaz yüklenen, indirildikçe yüklenen gönderiler için alan tutan, cilalı bir tel kafes gibi görünen şeyle yapıyor. Bu geçiş ekranı, kullanıcılara içerik yüklenmeden önce bir şeyler olduğunu bildirir.

Kullanıcılara Geri Bildirim Sağlayın

Kullanıcılara bir mobil uygulamada eylemler gerçekleştirirken geri bildirim vermek, olumlu bir kullanıcı deneyiminin önemli bir yönüdür. Daha önce de belirtildiği gibi, animasyonlar ve geçişler geri bildirim vermenin bir yoludur.

Mobil cihazlarla dokunsal ve sesli geri bildirim de mümkündür. Belirli eylemler gerçekleştirildiğinde dokunma geri bildirimi sağlamak, özellikle mobil oyunlarda ve ayrıca hata mesajlarıyla popülerdir. Sesli geri bildirim, her tür uygulamadaki işlevlerle popülerdir. Bununla birlikte, birçok insan telefonunu her zaman sessiz tuttuğundan, tasarımcılar sesli geri bildirime güvenmemelidir.

Veri Girişini En Aza İndir

Bir diğer önemli mobil UX uygulaması, gereken veri girişi miktarını en aza indirmektir. Buna daha önce değinilmişti, ancak bir kişinin bir mobil uygulamaya ne kadar çok veri girmesi gerekiyorsa, görevi bırakma olasılığı o kadar yüksek oluyor.

Dört veya beş alanlı bir formu doldurmak bir masaüstü veya dizüstü bilgisayarda çok önemli olmayabilir, ancak bir mobil cihazda, bu dört veya beş alan bir kullanıcıyı, özellikle de bilgilerini göremiyorsa, geri çevirmek için yeterli olabilir. amaç. Bir mobil cihazda doldurulan bir formdaki her bir alanın gerekli olduğundan emin olun. Olmayanları ortadan kaldırın.

Bu, insanlara sıfırdan kaydolmak yerine mevcut hesaplarından birini (Facebook, Google veya Twitter hesabı gibi) kullanma seçeneği sunmanın dönüşümleri büyük ölçüde iyileştirebileceği bir alandır. Bir kullanıcının yeni bir kayıt için bir form doldurmak yerine yalnızca erişim yetkisi vermek için tıklaması gerektiğinde, bunu yapmaları daha olasıdır. Yalnızca bu ikincil uygulamalara güvenmeyin; bazı kullanıcılar hala hesaplarını bağlama konusunda güvensizdir ve bir formu doldurmak için zaman alacaktır.

Çözüm

Bu yerleşik mobil UX tasarım ilkelerini takip etmek, bir mobil siteyi ziyaret eden veya bir mobil uygulama kullanan kişiler için daha iyi bir genel kullanıcı deneyimi yaratacaktır. Tasarımcıların, bir uygulamayı veya siteyi daha kullanıcı dostu, sezgisel veya basitleştirilmiş bir uygulama lehine terk etmeden önce insanların dikkatini çekmek için yalnızca birkaç saniyesi vardır.

Harika mobil tasarımlar daha yaygın hale geliyor ve kullanıcıların mobil uygulamalarından beklentileri açısından çıta daha da yükseltildi. Tasarımcılar artık mobil tasarımı sonradan düşünülmüş bir şey olarak göremezler ve bunun yerine, diğer formatlardaki tasarımlar için yaptıkları kadar zaman, değerlendirme ve kaynak ayırmaları gerekir.

Toptal Tasarım Blogunda daha fazla okuma:

• Mobil UX Tasarımı - En İyi Uygulamalar, Kısıtlamalar ve Geliştiricilerle Çalışma
• Bu Mobil Uygulama Ekleme İlhamları ile Kullanıcıları Elde Tutun
• Mobil Kullanılabilirlik için Temel Kılavuz
• Mobil Arayüzler için Sezgisel İlkeler
• Mobil Deneyim için e-Ticaret UX