Araştırma Tabanlı Ürün Tasarımı
UI / UX Tasarım
Kullanıcıyla konuşan, veriyle doğrulanan ve ekipler için ölçeklenebilir tasarımlar. Ürün keşfinden dağıtılan tasarım sistemlerine kadar uçtan uca.
GG Tech'in UI/UX Tasarım hizmeti, araştırma temelli ürün tasarımının tüm aşamalarını kapsar: ürün tasarımı & prototipleme, tasarım sistemleri, kullanıcı araştırması ve erişilebilirlik mühendisliği olmak üzere 4 alt uzmanlık alanında, kullanıcıyla doğrulanan ve ekipler arasında ölçeklenen tasarımlar üretiriz.
Alt hizmetler
Ürün Tasarımı & Prototipleme
Figma prototiplerinden üretim-ready ekranlara kadar uçtan uca tasarım.
Tasarım Sistemleri
Tutarlı, ölçeklenebilir ve geliştirici dostu tasarım kütüphaneleri.
Kullanıcı Araştırması
Görüşmeler, kullanılabilirlik testleri ve davranışsal analizle ürün kararlarını doğrulayın.
Erişilebilirlik Mühendisliği
WCAG 2.2 AA ve EN 301 549 uyumlu arayüzler.
UI/UX tasarım sürecinde ne teslim ediyoruz
- Kullanıcı araştırması ve görüşme özetleri: kimin, hangi görevi, neden zorlanarak yaptığı tek sayfada.
- Bilgi mimarisi ve akış haritaları: ekranlar değil, kararlar; her akışın giriş ve çıkış noktası belirli.
- Figma'da tasarım sistemi: bileşen kütüphanesi, token'lar, erişilebilirlik (WCAG 2.2 AA) kontrolleri ve karanlık/aydınlık temalar.
- Etkileşimli prototip ve kullanılabilirlik testi raporu: geliştirme başlamadan önce ölçülmüş görev başarı oranı.
- Geliştiriciye teslim paketi: ölçüler, durumlar, boş/hata ekranları ve mikro etkileşim notları; mühendislik ekibimizle aynı çatı altında.
Sık sorulan sorular
GG Tech'in UI/UX yaklaşımını ne ayırır?
İki şey: (1) Araştırmaya dayalı karar: tasarım kararları görüşe değil yönteme dayanır; kullanılabilirlik testi, bağlamsal gözlem, anket ve kart sıralamasıyla veri toplanır. (2) Baştan erişilebilirlik: WCAG 2.2 AA hedefi tasarım sürecine en başta girer; yayından sonra eklenen bir uyumluluk kontrolü değildir.
WCAG 2.2 AA ne anlama geliyor, neden önemli?
WCAG (Web İçeriği Erişilebilirlik Yönergeleri) 2.2, W3C'nin 2023'te yayımladığı güncel sürümdür. AA seviyesi pratikte hedeflenen seviyedir: ekran okuyucuyla uyum (anlamsal HTML, ARIA), yalnız klavyeyle kullanım, metinde en az 4,5:1 renk kontrastı, görünür odak göstergesi ve en az 24×24 piksellik tıklama hedefi. Avrupa'da kamu sitelerinde EN 301 549 standardı zorunludur; Avrupa Erişilebilirlik Yasası 2025'ten beri bazı özel sektör hizmetlerini de kapsıyor. Anlamsal yapı, arama motorlarının ve AI araçlarının içeriği okumasını da kolaylaştırır.
Tasarım sistemi ne sağlar?
Token tabanlı bir tasarım sistemi ürün geliştirmeyi hızlandırır: tutarlı arayüz, tek noktadan değişiklik (bir renk ya da boşluk token'ı tüm ürüne yayılır), tasarım ile kodun eşleşmesi (Figma bileşeni ↔ React ya da React Native bileşeni), tema desteği (koyu mod, beyaz etiket) ve varsayılan erişilebilirlik. Kurulum sırası: temeller (renk, tipografi, boşluk, hareket) → bileşenler → kalıplar → sürdürme kuralları.
Material, Tailwind ya da özel tasarım sistemi: hangisi?
Material UI hızlı başlangıç ve oturmuş bir tasarım dili sunar, ama markayı ayrıştırmak zordur. Tailwind yüksek özelleştirme ve hız sağlar; tek başına bir tasarım sistemi değildir, iyi bir temeldir. Özel tasarım sistemi gerçek marka ayrışması sağlar ve uzun vadeli bir yatırımdır. B2B SaaS için çoğu zaman Tailwind, shadcn/ui ve özel bir token katmanı en dengeli seçimdir; markanın öne çıktığı B2C ürünlerde özel sistem gerekir.
Kullanıcı araştırmasında hangi yöntemi seçiyorsunuz?
Önce soruyu, sonra yöntemi seçiyoruz. Keşif aşamasında (problemi anlamak): bağlamsal gözlem, derinlemesine görüşme, günlük çalışması. Değerlendirme aşamasında (çözümü sınamak): moderatörlü ya da moderatörsüz kullanılabilirlik testi, 5 saniye testi, A/B testi. Bilgi mimarisi için kart sıralama ve ağaç testi. Nicel tarafta SUS ölçeği, NPS ve dönüşüm hunisi. Örneklem sorulan soruya bağlıdır; nitel kullanılabilirlik testlerinde çoğu zaman 5 katılımcı ana sorunları ortaya çıkarmaya yeter (Nielsen).
Erişilebilirliği geliştirme sürecine nasıl katıyorsunuz?
Dört aşamada: (1) Tasarım: Figma'da erişilebilirlik notları, kontrast kontrolü ve odak sırası. (2) Geliştirme: anlamsal HTML, ARIA kalıpları ve odak yönetimi. (3) Test: sürekli entegrasyonda otomatik taramalar (axe-core, Lighthouse); ekran okuyucu (VoiceOver, NVDA) ve yalnız klavye testleri elle. (4) Denetim: yayından önce WCAG 2.2 AA denetimi; bulgular önceliklendirilip iş listesine girer. Erişilebilirliği baştan kurmak, yayından sonra düzeltmekten belirgin biçimde daha ucuzdur.
Bu hizmetle yaptığımız işler
Son güncelleme:
Projenizi konuşalım, aynı iş günü dönelim.
30 dakikalık ön görüşme: kapsam, takvim bandı ve doğru ekip.
Clutch 5.0 · 20 kişilik ekip · Çekmeköy Belediyesi, NSC Soft, UKX
WhatsApp'tan yazın