UI/UX tasarımı
UI/UX tasarımı, bir arayüzün güzel görünmesinden önce anlaşılır olmasıyla ilgilenir. Ziyaretçi nerede olduğunu, ne yapabileceğini ve sonraki adımın ne olduğunu düşünmeden anlıyorsa; daha az terk, daha çok tamamlanan form ve arama oluyor.
Bu hizmete genelde şu durumlarda geliniyor
Bunlardan biri tanıdık geliyorsa sayfanın geri kalanı sizin durumunuzu anlatıyor. Hiçbiri gelmiyorsa muhtemelen başka bir çalışmaya ihtiyacınız var; hangisi olduğunu da söyleyebiliriz.
Ziyaretçi sıradaki adımı bulamıyor
Ekranda beş şey aynı görsel ağırlıkta duruyorsa hiçbiri öne çıkmıyor. Ziyaretçi ne yapması gerektiğini okuyarak çözmek zorunda kalıyor ve çoğu bunu yapmadan çıkıyor.
Formlar ve akışlar yarıda kalıyor
Uzun form, belirsiz hata mesajı ve adımın kaçta kaçında olduğunu göstermeyen bir akış. Terk noktası genellikle tek bir ekranda toplanıyor ve bakılmadığı için görünmüyor.
Arayüz sektördeki diğerlerinden ayrışmıyor
Hazır bir şablonun rengi değiştirilmişse, ziyaretçi sitenizi daha önce gördüğü on siteyle aynı yere koyuyor. Fark yaratan tipografi, boşluk ve bileşen kararları şablonun içinde kalıyor.
Tasarım gerçek cihazda başka türlü çalışıyor
Masaüstünde tasarlanan ekran telefonda dokunma hedeflerinin küçüldüğü, kontrastın düştüğü ve klavyeyle gezilemeyen bir hâle geliyor. Bunlar tasarım kararıyken düzeltilmezse geliştirme sırasında düzelmiyor.
Hangi hizmetin gerektiğinden emin değilseniz hizmet karşılaştırması sekizini aynı beş soru üzerinden yan yana koyuyor.
Bu işi nasıl yapıyoruz?
Sıra önemli: yapı kararları tasarımdan, tasarım geliştirmeden önce veriliyor. Sonradan değişmesi en pahalı olan şey yapı.
Kullanıcı akışı planı
Ziyaretçinin siteye hangi soruyla geldiğini ve hangi adımları izlemesi gerektiğini çıkarıyoruz. Ekran tasarımı bu akışın çıktısı oluyor, tersi değil.
Markaya özel arayüz
Hazır şablonların üzerine renk değiştirmek yerine; tipografi, boşluk ve bileşen kararlarını markanızın tonuna göre kuruyoruz. Sonuç, sektörünüzdeki diğer sitelerin kopyası gibi durmuyor.
Erişilebilirlik ve gerçek cihazlar
Kontrast, dokunma hedefi boyutu ve klavyeyle kullanım tasarımın parçası. Ekranları mobil ve masaüstü için ayrı ayrı kurguluyor, gerçek cihazlarda kontrol ediyoruz.
Elinize tam olarak ne geçiyor?
Kapsam satırları kısa olduğu için burada tek tek ne anlama geldiklerini açıyoruz. Projeye göre eklenen kalemleri teklifte ayrıca gösteriyoruz.
Kullanıcı akışı planı
Ziyaretçinin hangi soruyla geldiği ve hangi adımları izlemesi gerektiği. Ekran tasarımı bu akışın çıktısı oluyor; hangi ekranın neden var olduğu tek tek gerekçeli.
Mobil ve masaüstü ekranlar
Her ekranın iki boyutta da tasarlanmış hâli, durum varyantlarıyla birlikte: boş, dolu, hatalı ve yükleniyor. Geliştirmeyi başka bir ekip üstlenecekse en çok bu eksik kalıyor.
Bileşen ve token dosyası
Renk, tipografi, boşluk ve bileşen kararlarının yeniden kullanılabilir hâli. Site büyüdüğünde yeni sayfaların aynı sistemin içinde kalmasını sağlayan şey bu dosya.
Hangi ekranların yeniden kurgulanması gerektiğini konuşalım.
Mevcut arayüzün bağlantısını ve nerede takıldığınızı yazın; tasarımın nereden başlaması gerektiğini söyleyelim. Geliştirmeyi sizin ekibiniz üstlenecekse de çalışıyoruz.
Bu hizmeti en çok kimler alıyor?
Sektör sayfaları, bu çalışmanın o işte neye karşılık geldiğini anlatıyor.
Restoran ve kafe
Menüyü, konumu ve rezervasyon adımını telefonda ilk ekranda veren bir mekân sitesi.
- Sayfa içinde güncellenebilir menü
- Rezervasyon formu ve WhatsApp adımı
- Konum, çalışma saatleri ve harita
Emlak ofisi
Portföyü filtrelenebilir biçimde sunan ve talebi doğru danışmana bağlayan emlak sitesi.
- Konum, tip ve fiyata göre filtreleme
- Kendi yönettiğiniz ilan alanı
- İlanla eşleşen talep formu
Bu çalışmanın yanında en sık gerekenler
Zorunlu bir paket değil. Çoğu projede bu hizmetin hemen öncesinde ya da sonrasında gündeme gelen işler.
Kurumsal web sitesi
Ziyaretçi ne yaptığınızı, kime hitap ettiğinizi ve size nasıl ulaşacağını ilk ekranda anlamıyor.
- Mobil uyumlu tasarım
- Hizmet ve kurumsal sayfa yapısı
- Temel teknik SEO kurulumu
Landing page geliştirme
Reklam trafiği genel bir ana sayfaya düşüyor ve talebe dönüşmeden dağılıyor.
- Tek hedefli sayfa kurgusu
- Dönüşüm odaklı form akışı
- Analitik ve dönüşüm takibi
İlgili yazılar
Sık sorulanlar
Ne yaptığınız, kime hitap ettiğiniz, öne çıkarmak istediğiniz hizmetler ve varsa mevcut görsel/metin içerikleriniz iyi bir başlangıç. Eksik olan içerikleri keşif ve içerik planı aşamasında birlikte tamamlıyoruz.
Evet. Tasarıma mobil ekrandan başlıyor, tablet ve masaüstünü sonra kurguluyoruz. Teslim öncesinde farklı ekran boyutlarında ve gerçek cihazlarda kontrol ediyoruz.
Süre; sayfa sayısına, içeriklerin hazır olmasına ve özel fonksiyon ihtiyacına göre değişir. Keşif görüşmesinden sonra kapsama uygun, gerçekçi bir takvim paylaşıyoruz ve süreç boyunca bu takvimi güncel tutuyoruz.
Anlaşılan bir arayüz kuralım.
Önce akış, sonra ekran. Geliştirmeyi biz üstlenebiliriz ya da tasarım dosyalarını kendi ekibinize teslim ederiz; ikisi de aynı süreçle ilerliyor.
UI/UX tasarımı için teklif alın