UI/UX Tasarım
İyi bir arayüz güzel görünmekten fazlasını yapar: kullanıcı aradığını düşünmeden bulur, formu takılmadan doldurur, işini hatasız tamamlar. Web uygulamaları, SaaS ürünleri ve mobil uygulamalar için kullanıcı araştırmasına dayanan arayüz ve deneyim tasarımı yapıyoruz.
UI/UX tasarım sürecimiz
- Araştırma: Kullanıcı görüşmeleri, mevcut verilerin (analitik, destek talepleri) incelenmesi ve rakip analizi.
- Bilgi mimarisi: Ekranların, menülerin ve kullanıcı akışlarının haritası çıkarılır.
- Tel kafes (wireframe): Renk ve görselden önce yerleşim ve öncelikler test edilir.
- Arayüz tasarımı: Marka kimliğinize uygun, bileşen tabanlı tasarım sistemi ve tüm ekranlar.
- Kullanılabilirlik testi: Tıklanabilir prototip gerçek kullanıcılarla test edilir, bulgulara göre düzeltilir.
Teslim ettiklerimiz
| Teslimat | İçerik |
|---|---|
| Araştırma raporu | Kullanıcı profilleri, görev analizi, öncelikli sorunlar |
| Akış ve site haritası | Ekranlar arası geçişler, kenar durumlar (hata, boş ekran) |
| Figma dosyası | Tüm ekranlar, masaüstü ve mobil kırılımlar |
| Tasarım sistemi | Renk, tipografi, boşluk ölçüleri, bileşenler ve kullanım kuralları |
| Prototip | Tıklanabilir, test edilmiş prototip |
Erişilebilirlik baştan dahil
Tasarımlar WCAG 2.2 AA ölçütlerine göre hazırlanır: yeterli renk kontrastı, klavyeyle gezinme, odak göstergeleri, form hata mesajları ve ekran okuyucu etiketleri. Erişilebilirlik sonradan eklenirse maliyeti katlanır.
UX denetiminde neye bakıyoruz?
UX Denetimi paketinde ürününüzü yeniden tasarlamadan önce mevcut sorunları bulur ve önceliklendiririz. İncelenen başlıca alanlar:
- Görev akışları: Kayıt, satın alma ya da başvuru gibi ana görevlerin kaç adımda tamamlandığı ve kullanıcının nerede takıldığı.
- Formlar: Gereksiz alanlar, anlaşılmayan hata mesajları, telefonda zor doldurulan alanlar.
- Gezinme ve bilgi mimarisi: Menü adlarının kullanıcıların kullandığı kelimelerle uyumu ve aranan içeriğin bulunabilirliği.
- Tutarlılık: Aynı işlevin farklı ekranlarda farklı görünüp görünmediği.
- Erişilebilirlik: Renk kontrastı, klavyeyle gezinme ve ekran okuyucu etiketleri (WCAG 2.2 AA).
- Veriler: Analitik verileri ve destek taleplerinde tekrar eden şikâyetler.
Bulgular, öncelik sırasına konmuş bir raporla teslim edilir; kullanıcı arayüzü tasarımına bu rapordan başlanabilir.
Paketler
UX Denetimi
FiyatTeklif ile
- Kapsam: Sezgisel değerlendirme, 5 kullanıcı testi, bulgu raporu
Tasarımdan koda
Tasarım tamamlandığında aynı ekip içinde kodlamaya geçebiliriz. Tarayıcıda çalışan ürünler için web uygulaması geliştirme, telefon uygulamaları için mobil uygulama geliştirme hizmetlerimize bakın. Figma dosyası ve tasarım sistemi geliştiricilerin doğrudan kullanacağı biçimde (bileşen adları, ölçüler, durumlar) hazırlanır.
UI/UX tasarım hakkında sık sorulan sorular
UI ile UX arasındaki fark nedir?
UX (kullanıcı deneyimi) ürünün nasıl çalıştığı ve kullanıcının işini ne kadar kolay yaptığıyla, UI (kullanıcı arayüzü) ise ekranların görsel tasarımıyla ilgilenir. İkisi birlikte ele alınmalıdır.
Kullanıcı testine kaç kişi katılmalı?
Nitel kullanılabilirlik testlerinde 5 kullanıcı, en sık karşılaşılan sorunların çoğunu ortaya çıkarmak için genellikle yeterlidir. Farklı kullanıcı grupları varsa her grup için ayrı test yapılır.
Tasarım dosyalarının sahibi kim olur?
Figma dosyaları ve tasarım sistemi teslimden sonra size aittir; kendi Figma hesabınıza aktarılır.
Sadece web sitesi için de UX çalışması yapar mısınız?
Evet, ancak çoğu tanıtım sitesi için kurumsal web sitesi paketlerindeki bilgi mimarisi çalışması yeterlidir.
Tel kafes (wireframe) ile prototip arasındaki fark nedir?
Tel kafes, renk ve görsel kullanmadan ekranın yerleşimini ve önceliklerini gösteren taslaktır. Prototip ise ekranlar arasında tıklanarak gezilebilen, gerçek ürüne yakın modeldir; kullanıcı testleri prototip üzerinde yapılır.
Tasarım sistemi neden gerekli?
Buton, form ve kart gibi bileşenlerin kurallarıyla birlikte tek yerde tanımlanmasıdır. Ürün büyüdükçe ekranların tutarlı kalmasını sağlar ve geliştiricilerin aynı bileşeni her seferinde yeniden kurmasını önler.
Figma prototip tasarımı geliştiriciye nasıl teslim edilir?
Figma dosyası bileşen adları, ölçüler ve durumlar (hata, boş ekran gibi) belirtilerek hazırlanır ve kendi Figma hesabınıza aktarılır; geliştiriciler ölçüleri doğrudan dosyadan alır.
Sürekli Tasarım Ekibi paketi kimler için?
Ürününü sürekli geliştiren ve her ay yeni ekran ya da özellik tasarımı gereken ekipler içindir; aylık 80 saat tasarım kapasitesi sunar.