top of page

Vaka Çalışması

Tehlike veya Güvencesizlik Durumundaki Kadınlara Yönelik Uygulama ve Web Sitesi

Bağlam

Google UX Design Sertifika Programı kapsamında gerçekleştirilen proje:
“Tehlike veya güvencesizlik durumundaki kadınların çözüm bulmalarına yardımcı olacak bir araç tasarlayın.”

Proje Genel Bakışı

Proje:

Univers’elles, aşağıdaki amaçlarla tasarlanmış bir mobil uygulama ve web sitesidir:

  • Destek kaynaklarına erişimi kolaylaştırmak

  • Mevcut hizmetleri tek bir noktada toplamak

  • Sosyal izolasyonu azaltmak

  • Acil durumlar için bir SOS işlevi sunmak

Araç, kullanıcıların sosyal ve ekonomik açıdan daha bağımsız hale gelmelerini desteklemeyi amaçlamaktadır.

Proje Süresi:

01/01/2025-12/01/2025

Sorun:

Fransa’da güvencesiz veya risk altındaki birçok kadın (aile içi şiddet, izolasyon, idari engeller vb.) şu konularda zorluk yaşamaktadır:

  • Mevcut destek kaynaklarını hızlıca tespit etmek

  • Uygun hizmetlere erişmek

  • Güvenli şekilde yardım talep etmek

Bilgiye erişim çoğu zaman parçalı ve yeterince anlaşılır değildir.

Görevim:

Bu projede tek UX tasarımcı olarak, birden fazla rol ve sorumluluğu kapsayan genel bir görev üstlendim.

Hedef:

Şu imkânları sağlayan, açık, erişilebilir ve güvenli bir dijital araç tasarlamak:

  • Kaynaklara hızlı erişim

  • Sadeleştirilmiş navigasyon

  • Acil durumlarda etkili bir SOS işlevi

Proje, özellikle bu temel işlevin optimize edilmesine odaklanarak yardım talebini daha hızlı ve sezgisel hale getirmeyi hedeflemiştir.

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ı

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 yapılan kullanıcı araştırması, burada hassas
    durumda bulunan kadınlar olan kullanıcıların ihtiyaçlarını anlamamıza olanak sağladı.

  2.  Rakip analizi: Üç 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ı.

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

Bir beyin fırtınasının ardından, uygulamamızın ve web sitemizin gelecekteki kullanıcılarını ve onların ihtiyaçlarını
anlamak amacıyla görüşmeler gerçekleştirdik ve empati haritaları oluşturduk.
Araştırmalar sonucunda, ana kullanıcı grubunun 18 ila 60 yaş arası kadınlar olduğunu belirledik.
Çalışmamız kapsamında 5 kadınla görüştük; bunlardan biri sağır ve dilsizdi. 2 kadının çocuğu yoktu, 3'ünün
çocuğu vardı. 2 kadın evliydi. 3 kadın çalışıyordu, 1 kadın öğrenciydi, 1 kadın ise işsizdi.
Bu kullanıcı grubuyla yaptığımız araştırma, belirli ihtiyaçları öne çıkarmamıza yardımcı oldu. Ancak biz, odak
noktamızı acil yardım çağrısı (SOS) özelliğine yöneltmeyi tercih ettik.

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

1

SOS göndermek

Kullanıcı kadınların, acil yardım çağrısını hızlı bir şekilde gönderebilmeye ihtiyaçları vardır.

2

Kullanımı kolay bir siteye sahip olmak

Tehlikeli ve stresli bir durumda, gezinmenin sezgisel olması gerekir.

3

Engeli olsa bile yardıma erişebilmek

Bazı kullanıcı kadınlar okuma güçlüğü, dil engeli veya duyusal birengel yaşamaktadır.
Yardım platformlarının bir kısmı bu profilleri dikkate almadığı için, bu durum kullanıcıların bazı kaynaklara erişimini

engelleyebilmektedir.

Beyin Fırtınası Sonuçları

  • Tek tıkla SOS gönderme

  • Durumdan, dilden veya bir engelden dolayı konuşamasa bile SOS gönderebilme

  • Saldırganı uyarmamak için gizli çalışan bir uygulama

  • Cihazın konumunu, ortam sesini ve videoyu kaydeden bir uygulama

  • Tüm kaynakların tek bir yerde sunulduğu bir web sitesi

  • Uyarıyı başlatan, kişiselleştirilebilir bir kelime ya da cümleyle sesli kullanım

  • Sessizce yardım çağrısı göndermeyi sağlayan gizli bir görünüm modu

  • Aynı anda bir yakına da otomatik olarak haber verme özelliği

  • İnternet bağlantısı yokken nasıl çalışır? Bağlantı gelince uyarı gönderilebilir mi?

  • Gerekli tüm belgelerin her an erişilebilir olması için önceden kaydedilebilen tıbbi ve/veya idari bir dosya

  • Profesyonellerle sohbet edilebilecek bir mesajlaşma sistemi?

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: Jennifer D.

Sorun Tanımı:

Jennifer, geçim sıkıntısı yaşayan genç bir bekar annedir ve hayatını düzene sokmak ve oğluna daha iyi bir gelecek sunmak için yardıma ihtiyaç duymaktadır.

Kullanıcı Hikayesi:

Genç bir bekar anne olarak, hayatımı düzene sokmak ve oğluma daha iyi bir yaşam sunmak için yardım ve kaynaklara ulaşmak istiyorum.

Persona: Malika M.

Sorun Tanımı:

Malika, boşanmak isteyen, dil ve idari konularda zorluk yaşayan evli bir kadındır; boşanabilmek ve bağımsız olabilmek için özellikle hukuki kaynaklara erişmeye ihtiyaç duymaktadır.

Kullanıcı Hikayesi:

Üç çocuk annesi ve boşanmak isteyen bir kadın olarak, boşanabilmek ve bağımsız olabilmek için desteklenmek istiyorum.

Kullanıcı Yolculuğu Haritası: Persona: Jennifer D.

Hedef: Psikolojik, finansal ve eğitsel desteklere erişerek, aynı zamanda bir eğitim ya da iş fırsatı bularak oğluna istikrarlı ve güvenli bir gelecek sunmak.

Kullanıcı Yolculuğu Haritası: Persona: Malika M.

Hedef: Boşanma süreciyle ilgili kaynaklara erişerek eşine olan bağımlılığından kurtulmak, bu sırada çocuklarını korumak ve Fransızca öğrenerek topluma daha iyi entegre olmak.

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

Kullanıcı Görevi: Uygulamayı kullanarak SOS göndermek.

Uygulamadaki giriş noktasından görevin tamamlanmasına kadar olan adımlar:

  1. SOS butonuna tıklamak

  2. “Emniyet güçleri” seçeneğine tıklamak

  3. OK butonuna tıklamak

  4. STOP butonuna tıklamak

  5. ANA SAYFA butonuna tıklamak

Tasarım Sürecine Başlamak

  • Kağıt wireframe’ler

  • Dijital wireframe’ler

  • Düşük sadakatli prototip

  • Kullanılabilirlik testi

Kağıt Wireframe’ler

İşte ana sayfa için yapılan farklı yinelemeler; bu yinelemeler ekran boyutlarındaki değişiklikleri (bilgisayar, mobilve tablet) içermektedir.
Zaman yönetimi sebeplerinden dolayı her ekran için kağıt üzerinde yineleme yapılmamıştır. Tasarım eleştirisi oturumlarından sonra yinelemeler dijital olarak gerçekleştirilmiştir.

Bazı önemli öğeler: 1 Acil durum ; 2 Acil durum; 3 Yardım bulmak ; 4 Çevrim içi hizmetler ;

5 Kaynaklar ; 6 Etkinlikler ; 7 Haberler ; 8 Ortaklıklar ; 9 Özel alan ; 10 Yasal bilgiler ; 11 SOS ;

12 Acil çağrı ; 13 Acil durum mesajı ; 14 Logo ; 15 Menü

Akıllı telefon için dijital wireframe

Kullanıcı kadınlar, akıllı telefonları, tabletleri veya bilgisayarları aracılığıyla emniyet güçlerine ve/veya ambulansa SOS gönderebileceklerdir.
Cihazın bulunduğu ortamdaki ses kaydedilecek ve konum bilgisiyle birlikte gerçek zamanlı olarak yardım ekiplerine iletilecektir.

Kullanıcılar bir SOS çağrısı gönderebilecektir.

Dijital Wireframe’ler

İlk testten önce farklı ekran boyutları (bilgisayar ve akıllı telefon) için hazırlanmış dijital taslak (maquette).

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

Bu, ilk kullanıcı testinde kullanılan düşük sadakatli prototipin bağlantısıdır.

Dikkatinizi SOS gönderme işlevine odaklamanızı rica ediyoruz.

Kullanılabilirlik Testi: Ayarlar

Test Türü:
Denetimsiz kullanılabilirlik testi

Katılımcılar:

5 kişi

Konum:

İstanbul, uzaktan

Süre:

15 à 20 dakika

Kullanılabilirlik Testi: Sonuçlar

5 katılımcı ile iki ayrı oturum halinde moderasyonsuz kullanılabilirlik testleri gerçekleştirdim.
Bu uygulamanın temel işlevi olan SOS özelliğini değerlendirmek istedik. Amacımız, bu aracı mümkün olan en iyi şekilde geliştirerek yardım çağrısını daha etkili hale getirmekti.
Başlıca performans göstergeleri; yardım çağrısına harcanan süre, dönüşüm oranı, sistem kullanım kolaylığı ölçeği ve kullanıcı memnuniyetiydi.

1

“Emniyet güçleri / Ambulans”butonunu gözden geçirmek

Kullanıcılar “Emniyet güçleri /Ambulans” butonunu anlayamadı.

2

“Onayla” kelimesinin uygunluğu

Kullanıcılar için yardım çağrısını göndermek amacıyla “Onayla” kelimesinin kullanılması anlamlı görünmedi.

3

“Yardım çağrısını iptal et” butonu

Kullanıcılar, tasarımda neden çarpı (X) işaretlerinin kullanıldığını ve özellikle “Yardım çağrısını iptal et” butonunda neden bir çarpı simgesi olduğunu anlayamadılar.

Tasarımı Geliştirmek

  • Design system

  • Arayüz tasarımları (Mockuplar)

  • Yüksek sadakatli prototip

  • Erişilebilirlik

Design system

Mockuplar

Kullanıcılardan gelen geri bildirimleri dikkate alarak “Emniyet güçleri ve ambulans” butonunun tasarımını ve
“Onayla” butonunu değiştirdik; artık “OK” olarak görünüyor. Bu değişiklik, kullanıcı akışını daha basit ve
anlaşılır hale getirdi.

Kullanılabilirlik testinden önce

Kullanılabilirlik testinden sonra

Mockuplar

Akıllı telefon sürümüne ait ana kullanıcı akışının taslak ekranları aşağıda yer almaktadır.

Ana Mockuplar

Web sitesi sürümüne ait ana kullanıcı akışının taslak ekranları aşağıda sunulmaktadır.

Prototype haute fidélité de l'application

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

Prototype haute fidélité du site web

İşte yüksek sadakatli prototipin bağlantısı. Bu yalnızca ana kullanıcı akışını içermektedir!

Erişilebilirlik

1

2

3

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.

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ı.

Hiyerarşi seçimi, uzun vadede
TalkBack gibi erişilebilirlik
araçlarının kullanılmasına olanak
tanıyacaktır; bu da görme engelli
kullanıcılar için faydalı olacaktı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

Ekran boyutlarındaki varyasyonlara yönelik tasarımlar; mobil cihazlar, tabletler ve masaüstü bilgisayarları kapsıyordu.
Akıllı telefon ve tablet tasarımları arasında çok fazla fark olmasa da, web sitesi tasarımı daha farklıdır ve daha fazla seçeneği öne çıkarır.

Akıllı telefon

Tablet

Bilgisayar

İleriye Dönük Adımlar

  • Önemli noktalar

  • Sonraki Adımlar

Önemli noktalar

Etki:

Tasarımın amacı, kullanıcıların ihtiyaçlarına yanıt vermektir; mevcut haliyle, tehlike anında yardım çağrısı yapmaihtiyacını karşılamaktadır. Akran geri bildirimi (alıntı): “Uygulama, gizli bir şekilde yardım çağrısı yapmayı sağlıyor. Bu, kelimenin tam anlamıyla hayat kurtarabilir.”

Neler Öğrendim:

Bu uygulama ve web sitesini tasarlarken, kullanılabilirlik çalışmaları ve tasarım değerlendirme oturumları gibi araştırmaların önyargıları aşmamıza, bakış açımızı genişletmemize ve yinelemeler sırasında tasarımı sürekli olarak geliştirmemize olanak sağladığını öğrendik.

Sonraki Adımlar

1

Uygulamanın ve web sitesinin farklı bölümlerini ve kullanıcı akışlarını geliştirmek.

2

Uygulamanın engelli bireyler için daha erişilebilir olmasını sağlamak.

3

Uygulamamızı ve web sitemizi geliştirebilmek ve iyileştirebilmek için yeni bir kullanılabilirlik testi oturumu gerçekleştirmek.

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

Univers’elles, UX tasarım alanındaki gelişimimde önemli bir aşamayı temsil etmektedir.
Bu üçüncü proje, bütüncül bir deneyim kurgulama becerimi geliştirmemi ve stratejik yaklaşımımı ile tasarım kararlarımı güçlendirmemi sağladı.
Bugün her projeye daha kapsamlı, daha yapılandırılmış ve daha yüksek bir standart anlayışıyla yaklaşıyorum.

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