UI/UX tasarımı; bir web sitesinin veya uygulamanın hem görünümünü (UI — kullanıcı arayüzü) hem de kullanım deneyimini (UX — kullanıcı deneyimi) tasarlama disiplinidir. Amaç, kullanıcının ürünü kolay, hızlı ve tereddütsüz kullanmasıdır. İyi tasarımın ölçüsü "güzel görünmek" değil, kullanıcının yapmak istediği şeyi daha az adımda ve daha az hatayla yapabilmesidir.
UI ile UX Arasındaki Fark Nedir?
İki kavram sürekli birlikte anılır ama farklı sorulara cevap verir:
- UX (kullanıcı deneyimi) "kullanıcı ne yapmak istiyor ve bunu en kısa yoldan nasıl yapar?" sorusunu çözer. Araştırma, kullanıcı akışı, bilgi mimarisi, tel çerçeve (wireframe) ve kullanılabilirlik testi bu tarafta.
- UI (kullanıcı arayüzü) "bu akış ekranda nasıl görünecek?" sorusunu çözer. Renk, tipografi, boşluk, buton durumları, ikonografi ve tasarım sistemi bu tarafta.
Kaba bir benzetme: UX binanın kat planı, UI ise iç mimarisidir. Plan yanlışsa hiçbir dekorasyon binayı yaşanabilir yapmaz; plan doğru ama iç mimari kötüyse bina kullanılır ama sevilmez. Küçük ekiplerde ikisini aynı kişi yapar, büyük ekiplerde ayrışır.
UI/UX Tasarımcı Ne İş Yapar?
- Kullanıcı araştırması: görüşme, anket, mevcut kullanım verisinin incelenmesi, persona ve senaryo çıkarma.
- Bilgi mimarisi: içeriğin ve menülerin nasıl gruplanacağı; "aradığımı nerede bulurum" sorusunun cevabı.
- Tel çerçeve ve prototip: düşük detaylı taslaklardan tıklanabilir prototipe; genelde Figma ile.
- Arayüz tasarımı ve tasarım sistemi: yeniden kullanılabilir bileşenler, durum tanımları (boş, yükleniyor, hata), duyarlı (responsive) davranış.
- Kullanılabilirlik testi: beş kullanıcıyla yapılan basit bir test bile, ekipçe aylarca tartışılan soruyu bir saatte kapatabiliyor.
- Geliştiriciyle çalışma: tasarımın uygulanabilirliği, ölçü ve davranışların net biçimde devredilmesi.
UI/UX Tasarımcı Nasıl Olunur?
- Görsel temeller. Hiyerarşi, hizalama, boşluk, kontrast, tipografi. Grafik tasarımla ortak zemin buradadır.
- Figma'yı gerçekten öğrenin. Bileşen, varyant, otomatik düzen (auto layout) ve prototipleme. Sektörün fiilî standardı.
- Erişilebilirlik. Renk kontrastı, dokunma alanı boyutu, klavyeyle gezinme, ekran okuyucu uyumu. Kurumsal projelerde giderek zorunlu hale geliyor.
- Temel HTML/CSS okuryazarlığı. Kod yazmasanız da neyin kolay neyin pahalı olduğunu bilmek, uygulanabilir tasarım üretmenizi sağlar.
- Vaka çalışması (case study) yazın. UI/UX portföyünde ekran görüntüsü yetmez; problem, yaklaşım, denenenler ve sonuç anlatılmalı.
İş İmkânları ve Maaş
UI/UX; yazılım şirketleri, dijital ajanslar, bankalar, e-ticaret şirketleri ve girişimlerde en çok aranan rollerden biri. Dijital ürün sayısı arttıkça talep de büyüyor ve alan, uzaktan çalışmaya en uygun mesleklerden biri — bu da Ankara'dan yurt içi ve yurt dışı projelere çalışmayı mümkün kılıyor.
Ücret; deneyim, ürün karmaşıklığı, araştırma yapıp yapmadığınız ve şirketin ölçeğine göre değişir. Genel eğilim olarak yalnız arayüz çizen bir tasarımcı ile araştırma ve test yürüten bir tasarımcı arasında belirgin fark oluşur. Rakamlar hızlı değiştiği için burada sayı vermek yerine, güncel ilanlardaki maaş aralıklarına bakmanızı öneriyoruz.
Bir Ekranı İyi Yapan Somut Kurallar
- Tek birincil eylem. Her ekranda kullanıcının yapmasını istediğiniz bir ana iş olsun; ikinci ve üçüncü seçenekler görsel olarak geride kalsın.
- Görsel hiyerarşi. Önemli olan büyük, yakın ve kontrastlı; önemsiz olan küçük ve soluk. Her şeyin öne çıktığı ekranda hiçbir şey öne çıkmaz.
- Tutarlılık. Aynı işi yapan buton her ekranda aynı görünsün. Tutarsızlık, kullanıcıyı her seferinde yeniden öğrenmeye zorlar.
- Hata durumunu tasarlayın. Boş liste, yükleniyor ve hata ekranları çoğu tasarımda unutulur; kullanıcı en çok orada kaybolur.
- Dokunma alanı. Mobilde tıklanabilir alanlar parmakla rahat vurulacak büyüklükte olmalı.
- Metin de tasarımdır. Buton üzerindeki kelime, hata mesajının tonu ve alan etiketi; kullanılabilirliği görselden çok bunlar belirler.
Erişilebilirlik: Zorunluluk Haline Geliyor
Erişilebilir tasarım yalnız engelli kullanıcılar için değil: güneş altında telefonuna bakan, tek eliyle kullanan ya da yaşa bağlı görme kaybı olan herkes için. Pratikte dört başlık yeter: yeterli renk kontrastı, yalnız renge dayanmayan bilgi aktarımı, klavyeyle gezinebilirlik ve görsellere alternatif metin. Kurumsal ve kamu projelerinde bu başlıklar giderek sözleşme şartı haline geliyor.
Kullanılabilirlik Testi: Beş Kişi Yeter
Ekip içinde saatlerce tartışılan "kullanıcı bunu anlar mı" sorusunu, beş kişiyle yapılan bir saatlik test genellikle kapatır. Yöntem basit: katılımcıya bir görev verin ("şu programa kayıt olun"), yol göstermeyin, sadece izleyin ve nerede durakladığını not edin. En değerli veri, katılımcının söyledikleri değil, yaptıklarıdır.
Ankara'da UI/UX ve Tasarım Eğitimi — Global Bilişim Kariyer
Kızılay'daki sınıflarımızda yürüttüğümüz Grafik Tasarım Eğitimi, arayüz tasarımının da dayandığı temel tasarım bilgisini (görsel algı, kompozisyon, renk, tipografi) uygulama ağırlıklı verir. Ürün tarafını ölçmek ve iyileştirmek isteyenler için Veri Analitiği ve Veri Bilimi Eğitimi, dijital kanalları yönetmek isteyenler için Dijital Pazarlama ve Sosyal Medya Uzmanlığı Eğitimi tamamlayıcı programlardır. Tüm seçenekler için Ankara grafik ve web tasarım kursları sayfamıza göz atın.
Sıkça Sorulan Sorular
UI/UX için kod bilmek gerekir mi?
Gerekmez; alan tasarım odaklıdır. Ancak temel HTML/CSS bilgisi, geliştiriciyle iletişimi kolaylaştırır ve uygulanamayacak tasarımlar üretmenizi engeller.
Hangi araç kullanılır?
Sektör standardı Figma. Yanında prototipleme ve kullanıcı testi araçları kullanılır; ancak araç öğrenmek işin küçük kısmı, asıl olan tasarım kararlarını gerekçelendirebilmek.
Grafik tasarımdan UI/UX'e geçilir mi?
Sık görülen bir geçiş. Görsel temel zaten var; eklenmesi gereken şey kullanıcı araştırması, akış tasarımı ve bileşen mantığı. Geçişi hızlandıran şey, gerçek bir ürünü baştan sona ele alan bir vaka çalışması.
Portföyde kaç proje olmalı?
Üç iyi anlatılmış vaka çalışması, on ekran görüntüsünden fazla iş görür. Her birinde problem, kısıtlar, denenen alternatifler ve sonucun nasıl ölçüldüğü olsun.