Uygulama Ayarları UX Nasıl İyileştirilir

Yayınlanan: 2022-03-11

Diğer bilinmeyen kullanıcı arabirimi kalıpları gibi, ayar panelleri de uygulamaların kullanımını kolaylaştırır, ancak yalnızca kusurlu olduklarında ilgi toplar. Kullanıcılar ayarları olduğu gibi kabul edebilir, ancak tasarımcılar almamalıdır. İyi tasarlanmış ayar panelleri, kullanıcıların uygulamaları ihtiyaçlarına göre uyarlamalarına ve şirketlerin müşteri destek maliyetlerini düşürmelerine yardımcı olur.

Uygulama ayarları, kullanıcıların anında iletme bildirimleri, saat dilimleri ve oturum açma kimlik bilgileri gibi öğeleri yönetmesine yardımcı olur. Her uygulamanın ayarları vardır, ancak kullanıcılar ve tasarımcılar bunları kontrol eden arayüz panellerini rutin olarak gözden kaçırır. Kullanıcılar ayarları göz ardı etme eğilimindedir ve tasarımcılar, uygulama tasarım sürecinin sonlarına kadar bunları ihmal ediyor gibi görünmektedir.

Kullanıcıların uygulama ayarları üzerinde düşünmesi için çok az neden var, ancak tasarımcıların çok fazla teşviki var. İyi tasarlanmış ayarlar, müşteri destek maliyetlerini azaltır ve kullanıcıların uygulamalarını talep üzerine özelleştirmelerine olanak tanıyarak etkileşimi artırır. Amaç, kullanıcıların tercihlerini yönetmesini kolaylaştırmaktır, ancak kullanıcıların ihtiyaçlarına uygun ayarları tasarlamak zordur. Kullanıcıların e-posta adreslerini güncellemesine izin vermek kadar basit bir şey bile dikkatli bir planlama gerektirir.

Hangi tasarım uygulamaları zahmetsiz UX ayarları sağlar?

Bu kullanıcı akışı, bir e-posta adresini güncellemek için gereken eylemleri temsil eder.
Bu kullanıcı akışı, bir e-posta adresini güncellemek için gereken eylemleri temsil eder.

Daha İyi Uygulama Ayarları Kullanıcı Deneyimi için Yönergeler

Grup Kategorileri

Uygulamaların birden fazla ayarı olduğunda, kullanıcıların ihtiyaç duyduklarını bulması zor olabilir. Çözüm, ayarları kategoriler halinde gruplamaktır. Örneğin, Shopify'ın uzun bir ayar listesi vardır, ancak bunlar göz atılması kolay kategorilerde düzenlenmiştir.

Shopify'ın ayarları dikkatli bir şekilde kategorilere ayrılmıştır.
Shopify'ın ayarları dikkatli bir şekilde kategorilere ayrılmıştır.

Görsel Hiyerarşi Oluşturun

Ayarlar panelleri, görsel hiyerarşi olmadan başarılı olamaz. Sık kullanılan ayarları ön plana çıkarın; çok fazla seçenek varsa, bilişsel yükü azaltmak için kategorileri alt sayfalara ayırın.

Facebook, sık kullanılan ayarları yüksek düzeyde görüntüler. N26, kategorileri alt sayfalara ayırır.
Facebook, sık kullanılan ayarları yüksek düzeyde görüntüler. N26, kategorileri alt sayfalara ayırır.

Jargonlu İsimlerden Kaçının

Jargon, kullanıcıları ayarlar panellerinin dışında bağlam aramaya yönlendirir. Ayarlar en iyi, işlevselliği belirten sade bir dilde tanımlanır. Ürün ve pazarlama ekiplerini memnun eden ancak kullanıcıların kafasını karıştıran teknik veya akıllı adlardan kaçının.

Calm'ın ayar kategorilerinin anlaşılması kolaydır.
Calm'ın ayar kategorilerinin anlaşılması kolaydır.

Net Açıklamalar Sağlayın

Ayarlar, etkilerini açıklayan açıklamalara ihtiyaç duyar. Ayarların ne işe yaradığını açıkça tanımlayın, ancak kullanıcıların önemli ayrıntıları gözden kaçırmasına neden olacak kadar fazla bilgi vermeyin. Bir kez daha, günlük dili kullanın ve varsayılan ayarları geri yükleme seçeneğini etkinleştirin.

Brave'in açıklamaları, her bir ayarın etkisini net bir şekilde açıklar.
Brave'in açıklamaları, her bir ayarın etkisini net bir şekilde açıklar.

Kaydedilmiş Durumlar hakkında Durum Göstergeleri ve Geri Bildirim Verin

Birçok uygulamada, güncellenen ayarlar otomatik olarak kaydedilir, ancak kullanıcıların yine de değişikliklerini onaylayan geri bildirime ihtiyacı vardır. Kullanıcıların bir "Kaydet" düğmesini tıklaması gerekiyorsa, belirgin olduğundan emin olun. Kullanıcıları kaydırmaya zorlamak, kaydedilmemiş ayarlarla sonuçlanacaktır.

Atlassian Jira, ayarlar güncellendiğinde kullanıcılara anında geri bildirim sağlar.
Atlassian Jira, ayarlar güncellendiğinde kullanıcılara anında geri bildirim sağlar.

Uygun Kullanıcı Arayüzü Kontrollerini Kullanın

Radyo düğmeleri ve onay kutuları, ayarlar panellerindeki standart UI kontrolleridir, ancak değiştirilemezler:

  • Radyo düğmeleri, kullanıcıların seçenekler listesinden bir (ve yalnızca bir) seçim yapmasını gerektirir.
  • Onay kutuları, kullanıcıların bir seçenekler listesinden birden çok seçim yapmasına (veya hiç seçim yapmamasına) izin verir.

Eylemler inceleme veya onay gerektirmediğinde, geçiş anahtarlarını kullanın ve daha fazla netlik için “Açık/Kapalı” etiketleri eklemeyi düşünün.

Radyo düğmeleri, onay kutuları ve geçiş anahtarları, uygulama ayarları panellerinde yaygın olarak kullanılan UI bileşenleridir.
Radyo düğmeleri, onay kutuları ve geçiş anahtarları, uygulama ayarları panellerinde yaygın olarak kullanılan UI bileşenleridir.

Temel ve Gelişmiş Ayarları Sağlayın

Uygulamaları çok sayıda ayarla yönetmenin akıllıca bir yolu, iki düzey girdi sağlamaktır. Temel ayarlar, varsayılan olarak ayar panellerini doldurur ve ortalama kullanıcıların ihtiyaçlarını karşılarken, gelişmiş ayarlar daha ayrıntılı kontrol isteyen kullanıcılara hitap eder.

Spotify'ın gelişmiş ayarları, kullanıcıların dinleme deneyimlerinde ince ayar yapmalarına olanak tanır.
Spotify'ın gelişmiş ayarları, kullanıcıların dinleme deneyimlerinde ince ayar yapmalarına olanak tanır.

E-posta Onayları Gönder

Birçok uygulama, finansal bilgiler de dahil olmak üzere hassas veriler içerir. E-posta onayları, ayarlar panellerinin dışında bulunur, ancak hesap ayrıntıları değiştiğinde kullanıcıların uyarılması gerektiğinden bunlar kritik öneme sahiptir. İlgili uygulamaya veya ayarlara bağlı olarak, her güncelleme için onay göndermeniz gerekmeyebilir.

Kullanıcılar oturum açma kimlik bilgilerini her güncellediğinde e-posta onayları gönderilmelidir.
Kullanıcılar oturum açma kimlik bilgilerini her güncellediğinde e-posta onayları gönderilmelidir.

Uygulama Ayarları Tasarım Süreci için İpuçları

Bilgi Mimarisi ve Kullanıcı Akışı ile Başlayın

Bilgi mimarisi, ayar tasarım sürecini başlatmak için en iyi yerdir. Kullanıcıların ayarları nasıl gruplayacağını anlamak için kart sıralama alıştırmalarını kullanın, ardından ortaya çıkan kategoriler arasında hiyerarşi oluşturun. Her ayar için kullanıcı akışları tasarlayın, kullanıcıların beklentilerine uygun ayar etiketleri oluşturun ve üst düzey kategorilerin sayısını dört veya beşte tutmaya çalışın.

Varsayılan Modları Tanımlayın

Varsayılan ayarlar, kullanıcılara ilk etkileşimlerinden itibaren teorik olarak en uygun deneyimleri sunar. Amaç, işe başlamayı zahmetsiz hale getirmek ve kullanıcıları hedeflerini destekleyen ayarlarla donatmaktır (kullanıcı araştırmasının bu kadar önemli olmasının bir başka nedeni). Örneğin, 1Password ve LastPass gibi parola güvenliği uygulamaları, kullanıcıların gizli bilgilerini korumak için tasarlanmış varsayılan ayarlara sahiptir.

1Password ve LastPass, kullanıcıların hassas verilerini koruyan varsayılan ayarlara sahiptir.
1Password ve LastPass, kullanıcıların hassas verilerini koruyan varsayılan ayarlara sahiptir.

Paydaşlarla Tasarım Sürecinin Başında İletişime Geçin

Hemen işbirliğine başlayın ve paydaşlarla ayarlarla ilgili ihtiyaçları hakkında konuşun. Ürün yöneticileri, güvenlik uzmanları, tasarımcılar, mühendisler ve ayarlarla ilgilenen herkesle görüşün; ayar tasarım sürecinde geç saatlere kadar beklemek pahalı yeniden tasarımlara yol açabilir.

Müşteri Desteği ile konuşun

Tasarım iyileştirme, kullanıcıların sorunlu noktalarını belirlemekle başlar ve müşteri destek ekipleri her gün kullanıcıların sorunlarıyla ilgilenir. Bir uygulamanın hangi yönlerinin kafa karıştırdığını ve hangi ayarların yönetilmesinin zor olduğunu bilirler. Mümkünse, ayar panellerinin gelecekteki yinelemeleri hakkında fikir edinmek için düzenli olarak müşteri destek toplantılarına katılın.

Prototip ve Test

Temel ürün özelliklerinin yanı sıra ayarların nasıl çalıştığını görmek için prototipler oluşturun ve test edin. Yüksek kaliteli prototipler, kullanılabilirlik oturumlarında UI kontrollerinin etkinliğini test etmenin mükemmel bir yoludur. Burada yine son dakikaya kadar beklemek maliyetli olabilir.

Düşünceli Uygulama Ayarları UX'i İyileştirir

Tasarımcılar, uygulamaları kullanımı kolay hale getirmeye çalışır. Öne çıkan özellikler en çok dikkati çeker, ancak çoğu zaman, kullanılabilirliği artıran daha az görünür tasarım ayrıntılarıdır. İyi bir ayar deneyimi organizedir, sezgiseldir ve kullanıcıların günlük etkileşimlerinde ince ayar yapmalarına olanak tanır. İlgili geri bildirim sağlar, kullanıcıların zihinsel modelleriyle uyumlu, iyi bilinen UI bileşenlerini kullanır ve kullanıcıların müşteri desteğiyle iletişim kurmadan güncelleme yapmalarını sağlar.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

  • Mobil UX Tasarım İlkeleri
  • Mobil Arayüzler için Sezgisel İlkeler
  • Mobil Kullanılabilirlik için Temel Kılavuz
  • UX için Mobil e-Ticaret En İyi Uygulamaları (Infografik ile)
  • Mobil UX Tasarım Kısıtlamaları, En İyi Uygulamalar ve Geliştiricilerle Çalışma