UI/UX Tasarım

İyi bir arayüz, kullanıcının ne yapacağını düşünmeden bildiği ekrandır. Kötü tasarlanmış bir form, gözden kaçan bir "Satın Al" düğmesi ya da telefonda okunmayan bir menü; reklama ve yazılıma harcanan emeği sessizce boşa çıkarır. PH Yazılım olarak Giresun'da ve Doğu Karadeniz'de işletmeler için web sitesi, mobil uygulama ve yönetim paneli ekranlarını kullanıcı deneyimi (UX) araştırmasıyla başlayan bir süreçle tasarlıyoruz.

UI ile UX arasındaki fark

UI (kullanıcı arayüzü) ekranda gördüğünüz her şeydir: renkler, yazı tipleri, düğmeler, ikonlar ve boşluklar. UX (kullanıcı deneyimi) ise bu ekranlarla kurulan ilişkinin tamamıdır: kullanıcının aradığını ne kadar kolay bulduğu, bir işlemi kaç adımda bitirdiği, nerede takılıp vazgeçtiği. Güzel görünen ama kullanılması zor bir tasarım da, kullanışlı ama markanızı yansıtmayan bir tasarım da işinize yaramaz. Biz ikisini aynı masada, birlikte ele alıyoruz.

Tasarım sürecimiz adım adım

Her projeye ücretsiz bir keşif görüşmesiyle başlıyoruz. Hedeflerinizi, hedef kitlenizi ve mevcut ekranlarınızda yaşanan sorunları dinledikten sonra şu adımları izliyoruz:

• Araştırma ve analiz: Mevcut sitenizin ya da uygulamanızın kullanım verilerini, rakip örneklerini ve kullanıcı geri bildirimlerini inceliyoruz.
• Bilgi mimarisi: Menü yapısını, sayfa hiyerarşisini ve içeriklerin hangi sırayla sunulacağını belirliyoruz.
• Tel kafes (wireframe): Renk ve görselden önce ekranların iskeletini çiziyor, akışın mantıklı olduğundan emin oluyoruz.
• Figma ile prototip: Tıklanabilir bir prototip hazırlıyoruz; tek satır kod yazılmadan ekranları kendi telefonunuzda deneyebiliyorsunuz.
• Görsel tasarım ve tasarım sistemi: Onaylanan akışın üzerine marka kimliğinize uygun arayüzü giydiriyor, tüm bileşenleri tek bir kütüphanede topluyoruz.
• Test ve iyileştirme: Gerçek kullanıcılarla küçük testler yapıyor, takılınan noktaları yayından önce düzeltiyoruz.

Tasarım sistemi neden önemli?

Proje büyüdükçe her yeni sayfanın "biraz farklı" tasarlanması hem kullanıcıyı yorar hem de geliştirme maliyetini artırır. Tasarım sistemi; renk paleti, yazı ölçekleri, boşluk kuralları, düğme ve form bileşenleri gibi tekrar kullanılan parçaların kayıt altına alınmasıdır. Böylece web tasarım ve yazılım ekibi aynı dili konuşur, sonradan eklenen bir sayfa ya da mobil ekran da ilk günkü tutarlılığı korur. Bootstrap 5 tabanlı projelerde bu sistemi doğrudan koda aktarıyor, tasarım ile canlı site arasındaki farkı en aza indiriyoruz.

Mobil öncelikli ve erişilebilir arayüzler

Ziyaretçilerin büyük kısmı siteye telefondan geliyor; bu yüzden tasarıma önce küçük ekrandan başlıyoruz. Parmakla rahat dokunulan düğmeler, okunaklı yazı boyutları, yeterli renk kontrastı ve klavyeyle de kullanılabilen formlar hem kullanıcı deneyimini hem de arama motorlarının sayfanıza bakışını olumlu etkiler. Uygulama tarafında ise iOS ve Android'in kendi alışkanlıklarına saygı duyan ekranlar tasarlıyor, mobil uygulama geliştirme sürecine hazır dosyalar teslim ediyoruz. Hangi yolun size uygun olduğuna henüz karar vermediyseniz mobil uygulama mı, mobil uyumlu site mi yazımız karar vermenizi kolaylaştırır.

Dönüşüm odaklı tasarım: güzel olması yetmez

Bir arayüzün başarısı; teklif formunun doldurulması, sepetin tamamlanması ya da randevunun alınmasıyla ölçülür. Bu yüzden önemli sayfalarda tek bir ana eyleme odaklanıyor, gereksiz form alanlarını ayıklıyor ve kullanıcıya her adımda nerede olduğunu gösteriyoruz. Kampanya dönemleri için hızlıca yayına alınan Landing Page çözümümüz de bu yaklaşımla hazırlandı. Yayından sonra iki farklı tasarımı karşılaştıran A/B testleriyle hangi başlığın, görselin ya da düğme metninin daha iyi çalıştığını tahminle değil veriyle görüyoruz; bu ölçümleri SEO ve dijital pazarlama çalışmalarıyla birlikte değerlendiriyoruz.

Yönetim panelleri ve iş uygulamaları

Kullanıcı deneyimi yalnız ziyaretçinin gördüğü vitrin için değil, ekibinizin her gün saatlerce kullandığı ekranlar için de önemlidir. Sipariş takip ekranı, stok listesi, randevu takvimi ya da raporlama paneli karmaşık olduğunda hatalar artar, yeni çalışanın uyum süresi uzar. Panel tasarımlarında sık yapılan işleri bir tıkla erişilir hâle getiriyor, tabloları okunaklı kılıyor, hata mesajlarını kullanıcının anlayacağı dille yazıyoruz. Sonuçta daha az eğitim gerektiren, daha az soru üreten bir sistem elde edersiniz.

Kimler için uygun?

Giresun'da yayla ve deniz turizmine hizmet veren oteller, randevuyla çalışan klinikler, fındık ve yöresel ürün satan üreticiler, kamu kurumları ve dernekler… Bulancak, Tirebolu, Görele ve Espiye'den Ordu ve Trabzon'a kadar farklı ölçekteki işletmelerle çalışıyoruz. Yeni bir proje için sıfırdan tasarım yapabileceğimiz gibi, mevcut sitenizin ya da e-ticaret mağazanızın kullanım sorunlarını tespit edip yalnız sorunlu ekranları yeniden tasarlayabiliriz. Çoğu zaman ana sayfa, ürün sayfası ve ödeme adımlarında yapılan küçük düzeltmeler en hızlı sonucu verir.

Teslim ettiklerimiz

• Figma kaynak dosyaları ve tıklanabilir prototip
• Renk, yazı ve bileşen kurallarını içeren tasarım sistemi
• Masaüstü, tablet ve telefon için ekran tasarımları
• Geliştirme ekibine yönelik ölçü, boşluk ve davranış notları
• İstenirse logo ve temel marka kimliği çalışması

Teslimden sonra da süreçten çekilmiyoruz. Geliştirme aşamasında tasarımın koda doğru aktarılıp aktarılmadığını kontrol ediyor, yayından sonraki ilk haftalarda kullanıcı davranışlarını izleyerek gerekli küçük düzeltmeleri öneriyoruz.

Arayüzünüzün nerede kullanıcı kaybettiğini birlikte görelim. Giresun merkezdeki ofisimizde yüz yüze ya da çevrim içi bir keşif görüşmesi için bize ulaşın; ihtiyacınıza göre kapsamı ve zaman planını yazılı olarak iletelim.