UI/UX Tasarım Trabzon — Kullanıcı akışı tasarımı, arayüz tasarımı, prototip, kullanılabilirlik testi ve dönüşüm odaklı iyileştirme.
Gerçek kullanıcı davranışından başlarız: hangi adımda bırakılıyor, nerede duraksanıyor. Akışı sadeleştirir, formu kısaltır, mobil dokunma alanlarını düzeltir ve değişikliği ölçeriz. Tasarımı tahminle değil, önce-sonra verisiyle savunuruz.
Bu hizmet kapsamında yürüttüğümüz çalışmalar:
Sık çalıştığımız sektörler: E-ticaret siteleri, SaaS ve yazılım ürünleri, Randevu ve rezervasyon sistemleri, Kurumsal web siteleri, Mobil uygulamalar.
Hizmet bölgesi: Ortahisar, Akçaabat, Yomra, Arsin, Araklı, Sürmene, Of, Vakfıkebir, Beşikdüzü, Çarşıbaşı, Maçka, Düzköy, Tonya, Şalpazarı, Çaykara, Dernekpazarı, Hayrat ve Köprübaşı dahil Trabzon'un 18 ilçesi; ayrıca proje bazlı Rize, Giresun ve Ordu.
Çoğu durumda evet. Önce ölçüm yapıp en çok kaybın yaşandığı adımları buluyoruz; genellikle form uzunluğu, mobil yerleşim ve ödeme adımı gibi noktalarda yapılan hedefli düzeltmeler, tam yenileme olmadan da anlamlı fark yaratıyor.
Çoğu zaman sorun estetikte değil akıştadır. En sık dört sebep: (1) formda gereğinden çok zorunlu alan var — her ek alan bir miktar kullanıcı kaybettirir; (2) mobilde dokunma alanları küçük veya klavye alanı kapatıyor; (3) ne olacağı belirsiz — "Gönder" yerine "Ücretsiz keşif talebi gönder" gibi sonucu söyleyen bir ifade dönüşümü artırır; (4) sayfa yavaş. Önce ölçüp hangi adımda kaybettiğinizi buluyor, sonra ona müdahale ediyoruz.
Çoğu durumda evet. Önce ölçüm yapıp en çok kaybın yaşandığı adımları buluyoruz; genellikle form uzunluğu, mobil yerleşim, sayfa hızı ve ödeme/talep adımı gibi noktalarda yapılan hedefli düzeltmeler tam yenileme olmadan anlamlı fark yaratıyor. Yenileme kararı ancak altyapı gerçekten sınırlıysa veya tasarım sistemi hiç yoksa mantıklı olur; o durumda da web tasarım tarafıyla birlikte planlıyoruz.
Sıra şöyle işliyor: önce akış (kullanıcı hangi adımlardan geçecek), sonra tel çerçeve (renk ve görsel olmadan, yalnız düzen), sonra arayüz tasarımı, en son kodlama. Bu sıranın sebebi, en pahalı değişikliklerin en sonda yapılanlar olmasıdır: akış aşamasında bir ekranı yeniden kurgulamak dakikalar, kodlandıktan sonra aynı değişiklik günler alır. Tasarım onaylanmadan kodlamaya geçmiyoruz.
Çoğu durumda baştan yapmak gerekmez. Önce ölçüm yapıyoruz: ziyaretçiler hangi sayfada ayrılıyor, formu kaç kişi başlatıp kaç kişi tamamlıyor, mobil ile masaüstü arasında fark var mı. Bu ölçüm genelde sorunun tüm sitede değil birkaç belirli noktada olduğunu gösterir — ve o noktaları düzeltmek, siteyi yeniden yapmaktan hem çok daha hızlı hem çok daha ucuzdur. Baştan yapmayı ancak altyapı gerçekten engel oluşturuyorsa öneriyoruz.
Fiyat teklifi ve görüşme için iletişime geçin. Tüm hizmetlerimiz · Açık hava reklamcılığı · Google Ads · SEO.
Bu iki terim birlikte kullanıldığı için aynı sanılır, oysa farklı sorulara cevap verirler.
| UX (kullanıcı deneyimi) | UI (arayüz) | |
|---|---|---|
| Sorusu | Kullanıcı amacına ulaşabiliyor mu? | Ekran nasıl görünüyor? |
| Çıktısı | Akış şeması, adım sayısı, form yapısı | Renk, tipografi, bileşenler, yerleşim |
| Hata belirtisi | Kullanıcı yarıda bırakıyor | Ekran dağınık veya okunmuyor |
| Ölçümü | Tamamlama oranı, terk noktası | Okunabilirlik, tutarlılık, erişilebilirlik |
Pratikte en pahalı hata şudur: güzel görünen ama akışı bozuk bir ekran. Bu yüzden önce akışı kurar, sonra arayüzü giydirir ve son adımda ölçeriz.
Onlarca iyileştirme kalemi arasında pratikte en çok fark yaratan dördü şu: Birincisi form uzunluğu — her zorunlu alan bir miktar kullanıcı kaybettirir; ilk temasta ad ve telefon çoğu iş için yeterlidir, kalan bilgi görüşmede alınır. İkincisi mobil yerleşim: trafiğin çoğu mobilden gelir, küçük dokunma alanları ve klavyenin kapattığı butonlar sessiz kayıp üretir. Üçüncüsü sayfa hızı: yavaş açılan sayfa, tasarımı hiç görülmeden terk edilir. Dördüncüsü buton metni: "Gönder" yerine sonucu söyleyen bir ifade ("Ücretsiz keşif talebi gönder") belirsizliği kaldırır. Bu dördünü ölçüp önce-sonra karşılaştırarak raporluyoruz.
Kullanılabilirlik testi pahalı bir laboratuvar işi değildir. Beş kişiyle yapılan bir test, sorunların büyük kısmını ortaya çıkarır. Yöntem basittir: kullanıcıya bir görev verilir ("bu üründen iki adet sipariş edin", "randevu talebi bırakın") ve ekrana müdahale edilmeden izlenir. Önemli olan kullanıcıya ne yapacağını söylememektir; takıldığı yer zaten sorunun yeridir. Testte üç şey not edilir: nerede duraksadı, neyi yanlış anladı, hangi adımda vazgeçti. Bu üçü, analitik verisinin söyleyemediği sebebi verir — analitik nerede kaybettiğinizi söyler, test nedenini.
Türkiye'de web trafiğinin büyük kısmı mobil cihazlardan geliyor, ama tasarımların çoğu hâlâ masaüstü ekranda kurgulanıp sonra telefona sıkıştırılıyor. Bu sıranın sonucu tahmin edilebilir: telefonda yazılar küçülür, düğmeler birbirine girer, form alanları klavye açılınca görünmez olur ve kullanıcı vazgeçer. Mobil öncelikli yaklaşım sırayı tersine çevirir: önce en dar ekranda çalışan düzen kurulur, sonra geniş ekranlarda alan nasıl değerlendirilecek ona bakılır. Bunun yan faydası şudur: dar ekranda yer olmadığı için hangi öğenin gerçekten gerekli olduğuna baştan karar vermek zorunda kalırsınız — sayfa kendiliğinden sadeleşir. Mobilde dikkat edilen somut noktalar: dokunma hedefleri parmakla rahat basılacak büyüklükte olmalı, önemli bilgi ve çağrı düğmesi kaydırmadan görünmeli, form alanı sayısı azaltılmalı ve telefon numarası alanında sayısal klavye açılmalı, sabit duran çubuk ve açılır pencereler ekranın yarısını kaplamamalı. Aynı akış bir uygulamada kullanılacaksa tasarımı mobil uygulama geliştirme süreciyle birlikte kurguluyoruz.
Kullanıcı deneyimi konuşulurken hız genelde "teknik ekibin işi" sayılır; oysa sayfayı ağırlaştıran kararların çoğu tasarım aşamasında verilir. Tam ekran video arka plan, her bölümde büyük fotoğraf, birden fazla yazı tipi ailesi, sürekli çalışan animasyonlar — hepsi tasarım tercihidir ve hepsi doğrudan yüklenme süresine yazılır. Ölçülen gerçek şu: sayfa açılışı geciktikçe ziyaretçi kaybı artar ve en çok kaybedilen kitle mobil veri kullanan kullanıcılardır. Bu yüzden tasarım aşamasında üç şeyi birlikte karara bağlıyoruz: kaç farklı yazı tipi ve ağırlık kullanılacak (her biri ayrı dosya indirir), görseller hangi ölçüde ve hangi biçimde hazırlanacak, hangi animasyonlar gerçekten bir işe yarıyor. Bunu sonradan düzeltmek, tasarımı yeniden yapmak anlamına geliyor. Hız ölçümü ve iyileştirmesini web tasarım tarafımızla birlikte yürütüyoruz.