Çıkmaz yoktur, sadece çözüm vardır!
Vaka Çalışması
BaÄŸlam
Bu proje, Google UX Design Sertifika Programı kapsamında verilen “Sharpen” yönergesi doÄŸrultusunda geliÅŸtirilmiÅŸtir. Görev ÅŸu ÅŸekildeydi: “Bir judo kulübü için mobil ve web tabanlı bir uygulama tasarlayın.”
Proje Genel Bakışı
Proje:
Sharpen tarafından verilen “Bir judo kulübü için mobil-web uygulaması tasarlayın” talimatı kapsamında, judocular için antrenman ve müsabaka planlamasına yönelik yeni bir uygulama tasarlıyoruz.
Bu, Google ve Coursera tarafından sunulan UX Tasarımı kursları kapsamında geliştirilmiş bir uygulama projesidir.
Görevim:
Projede tek UX tasarımcısı olarak görev aldım ve genel bir rol üstlendim. Birçok farklı sorumluluÄŸu yerine getirdim.
Sorun:
Judocular, antrenmanları, kampları ve judo müsabakalarını kolayca bulmak ve planlamak istiyorlar.
Hedef:
Judocular, antrenmanları, kampları ve judo müsabakalarını kolayca bulmak ve planlamak istiyor.
Bu uygulamanın amacı, özellikle rekabetçi judocuların, bulundukları konuma ve tarihe göre antrenmanları, kampları ve müsabakaları kolayca bulup planlamasını saÄŸlamaktır.
Kullanıcı akışının baÅŸlangıç ve bitiÅŸ ekranlarına ait ekran görüntüleri aÅŸağıdadır.
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 :
-
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.).
-
Rakip analizi: Dört rakibimizin güçlü ve zayıf yönlerini inceledik ve eksikliklerini tespit ettik.
-
Kullanılabilirlik testi: fDüÅŸük sadakatli prototip (lo-fi) aÅŸamasında gerçekleÅŸtirildi.
-
İkinci test: Aynı kullanıcılarla tekrar yapıldı.
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
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 ÅŸampiyonu olabileyim.
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ÅŸmak iç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 tekrar edebilmek 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 haftalık planlamayı kolaylaÅŸtırmak.
Uygulamadaki giriÅŸ noktasından görevin tamamlanmasına kadar olan adımlar:
-
Uygulamayı açmak
-
Ana ekran
-
“Antrenman Planı” butonuna tıklamak
-
Eğitim videosu izlemek? Evet / Hayır
-
Evet → EÄŸitim baÅŸlar | Hayır → Antrenman planı ekranına geçmek
-
Çalışma saatlerini girmek
-
Judo antrenman saatlerini girmek
-
Plan görüntülemek
-
Görsel veya sesli hatırlatıcıya ihtiyaç var mı? Evet / Hayır
-
Evet → Hatırlatıcıları ayarlamak | Hayır → Plan görüntülenir
-
Hatırlatıcılar ayarlandı. GüncellenmiÅŸ plan görüntülenir
-
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.
2
Kullanıcıların, antrenman planlama adımlarını daha net anlayabilmesi için yönlendirici ipuçlarına ihtiyacı var.
3
Kullanıcılar, hem judo hem de günlük hayat planlamasına dair daha fazla bilgiye ihtiyaç duyuyorlar.
2. Tur – Yüksek Sadakatli Prototip Sonuçları
1
Kullanıcılar günlük yaÅŸam planlaması seçeneÄŸini bulamıyorlar.
2
Kullanıcılar, yakınlardaki dojoları görebilmek veya dojo adına göre arama yapabilmek istiyorlar.
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ıflandı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 olan kullanı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 spor dalı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ıyla karşı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.”
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.
Ä°letiÅŸime Geçelim
E-mail : feyziocan.uxdesign@gmail.com
LinkedIn : www.linkedin.com/in/feyzi-ocan
Site Web : https://www.feyziocanuxdesign.com/
TeÅŸekkürler
Judo Assistant uygulama projemi incelediÄŸiniz için çok teÅŸekkür ederim !
Bu, gerçekleÅŸtirdiÄŸim ilk projedir.
GeliÅŸtirilebilecek pek çok yönü olduÄŸunun farkındayım.
GörüÅŸ ve eleÅŸtirilerinizi paylaÅŸmak isterseniz, benimle iletiÅŸime geçmekten çekinmeyin.