top of page

Vaka Çalışması

Müsabık judokalar için geliştirilmiş mobil planlama uygulaması.

Bağlam

Google UX Design Sertifika Programı kapsamında gerçekleştirilen UX tasarım projesi:
“Bir judo kulübü için mobil web uygulaması tasarlayın.”

Proje Genel Bakışı

Proje:

Sharpen brifi kapsamında “Bir judo kulübü için mobil web uygulaması tasarlayın” görevi doğrultusunda, judokaların antrenmanlarını, kamplarını ve müsabakalarını bulmalarını, organize etmelerini ve planlamalarını sağlayan bir mobil uygulama tasarladım.

Sorun:

Sporcuların aşağıdaki konularda basit bir araca ihtiyacı vardır:

  • Seviyelerine uygun etkinlikleri belirlemek

  • Antrenman planlarını düzenlemek

  • Gerekli bilgileri tek bir yerde toplamak

Bilgi dağınık, planlama ise karmaşıktır.

Hedef:

Özellikle müsabık judokaların, konum ve tarihe göre antrenman, kamp ve judo müsabakalarını bulmalarını ve planlamalarını kolaylaştıran yeni bir uygulama tasarladık.

Kullanıcı akışının başlangıç ve bitişine ait ekran görüntüleri yukarıda yer almaktadır.

Görevim:

UX/UI Tasarımcı (bireysel proje)

Sorumluluklarım:

Aşağıda bazı sorumluluklarım yer alıyor:

  • Kullanıcı araştırması

  • Rakip analizi

  • Bilgi mimarisi

  • Görsel tasarım

  • Wireframe oluşturma

  • Kullanılabilirlik testi

  • Prototipleme

Kullanıcıyı Anlamak

  • Kullanıcı araştırmaları

  • Beyin fırtınasıyla ortaya çıkan bazı fikirler

  • Rakip analizi

  • Kişilik profilleri (Personalar)

  • Sorun tanımları

  • Kullanıcı yolculuğu haritası

  • Kullanıcı görevi ve akış adımları

  • “Genel Bakış” storyboard'u

  • “Yakın Plan” storyboard'u

Araştırmalar: Özet

Süreç dört ana aşamadan oluşuyordu:

  1. Kullanıcı araştırması: Görüşmeler ve empati haritaları sayesinde kullanıcıların, bu durumda judocuların ve
    judocu ebeveynlerinin, ihtiyaçlarını belirledik (planlama ihtiyacı, çevrimiçi işlemler ve belgeler, teknikler,
    haberler vb.).

  2.  Rakip analizi: Dört rakibimizin güçlü ve zayıf yönlerini inceledik ve eksikliklerini tespit ettik.

  3. Kullanılabilirlik testi: Düşük sadakatli prototip (lo-fi) aşamasında gerçekleştirildi.

  4. İkinci test: Aynı kullanıcılarla tekrar yapıldı.

person_search_50dp_7ED321_FILL0_wght400_GRAD0_opsz48.png

Kullanıcı Araştırması: Özet

Beyin fırtınası oturumunun ardından, kullanıcıların ihtiyaçlarını daha iyi anlayabilmek için görüşmeler
gerçekleştirdik ve empati haritaları hazırladık.
Araştırmalar sonucunda, uygulamanın ana kullanıcı grubunu antrenmanlarını ve müsabakalarını planlamak
isteyen judocular olarak belirledik.
Başka ihtiyaçlar da ortaya çıkmasına rağmen, bu sürümde yalnızca planlama fonksiyonuna odaklanmaya karar
verdik.

Kullanıcı Araştırması: Acı Noktaları

1

Bilgilerin merkezileştirilmesi

Kullanıcıların hem
antrenmanları hem de
müsabakaları planlayabileceği
tek bir uygulama
bulunmamaktadır

2

Dojo arama

Kullanıcılar, dojo isimlerini
veya coğrafi konumlarını
kullanarak arama
yapabilmelidir.

3

Hatırlatıcılar

Kullanıcılar görsel ve/veya
sesli hatırlatıcılar kurabilmeli
ve bunları
programlayabilmelidir.

Beyin Fırtınası Sonuçları

  • Judo hareketlerini tekrar izleyebilme

  • Güncel spor haberlerini takip edebilme

  • Judo ve judocular hakkında bilgilere erişim

  • Antrenman ve kamp takibini yapabilme

  • Kuşak geçişi (derece sınavı) tarihlerini görüntüleme

  • Müsabaka takibi yapabilme

  • Kas geliştirme ve kardiyo antrenmanı önerileri

  • Kalori hesaplama araçları

  • Beslenme programı ve sağlıklı tarif önerileri

  • Kişisel bakım için ipuçları

  • Ruhsal iyi oluşu destekleyici aktiviteler

  • Görsel ve sesli hatırlatmalar içeren takvim

  • Spor performansı takibi

Rakip Analizi

  • Amaç: Her bir rakibin kullanıcı deneyimini karşılaştırmak ve güçlü/zayıf yönlerini belirlemektir

  • Tablo ve Rapor  PDF formatında hazırlanmıştır.

Persona: Saïd Bouras

Sorun Tanımı:

Saïd Bouras, yarışmalara katılan bir judocu ve fizyoterapisttir.
Judo müsabakalarına hazırlığını planlayabilmek için bir mobil uygulamaya ihtiyaç duymaktadır.

Kullanıcı Hikayesi:

Bir judo sporcusu olarak, hazırlık sürecimi en iyi koşullarda planlamak istiyorum ki Fransa 1. Lig şampiyonuolabileyim.

Persona: Laurence Frété

Sorun Tanımı:

Laurence, judo’ya yeni başlayan 9 yaşında bir kız çocuğudur.
Judo tekniklerini keşfetmek, öğrenmek ve tekrar etmek, ayrıca bu dövüş sanatıyla ilgili güncel bilgilere ulaşmakiçin bir mobil uygulamaya ihtiyaç duymaktadır.

Kullanıcı Hikayesi:

Judo’ya yeni başlayan 9 yaşında bir çocuk olarak, kuşak sınavlarına hazırlanmak için judo tekniklerini tekraredebilmek istiyorum.

Kullanıcı Yolculuğu Haritası: Persona: Saïd Bouras

Hedef: Bir judo yarışmacısı olarak, hazırlık sürecimi en iyi koşullarda planlayabilmek istiyorum.

Kullanıcı Görevi ve Akış Adımları

Kullanıcı Görevi: Uygulamayı kullanarak judo antrenmanlarını organize etmek ve haft alık planlamayıkolaylaştırmak.

Uygulamadaki giriş noktasından görevin tamamlanmasına kadar olan adımlar:
1. Uygulamayı açmak
2. Ana ekran
3. “Antrenman Planı” butonuna tıklamak
4. Eğitim videosu izlemek? Evet / Hayır
5. Evet → Eğitim başlar | Hayır → Antrenman planı ekranına geçmek
6. Çalışma saatlerini girmek
7. Judo antrenman saatlerini girmek
8. Plan görüntülemek
9. Görsel veya sesli hatırlatıcıya ihtiyaç var mı? Evet / Hayır
10. Evet → Hatırlatıcıları ayarlamak | Hayır → Plan görüntülenir
11. Hatırlatıcılar ayarlandı. Güncellenmiş plan görüntülenir
12. Ana ekrana dönmek

Storyboard « Yakın Plan »

Saïd Bouras, yarışmalara katılan bir judocu ve fizyoterapisttir.
Judo müsabakalarına hazırlığını planlayabilmek için bir mobil uygulamaya ihtiyaç duymaktadır.

Storyboard « Genel Bakış »

Tasarım Sürecine Başlamak

  • Kağıt wireframe’ler

  • Dijital wireframe’ler

  • Düşük sadakatli prototip

  • Kullanılabilirlik testi

Kağıt Wireframe’ler

Ana ekranın çeşitli versiyonları
kağıt üzerinde tasarlandı. Zaman kısıtı nedeniyle tüm ekranlar için kağıt wireframe yapılmadı.
Tasarım eleştirisi oturumlarının
ardından dijital ortamda
iterasyonlara gidildi.

Öne çıkan bazı öğeler:
Hesap
Bildirimler
Antrenman planı
Judo teknikleri
Judo haberleri
Çevrimiçi işlemler
Çevrimiçi belgeler
Arama çubuğu

Her bir taslakta, dijital tasarımlarda kullanılacak öğeleri işaretlemek için
yıldızlar kullanıldı.

Dijital Wireframe’ler

Başlangıçta antrenman saatlerinin eksik olması, planlama süreci açısından sorun oluşturdu. Bu nedenle uygulama
tasarımı bu doğrultuda geliştirildi.

Artık kullanıcılar antrenman saatlerini
görüntüleyebiliyor.

Daha sonra yeni seçenekler eklendi.

Dijital Wireframe’ler

Bu wireframe, ilk kullanıcı testi sonrasında oluşturuldu. Kullanıcıların bazı buton etiketlerini anlamakta
zorlandığını gösterdi. Bu geri bildirim doğrultusunda tasarım tekrar gözden geçirildi.

Etiketler artık daha anlaşılır.

Düşük Sadakatli Prototip (Lo-Fi)

Bu, ilk kullanıcı testinde kullanılan düşük sadakatli prototipin bağlantısıdır.
Judo antrenman planlama özelliğine odaklanmanız tavsiye edilir.

Kullanılabilirlik Testi: Ayarlar

Test Türü:

Denetimsiz kullanılabilirlik testi

Katılımcılar:

5 kişi

Konum:

İstanbul, uzaktan

Süre:

15 ila 20 dakika

Kullanılabilirlik Testi: Sonuçlar

Toplamda 5 katılımcı (3 kadın, 2 erkek; yaşları 16 ile 50 arasında) ile iki tur denetimsiz test gerçekleştirdim.
Ana hedef, kullanıcıların judo antrenmanlarını arama ve planlama sürecini kolayca tamamlayıp
tamamlayamadıklarını belirlemekti. Kullanılan başlıca başarı ölçütleri: Göreve ayrılan süre, Görev tamamlama
oranı, Sistem Kullanılabilirlik Ölçeği (SUS) skoru.

1. Tur – Düşük Sadakatli Prototip Sonuçları

1

Kullanıcılar, günlük programlarını etkili
şekilde planlayabilmek için judo antrenman
saatlerini bilmeye ihtiyaç duyuyorlar.

1

2. Tur – Yüksek Sadakatli Prototip Sonuçları

Kullanıcılar günlük yaşam planlaması
seçeneğini bulamıyorlar.

2

Kullanıcıların, antrenman planlama
adımlarını daha net anlayabilmesi için

2

Kullanıcılar, yakınlardaki dojoları görebilmek
veya dojo adına göre arama yapabilmek
istiyorlar.

3

Kullanıcılar, hem judo hem de günlük hayat
planlamasına dair daha fazla bilgiye ihtiyaç
duyuyorlar.

3

Kullanıcılar, planlamayı gerektiğinde tekrar
edebilmek istiyorlar.

Tasarımı Geliştirmek

  • Design system

  • Arayüz tasarımları (Mockuplar)

  • Yüksek sadakatli prototip

  • Erişilebilirlik

Design system

Mockuplar

Kullanıcıların günlük yaşam planlamasına ihtiyaç duymadığı tespit edildiği için bu özellik kaldırıldı.
Artık sadece judo planlaması yer alıyor.

Kullanılabilirlik testinden önce

Kullanılabilirlik testinden sonra

Mockuplar

Kullanıcılar artık istedikleri dojo(ları) arayabilir, bir tarih seçebilir ve mevcut antrenmanlar ile müsabakaları
görüntüleyebilir.

Kullanılabilirlik testinden önce

Kullanılabilirlik testinden sonra

Ana Mockuplar

Yüksek Sadakatli Prototip

İşte yüksek sadakatli prototipine bağlantısı. Sadece ana kullanıcı akışını içermektedir

Erişilebilirlik

1

Tipografi seçimine özellikle dikkat ettik.
Kullanılan yazı tipi sınıfl andırması Sans Serif olup, disleksi gibi okuma güçlüğü yaşayan bireyler için daha kolay okunabilirlik sağlar.
Yazı tipi ailesi ve yazı karakteri seçimlerinde de özen gösterildi.

2

Metin, arka plan ve buton renkleri yüksek kontrast sağlayacak şekilde seçildi. Bu da görme bozukluğu olankullanıcılar için daha iyi bir görünürlük sağlar.
Bu sayede kullanıcı akışı kolaylaştırıldı.

3

Görsel hiyerarşi, ileride TalkBack gibi ekran okuyucu araçlarla uyumlu olacak şekilde tasarlandı.
Judo, Fransa’da birçok lisanslı sporcusu olan bir engelli spordalıdır. Bu nedenle uygulamanın erişilebilir olması özel bir önem taşımaktadır.

Duyarlı (Responsive) Tasarım

  • Bilgi Mimarisi

  • Duyarlı Arayüz Tasarımı

Site Haritası

Aşağıda ilk site haritası yer almaktadır. O zamandan bu yana biraz değişiklik yapılmıştır.

Duyarlı Tasarımlar

Uygulama, farklı ekran boyutlarında da iyi çalışacak şekilde tasarlandı. Mobil cihazlar ve tabletler dikkate alındı.

Mobil Uygulama

Tablet

İleriye Dönük Adımlar

  • Önemli noktalar

  • Sonraki Adımlar

Önemli noktalar

Etki:

Tasarım sürecinin sonunda, uygulamanın judo antrenman ve müsabaka planlama ihtiyacını başarıylakarşıladığı görüldü. Akran geri bildirimi (alıntı): “Bu uygulama, judocuların antrenman planlarını daha etkili bir şekilde organize etmelerini sağlayacak. Tasarımın diğer kullanıcı ihtiyaçlarını da kapsayacak şekilde geliştirilmesi önemli.”

menu_book_50dp_F8E71C_FILL0_wght400_GRAD0_opsz48.png

Neler Öğrendim:

Bu projede, kullanılabilirlik testleri ve tasarım değerlendirme oturumları sayesinde varsayımlarımızı sorgulamanın, farklı bakış açılarını dikkate almanın ve iteratif tasarım süreciyle sürekli gelişmenin ne kadar değerli olduğunu öğrendim.

Sonraki Adımlar

1

Uygulamanın engelli bireyler için erişilebilirliğini artırmak.

2

Özellikle çevrimiçi işlemler gibi yeni kullanıcı akışları tasarlamak.

3

Navigasyon sırasında ses ve video öğeleriyle deneyimi

zenginleştirmek.

Okuduğunuz için teşekkür ederim.

Judo Assistant, tamamladığım ilk kapsamlı UX projesidir.
Bu proje, araştırmadan test edilmiş prototipe kadar kullanıcı odaklı bir tasarım sürecini yapılandırmamı sağladı.
Bugün bu yaklaşımı daha yüksek bir titizlik ve daha güçlü bir standart anlayışıyla sürdürmekteyim.

Bir projeniz, sorunuz ya da birlikte değerlendirmek istediğiniz bir fikriniz mi var?
Ya da çalışmalarımı ve güncel projelerimi takip etmek mi istersiniz?

bottom of page