Web tasarımıyla ilgili konuşmalarda UX ve UI kısaltmaları sık geçer ve çoğu zaman birbirinin yerine kullanılır. Oysa ikisi farklı ama birbirini tamamlayan iki alandır.
UI nedir?
UI (User Interface), kullanıcı arayüzü demektir. Ekranda gördüğünüz her şeyle ilgilidir: renkler, yazı tipleri, butonlar, ikonlar, boşluklar, görseller. UI tasarımı sorusu şudur: "Bu sayfa nasıl görünmeli?"
UX nedir?
UX (User Experience), kullanıcı deneyimi demektir. Ziyaretçinin siteyi kullanırken yaşadığı deneyimin tamamını kapsar: aradığını bulabiliyor mu, adımlar mantıklı mı, form kolay dolduruluyor mu, site hızlı mı? UX tasarımı sorusu şudur: "Bu sayfa nasıl çalışmalı?"
Basit bir örnek
Bir e-ticaret sitesinde "Sepete ekle" butonunun rengi, şekli ve yazısı UI kararıdır. Butonun nerede olacağı, tıklandıktan sonra ne olacağı ve kullanıcının ödeme adımına kaç tıklamayla ulaşacağı ise UX kararıdır.
İkisi neden birlikte önemli?
- Güzel ama kullanışsız bir site ziyaretçiyi yorar ve kaybettirir.
- Kullanışlı ama özensiz görünen bir site güven vermez.
- İyi bir site, hem göze hoş gelir hem de ziyaretçinin hedefine hızlıca ulaşmasını sağlar.
İyi UX için temel ilkeler
- Ziyaretçinin ne aradığını bilin ve onu öne çıkarın.
- Menüleri sade tutun, en fazla birkaç ana başlık kullanın.
- Her sayfada bir sonraki adımı netleştirin.
- Formları kısa tutun, hata mesajlarını açık yazın.
- Mobil kullanımı önceliklendirin.
İyi UI için temel ilkeler
- Tutarlı renkler, yazı tipleri ve buton stilleri kullanın.
- Önemli öğeleri boyut ve renkle öne çıkarın.
- Yeterli boşluk bırakın; kalabalık ekranlardan kaçının.
- Metin ile arka plan arasında yeterli kontrast sağlayın.
Sonuç
UX sitenin iskeleti, UI ise görünüşüdür. Tasarladığımız sitelerde ikisini birlikte ele alıyor, ziyaretçinin hem beğeneceği hem de kolayca kullanacağı sayfalar hazırlıyoruz. Kurumsal web tasarım sayfamızdan detaylara ulaşabilirsiniz.
Firmanızı anlatan, hızlı ve mobil uyumlu siteler. Projenizi konuşalım, size uygun paketi birlikte seçelim.