top of page
Group 280.png

Vaka Çalışması

Group 293.png

BaÄŸlam

Bu proje, Google UX Design Sertifika Programı kapsamında verilen “Sharpen” yönergesi doÄŸrultusunda geliÅŸtirilmiÅŸtir. Görev ÅŸu ÅŸekildeydi: "Tehlike altında olan veya hassas durumda bulunan kadınlara çözüm bulmaları için yardımcı olacak bir araç tasarımı"

Proje Genel Bakışı

important_devices_50dp_4286F5_FILL0_wght400_GRAD0_opsz48.png

Proje:

Bu proje, kadınların hızla çözüm bulmalarına, yalnızlıklarını aÅŸmalarına ve sosyal/ekonomik bağımsızlıklarını kazanmalarına yardımcı olacak dijital bir araç (web sitesi ve mobil uygulama) tasarlamayı hedeflemektedir.
Mobil uygulama ve web sitesi, özellikle tehlike anında SOS gönderme iÅŸlevini içerecektir.

schedule_50dp_4286F5_FILL0_wght400_GRAD0_opsz48.png

Proje Süresi:

01/01/2025-12/01/2025

Page d'accueil Desktop.png
Page d'accueil Desktop Smartphone (1).png
Page d'accueil Tablette (1).png
person_50dp_4286F5_FILL0_wght400_GRAD0_opsz48.png

Görevim:

Bu projede tek UX tasarımcısı olarak, çeÅŸitli rol ve sorumlulukları üstlendim.

list_50dp_4286F5_FILL0_wght400_GRAD0_opsz48.png

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

error_50dp_4286F5_FILL0_wght400_GRAD0_opsz48.png

Sorun:

Fransa’da, ÅŸiddet maÄŸduru, sosyal olarak izole edilmiÅŸ veya idari engellerle karşı karşıya olan birçok kadın, mevcut kaynaklara ve destek hizmetlerine eriÅŸmekte zorlanmaktadır.

star_50dp_4286F5_FILL0_wght400_GRAD0_opsz48.png

Hedef:

Hassas durumda bulunan kadınların yardım ve destek kaynaklarına mobil uygulama aracılığıyla erişimini kolaylaştırmakamacıyla bir uygulama ve web sitesi tasarlamak.
Bu çalışmada, ana iÅŸlev olan SOS özelliÄŸine odaklandık. Amacımız, bu aracı mümkün olan en iyi ÅŸekilde geliÅŸtirerek acil yardım çaÄŸrısını daha etkili hale getirmektir.

image.png

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

timeline_50dp_7ED321_FILL0_wght400_GRAD0_opsz48.png

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

person_search_50dp_7ED321_FILL0_wght400_GRAD0_opsz48.png

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 bir engel 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 et Rapor PDF formatında hazırlanmıştır.

Feyzi OCAN_audit-concurrentiel_Universelles.jpg

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 femmes_Jennifer.jpg

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.

persona femmes_Malika.jpg

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

target_50dp_7ED321_FILL0_wght400_GRAD0_opsz48.png

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.

Carte du parcours utilisateur Persona Jennifer D.png

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

target_50dp_7ED321_FILL0_wght400_GRAD0_opsz48.png

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.

Carte du parcours utilisateur Persona Malika M..png

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, mobil ve 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.

wireframe papier.jpg

Bazı önemli öÄŸeler: 1 Acil durum ; 2 Hakkımızda ; 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.

Page d'accueil Desktop Smartphone (2).png

Kullanıcılar, acil durumda SOS iletisi gönderebilecek.

Dijital Wireframe’ler

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

Page d'accueil Tablette (2).png
Page d'accueil Desktop (1).png

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.

prototype lo fi universelles.png

Kullanılabilirlik Testi: Ayarlar

description_50dp_F5A623_FILL0_wght400_GRAD0_opsz48.png

Test Türü:

Denetimsiz kullanılabilirlik testi

groups_50dp_F5A623_FILL0_wght400_GRAD0_opsz48.png

Katılımcılar:

5 kiÅŸi

location_on_50dp_F5A623_FILL0_wght400_GRAD0_opsz48.png

Konum:

Ä°stanbul, uzaktan

schedule_50dp_F5A623_FILL0_wght400_GRAD0_opsz48.png

Süre:

15 ila 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

Design system (1).png

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

03 Valider SOS (1).png

Kullanılabilirlik testinden sonra

03 Valider SOS.png

Mockuplar

Voici les maquettes du flux utilisateur principal de la version Smartphone.

01 Accueil.png
02 SOS.png
03 Valider SOS (2).png
04 Secours en route.png
05 Arrêt de l'enregistrement.png
06 Retour.png

Ana Mockuplar

Ä°ÅŸte akıllı telefon sürümünün ana kullanıcı akışına ait taslaklar (maquette’ler).

01 Accueil Desktop.png
04 Secours en route Desktop.png
02 SOS Desktop.png
05 Arrêt de l'enregistrement Desktop.png
03 Valider SOS Desktop.png
06 Retour Desktop.png

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é.png

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!

Mockup et prototype Desktop V1.png

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

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.

Univers'elle Plan du site.png

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

Page d'accueil Desktop Smartphone (3).png

Tablet

Page d'accueil Tablette (3).png

Bilgisayar

Page d'accueil Desktop (2).png

Ä°leriye Dönük Adımlar

  • Önemli noktalar

  • Sonraki Adımlar

Önemli noktalar

approval_delegation_50dp_F8E71C_FILL0_wght400_GRAD0_opsz48.png

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ı yapma ihtiyacı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.”

menu_book_50dp_F8E71C_FILL0_wght400_GRAD0_opsz48.png

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.

TeÅŸekkürler

Univers'elles projemi incelediÄŸiniz için teÅŸekkür ederim!

Bu, gerçekleÅŸtirdiÄŸim üçüncü 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.

bottom of page