Uygulama Tasarımında Yapılmaması Gereken 12 Kötü UX/UI Hatası

Metin okunamayacak kadar küçük.

Beyaz bir arka planda küçük açık renkli yazı tipi içeriği.

Kullanıcılar, kullanıcı arayüzünde bir yere rahatça yerleştirilmiş önemli özellikleri göremezler.

Bunlar, uygulamalarda UX/UI tasarımıyla ilgili yaygın sorunlardan bazılarıdır ve bunun gibi birçok hata yapmak size çok pahalıya mal olur. Bir yazılım projesi planlarken, bu tür hataları tasarım aşamasında oldukça erken tespit etmek zorunludur çünkü amaç, sorunsuz kullanıcı deneyimi sağlayan sezgisel ve hızlı bir arayüz oluşturmaktır.

İşte uygulama için kıyameti heceleyebilecek bazı ölümcül hatalar ve sonunda bunlardan nasıl kaçınabileceğiniz.

1. Kullanıcı Beklentilerinden Sapma

İlginçtir ki, konu bu temel GUI widget'larını (radyo düğmeleri, onay kutuları, kaydırma çubukları, komut bağlantıları/düğmeleri, vb.) kullanmaya gelince, kullanıcıların bazı beklentileri vardır. Bu düğmelerde devrim niteliğinde bir değişiklik denemek iyi karşılanmayabilir.

Şu basit örneği ele alalım: Hayatınız boyunca BBC haberlerini dinlediniz. Aniden, ailenizden biri onun yerine CNN dinlemeye karar verir ve “sudan çıkmış balık” hissine kapılırsınız. Bu, GUI widget'larında ağır değişiklikler yaptığınızda kullanıcıların da hissedeceği tam olarak budur.

Popüler GUI widget'larının çoğu yıllardır mükemmelleştirildi ve denendi ve kullanıcıların bunları sevmesinin bir nedeni var. Bu rahatlık ve rahatlık hissini bir gecede değiştirmek kolay değildir. Bunun nedeni, kullanıcıların yeni bir şey yapmak için önemli miktarda enerji ve beyin gücü harcaması gerektiğidir; ve bu konuda alıcı olmayabilirler.

Bu nedenle, uygulamanızın GUI widget'larının görünümünde büyük değişiklikler yapmayın. Kullanıcılarınız uygulamada sorunsuz gezinmeyi tercih eder, bu nedenle GUI'nin orijinal görünümünü ve hissini korumanız daha iyi olur.

2. Kullanıcının Gerçekten Neye İhtiyaç Duyduğunu Bilmemek

Şirketler, kullanıcının gerçek ihtiyaçlarını fark edemediğinde ve ihtiyaçlarını karşılamayan bir şey bulduğunda, bu büyük bir gaflara yol açar. Bu gibi durumlarda satışları artıramazsınız ve uygulamanız başarısız olur.

Dahil edilecek özelliklere karar vermeden önce araştırma yapmak ve kullanıcı ilgi alanları hakkında derinlemesine bilgi edinmek önemlidir. Bunun için kapsamlı bir kullanıcı ve pazar araştırması yapın.

Hedef kullanıcılarınızın uygulamanızın tasarımından ne beklediğini anlayın - anında yanıt süresi, kontroller arasında sorunsuz gezinme, kolay okunabilirlik vb. - kısacası, sezgisel bir kullanıcı deneyimi.

Ayrıca, rakiplerinizin kritik bir analizini yapın – uygulamalarının kullanılabilirlik faktörünü öğrenin; uygulamalarına dahil ettikleri tüm özellikler, kullanıcı arayüzlerinin ne kadar etkileşimli olduğu vb.

Ve geliştiriciler ilk kez dikkatli olun: uygulamaya çok fazla özellik yüklemeyin. Bir uygulamanın arkasındaki temel amaç, kullanıcılarınızın etkinliklerini basitleştirmektir.

Bu nedenle, onu anında vasat bir uygulamaya dönüştürecek bir etkinlik telaşına yol açacağından, özelliklerle aşırıya kaçmamak tavsiye edilir. Daha az sayıda özellik (elbette birinci sınıf olanlar) hile yapar.

3. Zayıf Dokunma Hedefleri

Kullanıcılar farklı büyüklükte parmaklarla donatılmıştır. Bu nedenle dokunma, hedef segmentteki tüm insanların parmaklarına hitap edecek şekilde yapılandırılmalıdır. Yetişkin bir işaret parmağının ortalama genişliği 1,6 ila 2 cm'dir. Bu nedenle, dokunmatik tabanlı mobil uygulamalar tasarlarken bunu aklınızda bulundurun.

Kullanıcılar uygulamadaki özelliklere dokunmayı ve etkinleştirmeyi zor buluyorsa, uygulamayı kullanmayı tamamen bırakabilirler ve bu gerçekten trajik olur. Ve bu, sahip olduğunuz özelliklerin sayısı için de geçerlidir. Sahip olduğunuz daha fazla özellik, uygulamadaki daha küçük dokunma alanları. Öte yandan, birkaç temel özelliği birleştirmek, daha büyük musluk alanlarına yol açacaktır.

4. Kaydırma Korkusu

Dergi ve gazete editörleri ve reklamcıları bir zamanlar "kat"ın sürekli dehşeti içinde yaşadılar. Mobil uygulamalar popüler hale geldiğinde, içerik kolayca kaydırılabilen bir ekranda göründüğü için “katlanma korkusu” biraz azaldı.

Ancak bu yalnızca kısmen doğruydu, çünkü ana eylemlerin ekranın altına gitmemesi veya daha doğrusu insanların kolayca kaydırıp bulabileceği bir yeri geçmemesi gereken duyarlı ve daha uzun bir web düzeni oluşturmak giderek daha önemli hale geldi.

Dönüşümler, yalnızca ilgili düğmeler "ekranın üst kısmına" yerleştirildiğinde veya kullanıcıların kaydırma yapması gerekmediğinde artar. Belirgin bir konuma net bir Harekete Geçirici Mesaj yerleştirmek daha fazla dönüşüm sağlayacaktır.

5. GUI Kontrol Düğmelerinin Görünümünü Taklit Eden Düğmeler

Çok fazla GUI kontrolüne sahip olmak korkunç bir hata olabileceği gibi, bunun tersi de ölümcül olabilir. Altı çizili metinler ve başlıklar, kullanıcıları yeni bir sayfaya götürecek bağlantılar oldukları hissini yaratır.

Tıklarlar ancak sayfaya ulaşamadıklarında bağlantının bozuk olduğunu varsayarlar ve uygulamadan çıkarlar. Kullanıcılar bu saçmalıktan dolayı çoğu zaman kafaları karışır ve bazen sinirlenir ve bir daha geri gelmeyebilirler.

Radyo düğmelerini kesinlikle gerekli oldukları yerde ortaya çıkarın, ancak hiçbirinin olmadığı yerde radyo düğmeleri gibi yanlış bir izlenim vermeyin.

6. Tutarsız GUI Kontrolleri

GUI kontrolleri tutarlı olmalıdır. Harekete Geçirici Mesaj ve benzeri eylemler için belirli kelimeler kullanıyorsanız, uygulama genelinde aynı kelimeleri kullanın. Aynı eylem için farklı kelimeler kullanmak kafa karışıklığına neden olabilir.

Bazen geliştiricilerin kullanıcılar için basit olacağını varsaydığı eylemler, tam tersini yapar. Uygulamanızda belirli bir kalıbı takip ederseniz, bunu sürekli olarak takip edin. Düğmelerin ve sayfaların, kullanıcıların gelmesini bekledikleri yerde göründüğünden emin olun.

7. Akış Şemalarını Atlamak ve Tasarıma Başlamak

Geliştiriciler, akış çizelgelerini atlayarak ve doğrudan uygulamanın tasarım bölümüne girerek zamandan tasarruf etmezler. Kullanıcıları göz önünde bulundurarak bir akış şeması oluşturmak çok önemlidir ve birçok geliştirici, bu çizelgeleri her zaman son kullanıcıyı akıllarında tutmak için kullanıcı karakterleri ile oluşturur.

Bu aynı zamanda kullanıcıların nereden geldiklerini, ilgi alanlarını ve nerede yattıklarını belirlemede yardımcı olacaktır. Bu nedenle, akış şemaları tasarlanırken, kullanıcı ve iş hedeflerine ve sonunda gerçekleştirilip gerçekleştirilemeyeceğine karar vermek zorunludur. Akış taslağı oluşturularak, sayfa akışları ile farklı seçenekler arasında geçiş yapmak ve en iyisine karar vermek mümkündür.

8. 'Algılanan Karşılığı' Düşünmemek

Layman terimleriyle, uygunluk, bir nesnenin/ortamın özelliklerine bağlı olarak fiziksel olarak mümkün olan tüm eylemler anlamına gelir. Bir merdiven çıkmanıza veya inmenize izin verir, bir şişe kapağı vidalamanıza veya sökmenize izin verir.

Benzer şekilde, bir web sayfasında bir kaydırıcı yukarı ve aşağı hareket etme işlevini yerine getirir, onay kutusu onu işaretlemenize veya işaretini kaldırmanıza izin verir ve köprülü metin sizi başka bir sayfaya götürür. Affordance, bir kullanıcının kolayca anlayabileceği bir şey yapmasına izin verir.

Bu olanakların algılanması, kullanıcının web sayfası hakkındaki bilgisine, deneyimlerine, inançlarına ve hedeflerine dayanacaktır. Kullanıcı arayüzleri tasarlanırken, tasarımcının doğru ipuçlarını vermesi önemlidir, aksi takdirde kafa karışıklığına ve dolayısıyla kötü kullanıcı deneyimine yol açabilir.

Tasarımcılar, kullanıcıların bu UI öğelerini nasıl gözlemlediklerini ve bunlarla nasıl etkileşime girdiklerini algılayabilecekleri doğru görsel göstergeler kullanmalıdır. Tüm kullanıcıların eşit yaratılmadığını hatırlamak da önemlidir; dolayısıyla tüm olanaklar herkes tarafından aynı şekilde algılanmayabilir veya yorumlanmayabilir. Bu yüzden tüm görsel ipuçlarını uygun etiketler ve talimatlarla geri alın.

9. Doğru Türde İletişim Kutularının Yokluğu

Bir web uygulamasının diyalog kullanılabilirliğinde, kullanıcılara sistemin mevcut durumunu ve komutlarının nasıl yorumlandığını bildirmek zorunludur. Diyaloglar, kullanıcıları mevcut ekrandan uzaklaştırmadan eylemlerinin nasıl sonuçlandığı hakkında bilgilendirmek içindir.

Sessizlik, kullanıcıları tahmin etmeye devam edebilir. Bu nedenle, bir web uygulaması oluştururken, iletişim kutusunun kullanıcılardan gelen bilgileri gizlemediğinden emin olun. Ancak bunu dikkatli kullanın, çünkü sürekli mesajlar kesintiye neden olabilir.

Örneğin, kullanıcı bilgileri yazdıktan sonra belirli bir sayfadan çıkmaya karar verdiğinde, “Taslak Sil? İptal Et veya İptal Et”.

Ancak, onları abone ol iletişim kutuları (Örneğin, "Lütfen e-posta adresinizi yazarak günlük bültenimize abone olun") bombardımanına tutmak gerçekten rahatsız edici olabilir.

10. Hata Mesajlarıyla Yaygın Hatalar Yapmak

Kullanıcılar formları doldurmak için zaman ve emek harcarlar ve formlarda bir hata olduğunda neyin nerede yanlış gittiğinin kendilerine bildirilmesi zorunludur. Parola oluşturmak için belirli kurallar varsa, kullanıcıları önceden bilgilendirin, böylece aynı şeyi iki kez yapmak zorunda kalmazlar.

Veya uygulanacak bir promosyon kodu varsa, ne tür promosyonların geçerli olduğunu ve nedenini önceden bildirmeniz yeterlidir. Onları zamanında bilgilendirmemek, kullanıcıda endişe ve hayal kırıklığı yaratabilir. Hata mesajları oluştururken bu hataları yapmamayı unutmayın:

1. Belirsizlik - Kullanıcı tarafından yapılan hata konusunda net olmamak.
2. Kullanıcıyı suçlamak – Kullanıcı hata yaptığında bile mütevazi olmak daha iyidir. Hatayı nazikçe belirtin, böylece tekrar denemeleri istenecektir.
3. Hata mesajlarının yetersiz yerleşimi – Hataları madde işaretli bir listeye yerleştirmemeniz tavsiye edilir, çünkü bu onları gerçekten kapatır. Kullanıcıların neyin yanlış olduğunu anında görebilmeleri için hata mesajlarını hataların üzerine yerleştirin.
4. Hataları önlemek için mikrokopi kullanmamak – Boşlukların yanındaki küçük açıklayıcı metin parçaları, aslında kullanıcıya neyi doldurması gerektiği konusunda talimat verebilir, böylece ilk seferde anlayabilirler.

11. Akıllı Varsayılanların Yokluğu

Uygulamanızın form doldurma sayfasında fazladan bir alan olması caydırıcı olabilir. Bu nedenle, bu ekstra alan mutlak bir gereklilikse, form giriş alanlarına varsayılan değerleri girdiğinizden emin olun. İnsanlar, formu doldurmalarının ne kadar zaman alacağını kontrol etmek için formları hızlı bir şekilde tarar ve formda zaten bir varsayılan değer varsa, devam edip diğerlerini doldurmaları muhtemeldir.

Akıllı varsayılanlara sahip olmamak, bunu kullanıcı için zaman alıcı ve sinir bozucu hale getirebilir ve bu büyük bir hatadır. Ayrıca, kullanıcının dikkat etmesi gereken giriş alanları için varsayılanları koymamanız da tavsiye edilir. Kullanıcının neyi tıklayacağını varsaymayın ve iyi araştırılmış bir varsayılan olsa bile, kullanıcılar başka bir şey isteyebilir.

12. Harekete Geçirici Mesaj Düğmeleri için Vurgu Renklerini Yok Sayma

“Şimdi satın alın”, “Ücretsiz bir eğitime başlayın”, “Şimdi kaydolun” vb. gibi düğmelere dikkat çekmek için iyi vurgu renklerini birleştirmek çok önemlidir. Düğmeler için farklı bir renk kullanın, böylece özellikle çok önemli Harekete Geçirici Mesaj düğmeleri.

Vurgu rengi dikkat çekecek kadar parlak olmalı, ancak rahatsız edici ve dikkat dağıtıcı olmamalıdır. Vurgu renginin, uygulamadaki renk temasının geri kalanıyla uyumlu olduğundan emin olun. Ayrıca harekete geçirici mesaj için belirli bir renk ayırın ve sayfanın başka bir yerinde kullanmayın.

Çözüm

Bunlar, UI/UX tasarımında en sık rastlanan hatalardan bazılarıdır. Ve unutmayın, herhangi bir tasarım değişikliği yaptığınızda, ne kadar etkili olacağını görmek için baştan sona test ettiğinizden emin olun.

Uygulama tasarımı, başarı için farklılaştırıcı bir unsurdur ve her gün piyasaya sürülen binlerce uygulamadan yalnızca birkaçı onay alır. Kötü uygulamalar, UX/UI tasarımında ölümcül hatalara yol açabilir ve bu kadar çok insanın tüm çabaları boşa gider.

Son bir hatırlatma:

Uygulamanızı tasarlarken, belirli bir platformu hedeflemediğiniz sürece birden fazla platform için tasarım yapmayı unutmayın. Bu şekilde Mağazaya Asgari Uygun Ürün (MVP) alırsınız.