Her Tasarımcının Bilmesi Gereken UX Tasarım Teknikleri

Mükemmel UX tasarımını ortaya çıkarmak anıtsal bir görev olabilir. Farklı kullanıcı tabanlarının farklı ihtiyaçları ve beceri seviyeleri vardır. Biri için işe yarayan, diğeri için tam bir fiyasko olabilir. Bulduğunuz tasarımın hedef kitlenize mükemmel bir şekilde uymasını sağlamak için yeterli araştırma yapılması önemlidir.

Pek çok tasarım tekniğiyle, durumunuza uygun olanı seçmek ve işe koyulmak zor olabilir! Bu kopya, kullanıcı dostu bir uygulama oluşturmanıza yardımcı olacak en iyi tasarım teknikleri konusunda size rehberlik edecektir.

İlk olarak, gelecekteki ürünle ilgili tüm bilgileri toplamanız ve analiz etmeniz gerekir: ürün sahibinin ve kullanıcıların üründen beklentileri, ana kullanıcı akışları ve uygulamanın genel mimarisi. İşte en popüler araştırma teknikleri.

Paydaş görüşmeleri

Paydaşlar, etkileşime girmesi veya ürününüzün kullanımından etkilenmesi muhtemel olan, bir kuruluş dışındaki veya içindeki liderler, astlar, meslektaşlar veya müşterilerdir. Paydaşlarla görüşmeler yapmak, kullanıcılarınızın ürününüzü nasıl kullanacağı hakkında bir fikir edinme fırsatı sunar ve temel performansı iyileştirmek ve temel özelliklere odaklanmak için neyin önemli olduğunu tanımlamanıza yardımcı olabilir.

Toplantının tarihini ve saatini önceden görüşün ve bir soru listesi oluşturun. Örneğin, soru listesi aşağıdaki gibi olabilir:

a ) Proje vizyonu:

• Ürününüzün başarısını ne tanımlar?
• Bize ürünle ilgili vizyonunuzu söyleyin.

b ) Şirket:

• Şirketin geçmişi nedir?
• Şirketin hedefleri nelerdir?
• Kimleri ana rakip olarak görüyorsunuz?

c ) Kullanıcılar:

• Hedef kitlenizi tanımlayabilir misiniz?
• Kullanıcılarınızın farklı türleri nelerdir?
• Uygulamanın birincil kullanım bağlamını biliyor musunuz?

Kullanıcı görüşmeleri

Paydaş görüşmesine benzer şekilde, kullanıcı görüşmesi, mevcut kullanıcı tabanınızdan faydalı bilgiler almanızı sağlayan etkili bir araştırma tekniğidir. Kullanıcılarınız ve ürününüzü nasıl kullanacakları hakkında daha kapsamlı bir anlayış kazanarak, bir özellik seti belirlenebilir ve tasarım başlayabilir. Nelerin düzeltilmesi gerektiğini ve daha sonra hangi potansiyel yeni özelliklerin eklenmesi gerekebileceğini anlamanıza yardımcı olur.

Belirli bir iş nişindeki bir uygulama için, kullanıcı görüşmesi, ürününüzle çözebileceğiniz sektördeki sorunlu noktalar hakkında faydalı bilgiler almak için iyi bir fırsattır. Profesyonel bir geçmişe, uygulamanızı kullanmanın temel amaçlarına ve karşılaştıkları ve çözmek istedikleri en yaygın sorunlara sorabilirsiniz.

Ve tıpkı bir paydaş görüşmesi gibi, bir kullanıcı görüşmesi de dikkatli bir hazırlık gerektirir. İlk olarak, röportajlar için insanları akıllıca seçin. Kullanıcıları sosyal ağlar, topluluk kuruluşları veya sosyal kulüpler aracılığıyla bulabilirsiniz.

İnsanları bulduktan sonra, görüşmenizin amacını net bir şekilde tanımlayın ve bunun için sorular hazırlayın. “Instagram kullanıyor musunuz?” gibi yönlendirici sorulardan kaçının. Bunun yerine “Instagram kullanma deneyiminizi anlatın” diye sorun. Takip eden sorular verimli tartışmaları teşvik eder ve sormayı unuttuğunuz içgörüleri kapsayabilir.

Görüştüğünüz kişileri rahat ettirin ve uzun görüşmelerle onları rahatsız etmeyin. Görüşme sırasında tüm cevapları kaydedin.

Yalnızca bu tekniğe güvenmek, projenizin başarısız olmasının bir nedeni olabilir. Bu tekniğin birkaç tuzakları vardır:

• Ne yazık ki, insanların söyledikleri her zaman kullanıcıların yaptıklarına eşit değildir. İnsan hafızası mükemmel değildir, bu nedenle görüşülen kişiler bir web veya mobil uygulama kullanma deneyimlerinin tüm ayrıntılarını hatırlayamazlar. Bunu hatırlayamadıklarında, bazen hafızalarında hatırlayamadıklarını söylemek yerine hikayeler uydurmayı tercih ederler. Hikayeleri mantıklı gelebilir ama gerçek durumu göstermez.
• Küçük gruplar tüm izleyiciyi temsil edemez. Çoğu durumda, altı ila sekiz katılımcılı yalnızca iki veya üç grup vardır. Katılımcıların öznel görüşleri, tüm hedef kitlenin vizyonunu temsil edemez.
• Grup liderleri söylenenleri etkilerken, içe dönükler fikirlerini pek paylaşmazlar. İnternetten araştırma yapmak bu iki durumu ortadan kaldırmak için iyi bir yol olabilir. Araştırmaya bağlı olarak gruplar oluşturabilir, ancak her katılımcıyla tek tek konuşabilirsiniz.

Görev Analizi

Görev analizi, bir işlemi veya görevi tamamlamak için hangi adımların atılması gerektiğine dair bir çalışmadır. Mevcut ürünün nasıl çalıştığı ve verilerin hangi yollarla aktığı hakkında bir fikir edinebileceksiniz. Herkesin bir ürünün hangi parçaları üzerinde çalışılması gerektiğine öncelik vermesini kolaylaştırır.

Bu teknik, kullanıcının uygulamanızda ulaşmaya çalıştığı hedefleri, bu hedefe ulaşmak için attıkları adımları ve bu adımları atarken ne gibi sorunlarla karşılaştıklarını anlamanıza yardımcı olur.

İki tür görev analizi vardır - hiyerarşik ve bilişsel. Hiyerarşik bir görev analizi yürütme algoritması aşağıdaki gibidir:

1. Analiz edeceğiniz bir görev tanımlayın. Analiz edilecek kişiyi ve senaryoyu seçin. Bu görevin istenen sonucunu ve bir hedefe ulaşmak için atılacak adımları tanımlayın.
2. Görevi birkaç alt göreve ayırın. Ancak aşırıya kaçmayın ve çok fazla soyut alt görev oluşturmayın. Çoğu durumda, beş ila dokuz alt görev yeterlidir.
3. Bir kullanıcının yaptığı her eylemin bir diyagramını oluşturun.
4. Bir diyagram oluşturduktan sonra, kullanıcının bu alt görevi nasıl tamamladığı hakkında ayrıntılı bir hikaye yazın.
5. İşiniz bittiğinde, analizinizi gözden geçirin. İncelemede, analize dahil olmayan ancak görevin ayrıntılarını bilen başka bir uzmana verin.

Örneğin, Bestbuy.com'da bir oyun faresi satın almak için görev analizi örneği.

Bilişsel görev analizi aynı adımları atmayı içerir. Ancak buna ek olarak, bu görevin bir acemi ve bir uzman tarafından nasıl tamamlanacağını da analiz etmelisiniz.

Kullanım durumu veya davranış şeması

Kullanıcıların davranışlarının görsel bir temsilidir. Farklı kullanıcı türleri tarafından hangi eylemlerin yapılabileceğini gösterir. Örneğin, bir Tebrik Kartı uygulaması oluşturmalısınız. Uygulamada iki tür kullanıcınız var – Tebrik ve Doğum Günü Kişisi. Kutlayıcı Facebook üzerinden oturum açar ve Facebook arkadaşları listesinden bir Doğum Günü Kişisi seçer. Ardından listeden kartı seçer, dileklerini yazar ve Doğum Günü Kişisine gönderir.

Doğum Günü Kişisi hediye kartını aldıktan sonra görebilir, beğenebilir veya uygulamada yanıtlayabilir. Doğum Günü Kişisi henüz uygulamayı yüklemediyse, uygulama mağazasına gelir ve uygulamayı yükler. Davranış diyagramı şöyle görünecektir:

Kullanıcı hikayeleri veya davranış özellikleri

Bu, uygulamanızla her etkileşimin yazılı açıklamasıdır. Tüm kullanıcı hikayeleri “Bir kullanıcı olarak şunu yapmak istiyorum…” ile başlar, ardından bir kullanıcının yapabileceği olası eylemlerin bir açıklamasını yazarsınız. Örneğin, “Bir kullanıcı olarak sipariş geçmişimi görüntülemek istiyorum, böylece Siparişlerim sekmesini ziyaret edip Sipariş Geçmişi düğmesine tıklıyorum.

Kullanıcı hikayeleri oluşturduktan sonra, sprintleri planlamaya başlayabilir ve her bir kullanıcı durumu için bir öncelik belirleyebilirsiniz. Bir kullanıcı hikayesinde açıklanan özelliği uygulamak için gereken süreyi tanımlamak da mümkündür. Ayrıca, kullanıcı akışları üzerinde çalışmaya başlayabilirsiniz.

Kullanıcı akışı

Bu, bir kullanıcının uygulamada attığı ortak adımların sırasını gösteren bir diyagramdır. Bu teknik, UX tasarımcılarının hangi adımların yeniden tasarlanabileceğini veya geliştirilebileceğini belirlemelerine yardımcı olur. İşte bir kullanıcı akış şeması örneği.

Gördüğünüz gibi, her şeklin belirli bir tanımı vardır. Kırmızı ok, yeni bir kullanıcının yolunu, mavi ok ise kayıtlı bir kullanıcının yolunu tanımlar. Yuvarlak, hata ve trapez anlamına gelir – kullanıcı kararı. Aynı şekilde kullanıcı akışı oluşturmadan önce her şekil için bir tanım vermelisiniz.

zihin haritaları

Uygulamadaki her sayfada işlevleri tanımlamak için kullanıcı akışları oluşturulurken, zihin haritaları tasarımcıların ürünün genel mimarisini görmelerini sağlar. Uygulamanın tüm bölümlerinin ve aralarındaki ilişkilerin grafiksel gösterimidir.

Bir zihin haritası oluşturmak çok zaman almaz ve bu, bu tekniğin ana avantajlarından biridir. Zihin haritaları oluşturmak için çevrimiçi araçları kolayca bulabilirsiniz. Bu tekniğin yardımıyla, uygulamanın özelliklerini tanıtmak ve tartışmak için zaman kaybetmezsiniz.

Örneğin, Apple uygulama mağazasında bulabileceğiniz My Day adlı bir geri sayım uygulamasının zihin haritası burada.

Tel kafesler

Uygulamanızın tüm bilgilerini ve yerleşik mimarisini topladıktan sonra, onu tasarlamanın zamanı geldi! Öğelerin belirli bir sayfaya nasıl yerleştirileceğini gösteren tel çerçeveler, bir web veya mobil uygulama düzenleri ile başlamanız önerilir.

Tel çerçeveleme, müşterileri tasarım süreçlerine dahil etmenize ve değişiklikleri daha etkili bir şekilde yapmanıza yardımcı olur. Bu nedenle, bu teknik size zaman kazandırabilir - tasarım tamamlandığında bir şeyi değiştirmek yerine tel kafeslerde değişiklik yapmak çok daha kolaydır. Uygulamanız için içerik tasarlayan bir metin yazarınız varsa, her sayfadaki içeriğin uzunluğunu ölçebilirler.

Öte yandan, uygulama geliştirmede zaman ve çaba gerektiren başka bir adımdır. Ayrıca tel kafesler tasarımcılar için bir sınırlama olarak değerlendirilebilir. Bu iskelete bağlı kalmaları gerekiyor, bu yüzden yaratıcılığı geride bırakın.

Kağıda tel kafesler çizebilir veya bunun için özel aletler kullanabilirsiniz. Aşağıda, bir fitness merkezi platformu için oluşturulmuş bir tel kafes örneğini görebilirsiniz.

prototipler

Prototip, uygulama tasarımı kodlayıcılara geçmeden önce uygulamanızla etkileşim kurmanıza olanak tanıyan bir web veya mobil uygulama özelliklerinin ve navigasyonunun bir simülasyonudur. invisionapp.com veya mockup.io gibi prototipleme servislerinin yardımıyla, tel çerçevelerinizi veya maketlerinizi yükleyebilir ve tıklanabilir düğmelere sahip bir uygulamaya sahip olabilirsiniz.

Kullanılabilirlik testi

İhmal etmemeniz gereken bir sonraki adım, uygulamanızı test etmektir. Kullanılabilirlik testi, ürününüzdeki hataları veya potansiyel iyileştirme alanlarını saptamak için kullanıcıları ürününüzle etkileşime girerken izlediğiniz yerdir. Kullanılabilirlik testi, tüm ürün için genelleştirilebilir veya ihtiyaçlarınıza bağlı olarak ürününüzün yalnızca tek bir görevi veya işlemine odaklanabilir. Web sitesi kullanılabilirlik testi hakkında ayrı bir makale okuyabilirsiniz.

A/B testi

A/B testi, 2 platform arasındaki alım ve kullanım kolaylığını karşılaştırmak için bir ürünün farklı sürümlerinin kullanıcılara sunulduğu bir tekniktir. Tasarlandığı gibi çalışıp çalışmadıklarını görmek için küçük tasarım ince ayarlarını ve özelliklerini test etmenize yardımcı olur. Örneğin, Runkeeper uygulaması için yürütülen bir A/B testi var.

Göz hareketi takibi

Göz hareketi izlemeyi kullanarak, UX düzeninizin nasıl aktığı ve kullanıcılarınızın arayüzde nasıl gezindiği hakkında bir fikir edinebilirsiniz. Bu teknik, bir kullanıcı arayüzünün görünümünü ve verdiği hissi optimize etmenize yardımcı olur ve iyileştirilmesi ve hatta kaldırılması gereken özellikleri ve içeriği daraltmanıza ve önceliklendirmenize yardımcı olabilir.

Çözüm

Bir ürün için yeni bir tasarım veya düzen oluşturmak bazen göz korkutucu olabilir, ancak yukarıda belirtilen tekniklerden bazılarını kullanarak çok daha kolay hale getirilebilir! Bir dahaki sefere bunlardan birkaçını deneyin ve tasarım ve geliştirme sürecinin çok daha iyi bir hızda ilerlediğini göreceksiniz ve sonuç olarak kullanıcılarınız muhtemelen çok daha iyi bir ürün elde edecek!