UX ve UI Tasarımı Nedir?

ui-ux-nedir-770x400

Öncelikle ne anlama geldiklerinden başlayalım, aslına bakılırsa dijital pazarlamada her ikisinin de  ortak paydası  “kullanıcı odaklı tasarımdır”. Birbirini  tamamlar  ve kardeş kelimelerdir. UX, İngilizce kısaltması olan “User Experience” den gelmektedir, dilimize çevrilmiş hali ise “kullanıcı deneyimi “dir. UI ise “User Interface “ kısaltmalarından oluşur, bizdeki karşılığı ise “kullanıcı arayüzü”dür.

Aslında, UX ile UI arasında çok ama çok ince bir çizgi vardır. İlki müşteri deneyimine odaklanırken, ikincisi ise bu deneyimin müşterinin ilgisini çekecek ve bu ilgisini sürdürebilecek bir dizayn yaratmaya odaklanır. UX biraz daha analitik ve bilimsel metotları kullanırken; UI biraz daha işin yaratıcı tarafında kalır. Özetle ilişkilerini basit bir formüle dökecek olursak: UX tasarımcıları gerekli verileri toplayıp analiz ettikten sonra UI tasarımcıları için gerekli yönerge ve direktifleri oluşturur ve onlar da tasarımı yapar. Son dönemlerde, her iki alandaki tasarımcılar için de talep artarken ve talep edilen iş çeşitliliği de aynı şekilde artmaktadır. Dolaysıyla, tasarımcıların yetenek ve becerilerini çeşitlendirmeleri ve geliştirmeleri kaçınılmaz bir zorunluluk haline gelmiştir.

UX Tasarım Nasıl Yapılır?

uxtasarim
UX tasarımcısı, araştırmasını yapar, mevcut rakiplerini analiz eder  ve  ziyaretçinin ürünü kullanırken ,müşteri memnuniyeti yaratmak adına ,site üzerindeki etkileşimi sağlayacak şekilde bir arayüz tasarlar.Kullanıcı deneyimi tamamıyla deneme-yanılma yöntemi ile bulunur çünkü bunun genel bir kuralı yoktur.Hangisi kullanıcının hoşuna gidileceği bilinmediği için çoklu adetlerde çalışmak her zaman fayda sağlar. Geri dönüşlere göre hangi tasarımın daha iyi olduğuna karar verilir.Siteye gelen kullanıcıların, her aşamalarına yön vererek hem siteyi hem ziyaretçileri , en kısa şekilde amaçlarına ulaşmayı hedefler .Kullanıcı deneyimi ,başka bir yandan da site içi satış ve dönüşüm oranlarının artmasında büyük rol oynar.
Öncelikle;

  • Dönüşümler üzerinden strateji oluşturup, bunu sitede düzenlemek gerekir. Satış, mail toplama, form doldurma, telefonla arama oranları gibi.
  • En çok çıkış yapılan sayfalar da analiz edilmeli, çıkışlar neden kaynaklı bulunmalı ve gelen ziyaretçileri için iyileştirmeler yapılmalı.
  • Sayfada kalış sürelerini arttırmak için, açılış sayfaları ve kullanıcı kitlesini analiz etmek gerekir.
  • Sayfa görüntülenme sayılarını arttırmak için ise sitenin yönlendirilmesi ve linkler optimize edilmeli .Ziyaretçi başına düşen , sayfa gezinme sayısı arttırılmalı

UX tasarımcısı neye ihtiyaç duyar?

Kullanıcı testleri , bir UX tasarımcısının olmazsa olmazıdır. Testlere olabildiğince  çok vakit ayırmak gerekir. Maliyet – tasarruf dengesi bu çalışmaya bağlıdır, doğru ölçüp tartmalıdır. Çalışmalar ne kadar çok teste tabi tutulursa, o kadar çok varsayımlar alınır ve bu varsayımların yanlış çıkması sonucunda  bir çok açıdan önemli kayıplara sebep olur. UX tasarımcısı ,bu aşamada doğru adımlar atmalıdır. Bu arada yazılan kodlar kadar, belki daha fazlası tasarım ve  deneyimde ön planda tutulmalıdır.
UI-VE-UX-TASARIMI-NEDİR-1

UX tasarımcıları için gerekli beceri ve yetenekler

  • UX araştırması yapabilmeli: Bu beceri ve kabiliyet aslında bir şemsiye gibi düşünülebilir. Altında iki alt beceri ve yetenek daha bulunur. Bunlardan birincisi kullanıcı araştırması; ikincisi ise kullanıcı testi/denemesi. İlkinde hedef kullanıcıları belirleyip onların taleplerine yanıt vermek için araştırma yapılırken ikincisinde prototipler ile deneme yapılır ve geri dönüşler değerlendirilir.
  • İşbirliği yapabilmeli: UX, içinde çeşitli görevleri ve bu görevleri yapabilmek için çeşitli beceri gerekliliklerini barındırır. Kodlama, tasarım, planlama, pazarlama ve iletişim bunlardan akla ilk gelenleridir. Bunların hepsini profesyonelce, etkili, hızlı ve verimli bir şekilde bir araya getirmek için işbirliği yapmak çok önemlidir.
  • Şema tasarımı ve arayüz prototipi yaratabilmeli: Bunları yapabilmek, kullanıcı fikirlerini almaya ve bu yönde tasarımları şekillendirmeye ve beraberinde olası hataları önceden görüp düzeltmeye yardımcı olur.
  • UX yazımı yapabilmeli: Kodlama kadar buradaki bilgi mimarisi ve bunun nasıl kullanıcıya aktarıldığı da çok önemli bir faktördür.
  • Görsel iletişim bilgi ve becerisine sahip olmalı: Görsel hiyerarşi, beyaz alan, az yazıyla çok şey anlatmak gibi detayların planlanması için değerli bir bileşendir ve bu bileşen bu alanda çalışan biri için çok değerlidir çünkü kullanıcıların %65’inin görsel hafızası ön plandadır.
  • Kullanıcı ile empati yapabilmeli: Son kullanıcının ne istediğini ve neler isteyebileceğini öngörmek ve geribildirim alıp bunları doğru analizler sonucu yapılan işe entegre etmek bu alanda vazgeçilmez bir değerdir.
  • Kodlayabilmeli: Bu alanda yer alan her tasarımcı kodlamaya hakim olmalıdır.
  • Analitikleri ve verileri toplayabilmeli, okuyabilmeli ve yorumlayabilmeli: Koyulan hedefler doğrultusunda doğru ilerleyebilmek adına bu yetenekler ve beceri çok önemlidir. Kullanıcı ve ürün arasındaki ilişkiyi bu veriler ve onların analizi sağlamaktadır.

UI Tasarım Nasıl Yapılır?

UI, işin görsel kısmıdır, sitenin içindeki her detay belli bir disipline göre tasarlanır  ve kullanıcı ihtiyaçları ön plandadır.Kullanıcıların tıklayacakları düğmeler , onları şekil ve boyutları , konumları ,logolar, menü ve resimler hepsi UI tasarımcının öngörüsüdür ve bizlere kullanım kolaylığı ve sadeliği sağlar. UI tasarımcısı kullanıcısının memnuniyetine odaklanmalıdır ve bizlere kullanım kolaylığı ve sadeliği sağlar
Öncelikle bir UI tasarımcısı ;

  • Kullanıcı dostu olmalı, kullanıcısının dilinden anlamalıdır. Sitenin kullanabilirliğini arttırmak da birçok firmanın istediği en önemli noktadır. UI tasarımcısı buna dikkat eder.
  • Dünyadaki erişilebilir bütün trendleri takip etmeli, gelişmeleri yakından izlemeli ve bu sayede de kendi vizyonunu da katarak daha özgün tasarımlar ortaya çıkarabilmelidir.
  • Kullanıcıların, sitede daha fazla vakit geçirmelerini sağlayıp, firmanın sunduğu hizmetten faydalanmasını sağlayabilmelidir.
  • Yaptığı tasarımların uygulanabilirliğini her zaman kontrol etmeli ve bir sonraki adım için de hazırlıklı olmalıdır. Tasarım gelişmeye ve geliştirmeye açık olmalı ve bu sayede işlevsellikte ön planda olur.
  • Ürüne geniş bir yelpazeden bakmalı ve kullanıcının isteklerini karşılayabileceğini düşündüğü, kullanıcı dostu olan işlevsel ve bir o kadar da pratik tüm uygulamalara açık olmalıdır.
  • Geniş bir kitleye hitap etmek istiyorsa, bunun için tüm bilgi alanlarını geliştirmelidir.Üretim ve satış odaklı düşünebilmek her koşulda , tarafların çıkarına olacaktır
  • UI ve UX tasarımı beraber uyumlu bir şekilde çalıştığı zaman, müşteri memnuniyeti de artacaktır .

UI ve UX tasarımı beraber uyumlu bir şekilde çalıştığı zaman, müşteri memnuniyeti artacaktır.
Kısaca özetlemek istersek;
UX ürünü yapar ,amaçları ile ilgilenir, UI  ise işlevselliğini konforunu ve görselliğini tasarlar.

Web Sitesi Tasarımı İle İlgili Uzmanlarından Tasarım Önerileri yazımıza göz atabilirsiniz.

UI TASARIM İLE İLGİLİ ÖNERİLER

1-Kullanıcılarınız Kimler Tanıyın.

kullanıcılar
Kullanıcıları tanımak her zaman size pozitif yönde katkı sağlar. Tüm demografik  bilgilerini , neye ihtiyaç duyduklarını, nelerden hoşlandıklarını , hedeflerine ulaşmak için onlara neyin engel olduğunu bilmek gerekir.Kullanıcılarınızın ihtiyaçlarını karşıladığınız anda, daha temel  gereksinimleri karşılarken , isteklerine de cevap verebilirsiniz. Kullanıcılarınızla konuşmadan elde edeceğiniz bilgiler sayesinde , ne tür içerikleri vurgulamanız gerektiği kararını verebilirsiniz

2-Kullanıcılarınız arayüzünüzü nasıl kullanıyor öğrenin.

kullanıcıarayuz
Arayüzü tasarlamak, insanların arayüzünü nasıl kullanacağını tanımlamak kadar önemlidir.Kullanıcılar web siteleri ve uygulamalarını 2 şekilde kullanır: Doğrudan ve dolaylı olarak.
Bir düğmeye dokunarak, bir kartın kaydırılması gibi ya da bir öğeyi parmak ucu ile sürükleyerek bırakma ise bu doğrudan etkileşime girer.
Dolaylı etkileşim ise; Fare ile işaret etme-tıklama , Tuş komutlarını-kısayollarını kullanma , Form alanına yazma ve Wacom tablet üzerinde çizim gibi sınıflandırılabilir.

3-Hataları olmadan, tahmin edin.

hata
Hatalar , insanlar içindir. Ama hataların sonuçlarına katlanmaktansa , bir sorun olduğunda nasıl çözümleyeceklerini bilmeleri gerekir .

  • Hataları olmadan önce önleyin
  • Onlar olduktan sonra da , onarmak için çeşitli yollar sağlayın .

Hatalar tahmin etmek , sorun çıktıktan sonra onu düzeltmeye çalışmaktan daha az yorucudur.

ilginizi Çekebilir: Kullanıcı Deneyimi Tasarımı Nasıl Yapılır? Web Sitesi Nasıl Güzelleştirilir?

4- Hızlı bir şekilde geri bildirimde bulunun!

geribildirim
Yaşadığımız dünya da, yaptıklarımız eylemlerimizin karşısında çeşitli yanıtlar alabiliyoruz Dijital dünyanın da yaşadığımız dünyadan pek farkı yok , dijital arayüzler de bazen sayfayı yeniden yüklememiz , veya sayfa açılımında problemler yaşadığımız ya da yanlış sayfa yönlendirmeler konusunda bizi hüsrana uğratabiliyor .Bunun için her şeyin çok hızlı ve doğru gerçekleştiğinden emin olmak gerekebiliyor .Kullanıcılar 3 san. üzerindeki gecikmelerde siteden çıkma eğilimini gösterebiliyorlar.Bunun için görsel algı yaratacak , püf noktaları denemeyi düşünün

5-Görsel yerleşimini, boyutunu ve işlevselliğini dikkatlice düşünün!

uitasarim
Bir unsur ne kadar yakın ve büyükse, imlecinizi de o kadar hızlı hareket ettirip, koyabilirsiniz.
UI tasarım teknikleri için bu konu ile ilgili üç önemli unsur vardır .

  • En belirgin eylemlerin düğmeleri her zaman büyük olmalıdır(simgeler ve metin bağlantıları gibi )
  • Arama çubukları gibi etkileşimi olan görsel öğeleri, ekranın kenarlarına veya köşelerine yerleştirmelisiniz.
  • Etkileşim modeli oluştururken , kullanıcıları bu olağandışı etkileşim modeline nerede ve nasıl yönlendireceğinizi düşünmeniz gerekir.

UI tasarımcıları için gerekli beceri ve yetenekler

  • Dizayn/tasarım araçlarını bilmeli: Photoshop ve Sketch gibi uygulamalara hakim olmak bu alanda çok önemli bir gerekliliktir.
  • Tipografi hakkında bilgi sahibi olmalı: Yazı tipleri ve boyutları kullanıcıyı çekmek ve güzel bir deneyim sunmak temel faktörlerdendir.
  • Grafik ve baskı tasarım becerisine sahip olmalı: Görseller ve bu görsellerin tasarımı ile kullanım şekli kullanıcı arayüzünde fark yaratan etmenlerdir.
  • Tasarım/dizayn prensip/ilkelerini ve elementleri hakkında bilgi ve birikime sahibe olmalı: Tasarımdaki hiyerarşiyi tasarlamak, ürünü müşteriye geçirebilecek şekilde düzenlemek ve bunu pürüzsüz bir biçimde sunmak için bu bilgi ve beceri grubu olmazsa olmazdır.

UI tasarımı için yaratıcı ve güzel örneklerden birkaçı…

Dropbox: Dropbox sitesinde responsive dediğimiz Türkçe’ye ise duyarlı, hassas, cevap veren diye çevirebileceğimiz bir dizayn kullanıyor. Daha önceden belirlenmiş birkaç renk ve/veya dinamik renklerle, İnternet sitesindeki her bir sayfada kullanıcılarını aktif ve etkileşimin içinde tutabilmek için farklı ve kendine özgü renk paletleri kullanıyor.

uxveuitasarimdropbox

Pinterest: Pinterest “waterfall effect” dediğimiz şelale etkisi yaratan bir dizayn ile karşımıza çıkıyor. Kart dizaynı ile beraber şelale yöntemini kullanırken bir de fare ile üzerinde gezindiğiniz karta gölge efekti vererek bu kartın tıklanabilir olduğunu vurguluyor. Bu şekilde kullanıcı için pürüzsüz bir deneyim sağlıyor.

kullaniciarayuzvekullanicideneyimtasarimpinterest

Spotify: Spotify renkleri ve renk eğilimlerini en iyi kullanan dizaynlardan biri. Sunduğu seçeneklerde duyguya göre renklendirmeyi dizayn elementinin bir parçası haline getirerek, uygulamasını kullanmayı eğlenceli hale getiriyor.

uxveuidizayn

 

PEKİ UX VE UI NASIL BERABER KULLANILIR?

UI-UX-DESIGNER1

 

  • Tasarımlar, kullanıcı odaklı çalışılmalıdır.
  • Rakip analizleri yapılmalıdır.
  • Daha önceden denenmiş ve başarılı olunmuş kullanıcı deneyimleri araştırılmalıdır.
  • Yapılan her uygulamanın çalışabilirliği test edilmiş olmalıdır.
  • Tasarımlar hayata geçirilirken, başka şekilde uygulama nasıl çalışabilir diye düşünülmelidir.

UI ve UX tasarımı ile ilgili merak ettikleriniz ve aklınıza takılan diğer tüm soru ve konularınız için Earnado ekibi ile iletişime geçin, dijital dünyaya sizde adımınızı atın.