UI ve UX Tasarımı
Nedir? Ciddi Farkları Nelerdir?
Birbiriyle sürekli ayrıştırılmaya çalışılsa da, aslında ikiz kardeşler kadar bütünleşik olan bu
iki disiplinin detaylarına inelim: User Interface (UI) - Kullanıcı Arayüzü ve
User Experience (UX) - Kullanıcı Deneyimi.
UX (Kullanıcı Deneyimi) dijital ürünün iskeletini, beynini ve görünmeyen mantık
yapısını oluşturur. Kullanıcı bir siteye girdiğinde aradığını nasıl bulacak? Sepete giden yolda
önüne kaç engel çıkacak? Form doldurma tecrübesi onu yoracak mı yoksa keyif mi verecek? Kısacası
UX; "Bu dijital ürün benim problemimi ne kadar hızlı ve acısız çözdü?" sorusunun analitik
yanıtıdır.
UI (Kullanıcı Arayüzü) ise işin makyajı, duygusal cazibesi, dış derisidir.
Renkler, tipografiler, menü ikonlarının piksel mükemmelliği (pixel-perfect) uyumu, hoş butona
basma hissi, ince animasyonlar ve mikro-etkileşimler (micro-interactions) UI alanına girer. "Bu
dijital sistem ne kadar modern ve güven verici hissettirdi?" sorusuna yanıt arar.
İyi bir uygulama, harika bir arayüze (UI) sahip bile olsa, eğer hedef kitlenin kullanımına uygun
bir mimari zekaya (UX) sahip değilse çöker. Tersine, harika bir iskelet (UX), estetik yoksunu
bir görüntü (UI) içindeyse kullanıcıdan asla o ilk güven oyunu (first impression) alamaz. İşte
ajansımız, bu iki kritik dinamiki birbiriyle sarmalayarak eşsiz dönüşüm rakamlarına imza atar.
Ciroya, Müşteri
Bağlılığına (Retention) Etkisi Nedir?
Pek çok müşteri haklı olarak şunu sorar: "Uygulamamız çalışıyor, formlarımız çalışıyor, her
saniye ödeme yapabilen insanlar var... Neden komple 'Tasarım' ve 'Deneyim' ekibine bütçe
ayıralım?"
Cevap çok basittir: Çünkü insanlar "Sadece çalışan" sistemlere rıza göstermeyi seneler önce
bıraktı. Rakiplerinizin çok daha kolay ve estetik deneyimler sunduğu bir pazarda, zayıf bir
UX/UI'ın doğrudan ve hesaplanabilir sonuçları olur:
- 60%
Sepeti Terk Etme Oranı Artışı
Eğer ödeme adımlarınız karmaşıksa
veya formlar güven aşılamıyorsa alıcılar %60 civarında daha sık o sekme ekranını
kapatmaktadır.
+ 400%
Dönüşüm ROI (Yatırım Getirisi)
Forrester araştırmalarına göre UX'e
yatırılan her 1$, şirketinize ciro anlamında ortalama $100 olarak (ROI %9,900) geri
döner.
MedMedia Deneyim Tasarım
Süreci (Design Thinking)
Klasik sistemde yazılımcılar sadece butonu sayfaya koyar, tasarımcılar onu renklendirir. Ancak
"Design Thinking (Tasarım Odaklı Düşünme)" ile ilerleyen ajans kültürümüzde işleyen süreç
tamamen bilimseldir:
-
Kullanıcı Araştırması & Persona
Analizi (Research)
Ürününüzü gerçekten kim kullanıyor? Hedef kitlemiz
"teknolojiden pek anlamayan y kuşağı" da olabilir, "hızlı içerik tüketip saniyeler
içinde karar veren Z kuşağı" da. Farklı hedef kitlelerin, parmak kas hafızasından
kaydırma (scroll) alışkanlığına kadar tüm zihinsel yapılarını araştırıp tipik "Kullanıcı
Personaları" oluştururuz.
-
Wireframe (Tel Kafes) & Bilgi
Mimarisi (Architect)
Hiçbir renge, görsele ve yazılıma bulaşmadan, kullanıcı
siteme girdiğinde 'A' menüsü 'B' sayfasına götürür mü diye basit gri kutucuklarla ekran
haritaları çizeriz. Bu aşama müteahhidin inşaata başlamadan önceki teknik çizim
aşamasıdır.
-
High-Fidelity UI Tasarım Evresi
(Design)
Gri renkte onayı alınan onaylı iskelet (Wireframe); şimdi
markanızın paletleri, pürüzsüz yuvarlak hatları, parlak modern arayüzleri, glassmorphism
vb. güncel görsel diller kullanılarak gerçek, "pixel perfect" bir form kazanır.
-
Etkileşimli (Clickable)
Prototipleme & Test
Tasarım bittiğinde (Figma ortamında), sistemin henüz 1 satır
bile "kod" yazılmadan tıklanabilir ve tıpkı gerçek bir uygulama formunda çalışır bir
simülasyonunu üretiriz. Hem proje sahibine sunarız, hem de kullanıcı test gruplarına
oynatarak "nerede takıldıklarını" proabilite aracıyla izleriz.
Hangi Tür Projeler İçin
UI/UX Desteyi Sunuyoruz?
Bir e-ticaret sitesinden, hastane tahlil sistemine kadar her ekranda varız:
E-Ticaret Siteleri
Satış ve upsell/cross-sell (çaouraz satış)
stratejilerinin, hız ödeme optimizasyonlarının (checkout) yapıldığı B2B veya B2C
ekranları.
Mobil Uygulamalar (iOS / Android)
Tek elle (başparmakla) kolayca erişilebilen
ve Apple Human Interface kurallarına ya da Android Material Design kurallarına %100 uyan
mobil tecrübeler.
SaaS ve Kontrol Panelleri
(Dashboards)
Şirket yönetici verileri veya kompleks bulut
servisi aboneliklerinin kolayca kafa karıştırmadan listelenebildiği yönetim paneli ekran
tasarımları.
Lansman / Landing Sayfaları
Kaydırıp okuması acayip zevkli olan, yüksek
çözünürlüklü asimetrik tasarıma güvenen ürün tanıtım sayfası / reklam yakalama sayfası
tasarımları.
Sıkça Sorulan Sorular
Projenin kodlanması/yazılımı da paket içeriğinde oluyor mu?
Bu sadece tasarım ajans hizmetidir
(Figma ile teslim edilir). Ancak elbette MedMedia ekiplerinde Web/Mobil Geliştirme
departmanı bulunduğu için tasarımı biten ürünün A-Z’ye kodlanmasını ve yayına alınmasını
"Yazılım" paketine dahil ederek anahtar teslim iş çıkartabiliriz.
Halihazırda yayın hayatına devam eden sitemin tasarımını (redesign) iyileştiriyor musunuz?
Evet. Buna UX Audit veya Revizyon
çalışması denir. Kötü veya verimsiz çalışan eski uygulamanızı mercek analizi altına
yatırıyor, modern standartlara ve yeni dönüşüm hedeflerinize göre yepyeni bir görünüm
(redesign) giydiriyoruz.
