Kullanıcı arayüzü anlamına gelen UI, bir ürün ya da uygulamanın görsel ve etkileşimsel tasarımını ifade eder. Ziyaretçilerin bir uygulama, web sitesi vs. gezerken gördükleri ve deneyimledikleri şeylerdir. Örneğin bir uygulamadan online alışveriş yapmak istiyorsunuz. Kategori bölümü oldukça sade, ödeme ve alışverişe devam etme opsiyonu var. Sayfa yüklenme hızı gayet iyi ve renklerin uyumu canlı ancak göz yormuyor. Bu şekilde uygulama ziyaretçiye kullanıcı dostu bir deneyim sunar ve ziyaretçinin görüşlerini olumlu yönde etkiler. Böylece kullanıcılar, arayüzün ne kadar kolay, anlaşılır ve estetik olduğunu düşünür. Genel olarak UI bunları içerir:

·Butonlar, menüler ve diğer kullanıcı arabirim öğeleri.

·Sayfa düzeni ve yerleşim.

·İkonlar ve semboller.

 

· Renkler, tipografi ve tasarım.

 

UX Nedir?

Kullanıcı deneyimi anlamına gelen UX, oldukça kapsamlıdır. Burada psikoloji ve analitik düşünme, kullanıcı arayüzünde olduğundan daha farklı işler çünkü UX, ürün veya uygulamayı kullanırken kullanıcıların yaşadığı tüm deneyimleri kapsar. Bireylerin ürünle etkileşiminde hissettikleri ve düşündükleri her şeyi ifade eder. İyi bir UX bunları içerir:

·Kullanıcının konforlu ve anlaşılır bir gezinme sağlaması.

·İhtiyaçların ve sorunların en iyi şekilde anlaşılması.

·Sorunlar için çözümler ve farklılık için yeni yollar bulunması.

·Hızlı yüklenen ve iyi bir kullanıcı deneyimi sağlayan siteler/uygulamalar.

 

·Kullanıcıların her bilgiye kolayca ulaşabilmesi.

 

UI ve UX: İlişki ve Farkları

Bir uygulama ya da sitenin arayüzü tasarımı, kullanıcının deneyimini doğrudan etkileyeceğinden, UI ve UX birbirleriyle ilişkilidir. Kullanıcı arayüzü (UI) kullanıcının rahat ve anlaşılır bir şekilde hizmet almasını sağlarken UX, doğabilecek sorunları ve ihtiyaçları da hesaba katmalıdır. Böylece UI daha görünür, somut bir yere sahipken UX, görünenin ardındakini de incelikleriyle düşünmelidir. Bundan dolayı daha soyuttur. Başarılı bir ürün tasarımından beklenen, iyi bir UI ve UX tasarımıdır. 

 

 

Örneğin yukarıdaki görselde 2 sos şişesi gösterilmiştir. UI açısından bakacak olursak, şişenin tasarımı güzel ve kullanımı basittir. Kapak açılır, sos dökülür, şişenin görünümü ve etiket tasarımı da gayet iyidir ancak UX, konuyu daha soyut noktalarıyla derinlemesine inceleyecek ve kullanıcı deneyimi için en iyisini düşünecektir. 2. Görselde kapağın altta oluşu daha iyi bir kullanıcı deneyimi sağlar çünkü sos daha rahat dökülür ve sıçramaz. Böylece 1. Görselde çalkalamak zorunda olacağımız sos kabını 2. görselde kolaylıkla kullanabileceğiz. UX, tasarım ve basitliğe ek olarak kullanıcının ihtiyaçlarını farklı açılardan ön planda tutarak geliştirmeler yapar. Ortak ve farklı yönlerine rağmen, UI ve UX birbirlerinin tamamlayıcısıdır.