Kullanıcı Deneyimi ve Kullanıcı Arayüzü – Bir Tasarım Süreci

Son Güncelleme 19 Temmuz 2021

Hepimiz kullanıcı arayüzünü deneyimliyoruz. Kullanıcı arayüzlerinin farklı türleri vardır. Kullanıcı deneyiminin (UX) ne anlama geldiğini ve nasıl önemli olduğunu anlamak neden önemlidir. Bir geliştirici olarak UX'e ve kullanılabilirliğe nasıl yaklaşılacağını ve kullanıcı arayüzüne (UI) tasarım perspektifinden nasıl yaklaşılacağını anlayan bir ürün için çok önemlidir.

Kullanıcı Deneyimi (UX) nedir?

Bir kullanıcının ihtiyaçlarını ve bir ürünün kullanımını eşleştirmek, kullanılabilirliğin bir yönüdür. Bir geliştirici, aşağıdakileri etkileyen UX için bir takdir geliştirmelidir:

• İşlevselliği
• Sistem Organizasyonu ve Yapısı
• Etkileşimler ve Bak ve Hisset
• Erişim

Zayıf UX, insanların ürününüzü, binanızı, hizmetinizi veya web sitenizi kullanmamasına neden olur. Korkunç bir UX'e sahip insanlar, çalıştığı zaman bile bir ürünü kullanmayacak ve iade etmeye çalışacaklardır. Bu, ürününüzü satın almayan insanlarla devam edecek ve daha da kötüsü, arkadaşlarına onu kullanmamalarını söyleyecektir.

Kullanıcı Arayüzü (UI) nedir?

UI, bir cihazdaki insan-bilgisayar etkileşimi ve iletişim noktasıdır. Örneğin, bir yazıcı veya insan işlemi, bir bilgisayar ile başka bir varlık arasındaki etkileşim veya iletişim noktasıdır. Bilgi bir veya iki yönde akar.

UI, iki temel UX ihtiyacını karşılar: Etkileşimler ve Bak ve Hisset ve Erişim.

Kullanıcı Deneyimi ve Kullanıcı Arayüzünü Neden Önemsiyoruz?

Çünkü önemli ve Kullanıcı yok!

1998'de Diamond Rio, Sony Walkman'e benzer bir deneyimi vurgulayan bir müzik cihazı olan Roxio'yu yarattı. Ürün, kaset dinlemek gibi bir dijital deneyime vurgu yapıyor gibi görünüyor. Kullanıcı deneyimi, "oynatmayı zorlamak" üzerineydi ve tasarım, Walkman tasarımını vurguladı.

2001'de Apple, "miksleri" deneyimlemek ve çalmak için tasarlanmış bir müzik cihazı olan iPod'u yarattı - kasetlerde olanları. Çalma listeleri oluşturma, melodi edinme ve müzik çalma konusunda kullanıcı deneyimi üzerinde durulmuştur. Tasarım bir başparmak basit vurguladı.

Bir tasarımcı olarak Steve Jobs'un bir röportajda söylediği şu görüşe katılıyorum:

"Çoğu insan tasarımın göründüğü gibi olduğunu düşünme hatasına düşer. İnsanlar bunun bu kaplama olduğunu düşünüyor – tasarımcılara bu kutu veriliyor ve 'İyi görünmesini sağla!' deniyor. Tasarım sandığımız şey bu değil. Sadece göründüğü ve hissettirdiği şey değil. Tasarım nasıl çalıştığıdır.”

Bu felsefe, Apple'ı ürün tasarımı ve sadelik açısından en iyilerden biri yapan şeydir.

İyi Tasarım Nedir?

Tasarım zor ve aşırıya kaçmak kolaydır. Bir mimarın bakış açısından iyi tasarım, işlevsel, estetik ve dayanıklı yapı ortamlarını planlamak, tasarlamak ve tasarlamaktır. Son kullanıcının kafasının karışmaması için rasyonel tasarım yapmamız gerekiyor. Son kullanıcıyı evrenin merkezine koymak ve sistemi bu perspektiften tanımlamaktır.

İyi tasarım ve web geliştirme, kullanıcılara hizmet eden ve müşteriyi memnun eden bir çözümdür. Kullanıcıların ihtiyaç duyduğu ve istediği şeyi yapın. Karışıklık yaratmadan kullanılması doğal olan, kullanıcının sorun yaşamamasına yardımcı olan bir ürün. İyi bir tasarım üretmek için:

Kullanıcı Deneyimi ve Kullanıcı Arayüzü İçin İnsan Yeteneklerini ve Tercihlerini Anlama

İnsan Yetenekleri:

1. Bellek
2. Dikkat
3. Görsel ve İşitsel Algı
4. Öğrenme
5. Dil + İletişim
6. Dokunma
7. Ergonomi (uyum duygusu)

Değerler ve Duyarlılıklar

1. Deneyim düzeyi
2. Fiziksel veya zihinsel yetenekler ve sınırlamalar
3. Kültürel beklentiler
4. Dil farklılıkları
5. Stil Duyguları
6. Farklı ihtiyaçlara veya değerlere sahip olmak

Fikirlerinizi aşağıdakileri yapmanız gereken Kullanıcı Merkezli Tasarıma dayandırın:

1. Kullanıcıların kim olduğunu belirleyin.
2. Neyi başarmak istediklerini belirleyin.
3. (1) ve (2)'yi sürekli olarak değerlendirin.

Kullanıcı Rollerinizi, Sorumluluklarınızı, Yeteneklerinizi Bilin

1. Kullanıcılar kimlerdir?
2. Kullanıcılar neyi başarmaya çalışıyor?
3. Kullanıcının görevini yerine getirmesi için hangi bilgilere ihtiyacı var?
4. Kullanıcı, ihtiyaç duyduğu bilgileri ve görevlerini gerçekleştirmek için gerekli adımları ne kadar kolay belirleyebilir?
5. Bilgi ve ürün yapıları herkes tarafından erişilebilir mi?
6. Kullanıcı ürünü ne sıklıkla kullanacak?
7. Ürün, kullanım kolaylığını ve öğrenmeyi mi yoksa bilgiyi mi vurguluyor?

Tasarımı Nasıl Anlatırız?

En iyi yol, kağıt prototiplerle başlamaktır. Yüksek kaliteli prototiplerden düşük kaliteli prototipler yapmak için aynı tasarım bilgilerini daha zahmetsiz ve daha ucuza alabilirsiniz. Basit kağıt prototiplerin üretilmesi ve bakımı kolaydır. Bir peçete veya 8,5 "x 11" kağıtla sınırlı olmadığınızı unutmayın.

Ayrıca, tasarımın parçalarını bir bilgisayarda, tam teşekküllü bir modele kadar çeşitli ayrıntı seviyelerinde oluşturabilirsiniz.

Avantajlar

1. Bir arayüz oluşturmanın hızlı yolu.
2. Bir takım katılabilir.
3. Uygulama başlamadan önce kullanıcı geri bildirimlerine dayalı olarak iyileştirmeye izin verir.
4. Arayüzle ilgili sorunları tanımlamaya yardımcı olabilir.

Dezavantajları

1. Herhangi bir kod üretmez.
2. Kullanıcıların arayüzle nasıl etkileşime girdiğini göstermez.
3. Bazı durumlarda diğerlerinden daha güçlü faydaları vardır.
4. Bir arabirimle ilgili tüm sorun sınıflarını bulmayın.

Kullanıcı Arayüzü Tasarlama İlkeleri

Jacob Nielsen's, kullanıcı arayüzü tasarımının on ilkesini listeledi:

1. GERÇEK DÜNYAYI EŞLEŞTİRİN, NESNELERİ DOĞRUDAN İŞLEYİN -> Kullanıcı, veri nesnelerinin görsel bir temsiliyle etkileşime girer. Görsel temsil ve fiziksel etkileşim önemlidir.
2. NESNELER KULLANIM İÇİN ÖZEL EYLEMLER (MANİPÜLASYONLAR) TAVSİYE EDER, DOĞAL HARİTALAMA -> Kontrollerin fiziksel düzeni, işlevin düzeniyle eşleşmelidir.
3. EYLEMLER ANINDA, GÖRÜNÜR ETKİLERE SAHİP OLMALIDIR.
4. TUTARLILIK VE STANDARTLAR -> Kullanıcılar, farklı kelimelerin, durumların veya eylemlerin aynı anlama gelip gelmediğini merak etmemelidir.
5. YARDIM VE BELGELER -> Yardım, Aranabilir, Bağlama duyarlı, Göreve duyarlı, Somut, Kısa ve hepsinden iyisi gerekli olmamalıdır.
6. KULLANICI KONTROLÜ VE ÖZGÜRLÜK -> Kullanıcılar yanlışlıkla bir ürün işlevini kullanarak sorun yaşayabilir ve uzun bir diyaloga girmeden istenmeyen durumdan çıkmak için net bir çıkışa ihtiyaç duyabilir.
7. SİSTEM DURUMUNUN GÖRÜNÜRLÜĞÜ -> Ürün, makul bir süre içinde uygun geri bildirimlerle kullanıcıları neler olup bittiği hakkında bilgilendirmelidir.
8. ESNEKLİK VE VERİMLİLİK -> Hızlandırıcılar genellikle uzman kullanıcının etkileşimini hızlandırabilir, böylece ürün deneyimsiz ve deneyimli kullanıcılara hitap edebilir. Kullanıcıların sık eylemleri uyarlamalarına izin verin.
9. TANIMA, HATIRLAMAMA -> Kullanıcı, diyaloğun bir bölümünden diğerine bilgileri hatırlamamalıdır. Sistemin kullanım talimatları, uygun olduğunda görünür olmalı veya kolayca erişilebilir olmalıdır.
10. HATA ÖNLEME -> İyi hata mesajlarından bile daha iyi, dikkatli bir tasarım bir sorunun oluşmasını önler—kullanıcılara eylemi gerçekleştirmeden önce bir onay sunun.
11. KULLANICILARIN HATALARI TANIMASINA VE KURTARMASINA YARDIMCI OLUN -> Hata mesajları sade bir dille (kodsuz) ifade edilmelidir, sorunu tam olarak belirtin ve yapıcı bir şekilde bir çözüm önerin. Ve kibar olmalılar…
12. ESTETİK VE MİNİMALİST TASARIM -> Ürün alakasız bilgiler içermemelidir. Alakasız bilgiler, ilgili bilgilerle rekabet eder ve göreceli görünürlüklerini azaltır.

Herkesi Memnun Edebilir miyiz?

NUMARA!

Her bir kullanıcı deneyimini optimize etmek için çaba harcarsanız, ürününüz başarılı olmaz. Dijital pazarlama uzmanları, hepsi üzerinde aynı anda çalışmak yerine belirli bileşenlere odaklanmanız ve öncelik vermeniz gerektiğini bilir. Kullanılabilirliğin ilerlemesi, büyük sıçramalar değil, küçük adımlarla olmalıdır.