Tasarım
UI/UX Tasarım
UI/UX tasarım, bir web ürününün ya da mobil uygulamanın kullanıcı için nasıl çalışacağını kurgulama ve bu kurguyu arayüze dönüştürme işidir. Digitruva bu işi ekran çizimiyle başlatmaz: kullanıcı araştırmasını, akışları, wireframe’leri, Figma prototipini ve tasarım sistemini geliştirme ekibinizin doğrudan kullanabileceği biçimde teslim eder.
Eğitim değil, ürününüz için tasarım hizmeti
“ui ux” aramalarının büyük bölümü kurs ve kariyer içeriklerine çıkar. Bu sayfa ise öğrenmek isteyenler için değil, kendi ürününde kullanıcı deneyimi tasarımı yaptırmak isteyen şirketler içindir. Burada anlatılan iş, ürününüzün gerçek kullanıcıları ve gerçek akışları üzerinde yürür.
UI/UX tasarım, kurumsal bir sitenin tasarımından farklı bir soruya yanıt verir. Kurumsal site şirketi anlatır; ürün arayüzü ise kullanıcının bir işi tamamlamasını sağlar. Üyelik, başvuru, sipariş, yönetim paneli ve mobil uygulama gibi çok adımlı akışlarda asıl kazanç burada oluşur.
Ne yapıyoruz
Kullanıcı araştırması
Kullanıcı görüşmeleri, mevcut ürün verisi ve rakip incelemesiyle sorunları belirleriz. Elinize kullanıcı ihtiyaçlarını ve öncelikli sorunları özetleyen bir araştırma raporu geçer.
Bilgi mimarisi ve kullanıcı akışları
Ekranların hiyerarşisini, menü yapısını ve kullanıcının izleyeceği yolları haritalarız. Hata, boş ekran ve geri dönüş gibi akış dışı durumlar da bu haritada yer alır.
Wireframe
Temel ekranların görsel tasarım öncesi iskeletini çıkarırız. İçerik önceliği ve işlev kararları, renk ve tipografi tartışmasına girmeden netleşir.
Arayüz tasarımı
Onaylanan iskeletleri web ve mobil için tamamlanmış arayüz tasarımına dönüştürürüz. Mobil uygulama tasarımında platformun alışılmış kalıplarını, tüm ekranlarda kontrast ve okunabilirlik gibi erişilebilirlik ölçütlerini gözetiriz.
Figma prototipi ve kullanılabilirlik testi
Tıklanabilir Figma prototipi hazırlar, temel görevleri kullanıcılarla deneriz. Test bulgularını ve yapılacak değişiklikleri geliştirme başlamadan önce size iletiriz.
Tasarım sistemi ve geliştirici teslimi
Renk, tipografi, boşluk ve bileşenleri tek bir tasarım sisteminde toplarız. Figma dosyasını durum tanımları ve ölçülerle geliştirme ekibinize teslim ederiz.
Süreç
01
Keşif ve kapsam
Ürün hedeflerini, kullanıcı gruplarını ve teknik kısıtları sizinle netleştiririz. Hangi akışların önce ele alınacağını ve ölçüt olarak neye bakılacağını yazılı hale getiririz.
02
Araştırma
Görüşme yapılacak kullanıcıları birlikte seçer, mevcut veriyi inceleriz. Yeni ürünlerde mevcut veri yoksa araştırmayı hedef kitle görüşmeleri ve benzer ürünlerin incelenmesi taşır.
03
UX tasarım
Akışları ve wireframe’leri hazırlar, ekibinizle birlikte gözden geçiririz. Bu aşamadaki değişiklikler hızlıdır, bu yüzden kapsam kararlarını arayüze geçmeden kapatırız.
04
Arayüz ve prototip
Önce temel ekranlarda görsel dili belirler, onayınızdan sonra kalan ekranlara yayarız. Bu ekranları prototipte birleştirerek testlere hazır hale getiririz.
05
Test ve teslim
Test bulgularına göre tasarımı düzeltir, tasarım sistemini ve dosyaları devrederiz. Geliştirme sırasında çıkan tasarım sorularını yanıtlamak için ekibinizle iletişimde kalırız.
Kimler için
- Web uygulaması ya da SaaS ürünü geliştiren ekipler
- Mobil uygulamasını sıfırdan kuran ya da yenileyen şirketler
- Fikrini geliştirmeye yatırım yapmadan önce prototipte sınamak isteyen girişimler
- Üyelik, başvuru ya da sipariş akışlarında kullanıcı kaybeden kurumlar
- Ürünü büyüdükçe ekranları tutarsızlaşan ve tasarım sistemi arayan ekipler
Sık sorulan sorular
UX ve UI nedir?
UX (kullanıcı deneyimi), bir ürünün kullanıcının işini ne kadar kolay çözdüğüyle ilgilidir. UI (kullanıcı arayüzü) ise bu deneyimin ekranda görünen kısmıdır: düzen, renk, tipografi ve bileşenler. UX akışın doğru kurulmasını, UI o akışın anlaşılır ve tutarlı görünmesini sağlar. İyi sonuç için ikisi aynı süreçte ele alınır.
İlgili hizmetler
Tasarım Ajansı
Arayüz çalışmasını web sitesi ve kimlik işleriyle tek tasarım dilinde birleştirir.
Kurumsal Web Tasarım
Şirketinizi anlatan sitenin mimarisini, arayüzünü ve teknik temelini tek projede kurar.
Dönüşüm Optimizasyonu
Yayındaki arayüzü ziyaretçi verisi ve testlerle geliştirmeyi sürdürür.
Kurumsal Kimlik Tasarımı
Logo, renk ve tipografi kararlarını arayüzle aynı temele oturtur.
Veriye dayalı bir büyüme planı için bize yazın
Hedeflerinizi ve mevcut durumunuzu paylaşın, size uygun kapsamı birlikte netleştirelim.