UI/UX
Tasarım.
Bir ekranın güzel durması yetmez; kullanıcı ne yapacağını ilk bakışta anlamalı. Araştırmayla başlar, akışı ve bilgi mimarisini kurar, tıklanabilir prototiple test eder, sonra arayüzü tasarım sistemine bağlarız.
Figma dosyaları ve bileşen kütüphanesi sizde kalır.
Bu hizmet neyi çözer.
Kullanıcının takıldığı yer çoğu zaman görsel değil, akıştır: yanlış sırayla istenen bilgi, bulunamayan bir onay düğmesi veya telefonda sıkışan bir tablo. UI/UX çalışması bu noktaları kullanıcıyla birlikte bulur ve ürünü gerçek kullanım koşullarına göre yeniden kurar.
Yeni bir üründe deneyimi baştan tasarlarız. Yayındaki bir üründe ise çalışan yapıyı korur, en kritik akışlardan başlayarak ölçülebilir adımlarla ilerleriz.
Kimler için.
- Yeni bir dijital ürünün deneyimini ve arayüzünü kuran ekipler
- Yayındaki ürününü yenilemek veya sadeleştirmek isteyen ürün ekipleri
- Kurum içi uygulamalarını sahada ve masada kolay kullanılır hâle getirmek isteyen şirketler
- Geliştirme ekibi bulunan, ürün tasarımı desteği arayan şirketler
Kapsam.
Her çalışma ürünün aşamasına ve ekibin ihtiyacına göre kapsamlandırılır. Teslimler, sorumluluklar ve karar noktaları teklif aşamasında açıkça belirlenir.
- Kullanıcı araştırması ve ürün incelemesi
- Bilgi mimarisi ve kullanıcı akışları
- Wireframe ve tıklanabilir prototip
- Web, mobil ve tablet arayüzleri
- Bileşen kütüphanesi ve tasarım tokenları
- Kullanılabilirlik testi ve geliştirme devri
Teslimler.
Test kayıtları, kaynak dosyalar ve tasarım tokenları kararlaştırılan kapsama göre teslim edilir. Dosyalar ekibinizin ürünü sürdürebileceği açıklıkta hazırlanır.
- TESLİMSorun haritası
- TESLİMkullanıcı akışları
- TESLİMtıklanabilir prototip
- TESLİMFigma arayüz dosyaları
- TESLİMbileşen kütüphanesi
- TESLİMgeliştirme notları
Ne yaparız
Kullanıcı araştırması
Kullanıcı görüşmeleri, mevcut veri ve destek kayıtlarıyla sorunu varsayımlardan ayırırız.
Bilgi mimarisi ve akışlar
Ekranların sırasını, bilgi hiyerarşisini ve farklı rollerin ana görevlerini netleştiririz.
Wireframe ve prototip
Görsel ayrıntılardan önce yapıyı kurar, gerçek görevlerle denenebilen prototipe dönüştürürüz.
Arayüz tasarımı
Web, mobil ve tablet ekranlarını markaya bağlı, erişilebilir ve responsive biçimde tasarlarız.
Tasarım sistemi
Bileşenleri, durumları ve tokenları tasarım ile geliştirme ekiplerinin ortak diline dönüştürürüz.
Kullanılabilirlik testi
Prototipte veya canlı üründe görev bazlı testler yapar, bulguları etki ve önceliğe göre sıralarız.
Fikirden yayına altı adım.
Her adımın elle tutulur bir çıktısı var; hangi haftada ne göreceğinizi baştan bilirsiniz.
Dinleme & Araştırma
Görüşmeler ve mevcut veriyle sorunu adlandırırız.
→ görüşme notları, sorun haritası
Kurgu
Bilgi mimarisini ve ana akışları çıkarırız.
→ ekran haritası, akış şemaları
Prototip
Tıklanabilir prototipi gerçek kullanıcılarla deneriz.
→ test raporu, düzeltilmiş akış
Tasarım
Arayüzü bileşen kütüphanesiyle birlikte kurarız.
→ Figma dosyası, bileşen kütüphanesi
Devir
Geliştirme ekibine eksiksiz, ölçülü bir teslim yaparız.
→ devir belgesi, token seti
Ölçüm
Yayından sonra veriye bakar, akışları iyileştiririz.
→ kullanılabilirlik raporu, iyileştirme listesi
Nasıl çalışırız.
Süre, ekip ve teslim ettiklerimiz; ilk görüşmeden önce bilmeniz gerekenler.
- Süre
- Kapsama göre 4 ile 10 hafta
- Çalışma modeli
- Sabit kapsamlı proje ya da ürün ekibinize aylık tasarım desteği.
- Ekip
- Ürün tasarımcısı, UX araştırmacısı ve proje yöneticisi
- İlk iki hafta
- Görüşmeler, mevcut ürünün incelemesi ve öncelikli sorun listesi.
- Sizde kalanlar
- Figma dosyaları, bileşen kütüphanesi, test kayıtları.
Kullandığımız araçlar
Tasarım
- Figma
- FigJam
Test
- Maze
- Hotjar
Devir
- Storybook
- Design token
Yakından: NavOne.
Freebird Airlines · Havacılık
- Durum
- Pilotların uçuş öncesinde ve uçuş sırasında ihtiyaç duyduğu operasyon bilgileri, yoğun veri ve kritik karar adımlarını aynı tablet deneyiminde buluşturmalıydı.
- Ne yaptık
- Uçuş seçimi, rota ve hava durumu, ekip, yolcu ve yer hizmetleri, NOTAM, dokümanlar, OFP onayı ve NavLog akışlarını tek bir ürün dili altında tasarladık. Uçuş sırasında kolay kullanım için özel alfabetik ve sayısal klavyeler hazırladık.
- Sonuç
- Kritik uçuş bilgilerini ortak bir gezinme ve görsel hiyerarşide topladık.
- Tablet ve kokpit kullanım koşullarına uygun büyük, net etkileşim alanları kurduk.
- Tasarım dosyalarını geliştirme ekibinin uygulayabileceği sistematik bir yapıda teslim ettik.
Seçili arayüz işleri
Tümü
İlgili yazılar.
- Bir dijital ürünü yenilemeden önce neyi denetliyoruz?
- Bir ürüne AI eklemeden önce cevaplanması gereken 7 soru
- Kurum içi yazılımlarda iyi UX operasyonu nasıl etkiler?
- App Store reddi: en sık beş neden ve her birinin önlemi
- Esas App: beş modülü tek gezinme dilinde toplamak
- Yatırımcı görüşmesinden önce ürünün hangi parçaları gerçekten hazır olmalı?
Sık sorulanlar
Yalnızca tasarım alabilir miyiz?
Evet. UX/UI, prototip ve tasarım sistemi bağımsız kapsam olabilir. Geliştirme başka ekipteyse durumlar, bileşenler ve üretime geçiş notları o ekibin kullanacağı açıklıkta hazırlanır.
Mevcut ürünü tamamen değiştirmek gerekir mi?
Hayır. Araştırma ve denetim hangi bölümlerin çalıştığını gösterir. Güçlü akışlar korunabilir; sorunlu alanlar öncelik ve risk düzeyine göre aşamalı olarak yenilenebilir.
Kullanıcı testini kim yapar?
Test planını, görevleri ve prototipi hazırlar; katılımcı bulma yöntemi üzerinde birlikte karar veririz. Görüşmeler yürütülür, bulgular ürün kararlarına dönüştürülür ve kritik noktalar yeniden test edilebilir.
Tasarım sistemi kapsama girer mi?
İhtiyaç varsa evet. Yeni ürünlerde temel bileşen sistemi kurulur; büyük ve çok ekipli ürünlerde kapsam ayrı bir Tasarım Sistemi çalışmasına dönüşebilir.
Sadece tasarım alabilir miyiz, geliştirme sizde olmadan?
Evet. Figma dosyaları, tasarım sistemi ve geliştirici notlarıyla teslim ederiz; kendi ekibiniz ya da başka bir ekip uygulayabilir.
Mevcut ürünün arayüzünü yenileyebilir misiniz?
Evet. Önce mevcut ürünü ve kullanım verisini inceler, neyin korunacağını yazılı olarak belirleriz; yeniden tasarım kademeli yapılabilir.
Kullanıcı testini kim yapıyor?
Biz. Katılımcıları sizinle birlikte seçer, oturumları yönetir ve bulguları önceliklendirilmiş bir listeyle paylaşırız.
Fiyatlandırma nasıl yapılıyor?
İlk görüşmede kapsamı netleştirir, sabit fiyatlı bir teklif sunarız. Süregelen işlerde aylık ekip modeli de mümkün.
Tasarım sistemi kuruyor musunuz?
Evet. Bileşenleri, durumlarını ve token setini Figma’da kurar, geliştirme ekibinin doğrudan kullanacağı biçimde belgeleriz.
Erişilebilirliğe bakıyor musunuz?
Kontrast, dokunma alanı, klavye ve ekran okuyucu kontrollerini tasarım aşamasında yaparız. Hedefimiz WCAG AA.