2016'da Farkında Olmanız Gereken 5 UX Tasarım Trendi

İyi bir UX tasarımı, bir ziyaretçinin bir web sitesinde gezinirken hissettiği duygu, sezgi ve zevkin etkinliğini artırmak için gereklidir.

UX tasarımıyla ilgili istatistikler şunları ortaya koyuyor:

• Şirketlerin yalnızca yüzde 55'i herhangi bir çevrimiçi UX testi yapıyor. (kaynak)
• Ziyaretçilerin yüzde 88'i, kötü bir kullanıcı deneyimi yaşadıklarında bir web sitesini tekrar ziyaret etme olasılıklarının daha düşük olduğunu bildirdi.(kaynak)
• Kullanıcı deneyimine yatırılan her 1 ABD Doları, 100 ABD Dolarına kadar getiri sağlayabilir.(kaynak)

İstatistikler, UX'in web sitesi ziyaretçilerini ve ROI'ye susamış işletmeleri demir yumrukla yönetme potansiyeline sahip olduğunu gösteriyor, ancak çok az şirket buna dikkat ediyor. Daha ilgi çekici, ödüllendirici ve anlamlı müşteri yolculukları sunanlar.

Harika bir kullanıcı deneyiminin nasıl oluşturulacağı konusunda hiçbir şey kesin olarak belirlenmemiş olsa da, en son UX tasarım trendlerine bir göz atmak, kullanıcılar tarafından hangi öğelerin benimsendiğini (ve hangi öğelerin onları çıldırttığını) belirlemenize yardımcı olabilir.

Onaylandı mı? O zaman 2016'da bilmeniz gereken 5 UX tasarım trendine bir göz atalım:

1. Keşif Tasarımı Yaygınlaşıyor

Merak, ziyaretçilerin yeni deneyimlerle karşılaştıklarında verdikleri ilk tepkidir. Bilimsel araştırmalara göre, bir kişi yeni bir deneyime başladığında, beyni, tanıdık durumlara kıyasla yüksek miktarlarda dopamin (beynin zevkini ve ödül merkezini kontrol eden bir nörotransmitter) üretir. Bu, onları sürekli keşfetmeye teşvik eden yeni deneyimlere bağlanma ile sonuçlanır.

Bu nedenle, kullanıcıların yeni bilgiler veya etkileşim deneyimlemelerini sağlayan bir tasarım, bir web sitesiyle olumlu çağrışımları ateşlemek için kritik öneme sahiptir. Sosyal medya siteleri bunu gerçekten iyi yapıyor; bir kullanıcı asla aynı adımları izlemez. Bir gün birinin profilini kontrol edeceksin, ertesi gün neyin trend olduğunu ve bu viral gönderiyi kimin yazdığını görmek için haber akışını keşfedeceksin.

Kullanıcıların dijital deneyimlerinde keşif duygusuyla gezinmelerini sağlayarak, bu UX tasarım trendini web sitenizin yararına kullanabilirsiniz. Shopify'ın altbilgisiyle ne yaptığına bir göz atın:

Öğeler insanları keşfetmeye zorluyor – blog, satış noktası kaynakları, topluluk forumu, ortaklık fırsatı ve çok daha fazlası. Isı haritaları, tasarladığınız öğelerin keşif davranışlarını tetikleyip tetiklemediğine dair bilgiler sağlayabilir.

2. Web Tasarımcıları Mikro Etkileşimlere Daha Fazla Dikkat Ediyor

Dan Saffer'ın “Microinteractions – Designing with Details” adlı kitabının bugünlerde dikkatleri üzerine çekmesinin bir nedeni var. Saffer, mikro etkileşimleri sık sık düşünmediğimiz küçük parçalar olarak tanımladı. Daha geniş bir kapsamı olan ve birden çok kullanıcı hikayesi içeren özelliklere benzemezler. Mikro etkileşimler kısa, basit ve neredeyse zahmetsizdir.

Saffer ayrıca etkili mikro etkileşimlerin dört aşamalı bir süreci takip ettiğini ortaya koydu:

1. Tetikleyici: Eylemi başlatan görsel gösteren.
2. Kurallar: Bir kullanıcı harekete geçtiğinde ne olacağını belirleyin.
3. Geribildirim: Kullanıcının, eylemlerinin bir sonucu olarak neler olduğu hakkında doğrulaması.
4. Döngü ve Modlar: Mikro etkileşim ne kadar sürer (kendini tekrar eder mi yoksa hemen biter mi?).

Bu, kullanıcıların bir web sitesini sevmesini veya nefret etmesini sağlayan birkaç UX tasarım trendinden biridir. İşte birkaç mikro etkileşim örneği:

• SatışKanatları

SalesWings web sitesinde sağ üst köşede sekmeler bulunmaktadır. İmleci bu sekmelerden birinin üzerine getirmek, bunun altını çizerek kullanıcıyı bulundukları sekme hakkında bilgilendirir.

Ayrıca kaydırdığınızda sağ altta sizi sayfanın başına götüren bir buton var. Bunlar küçük öğeler gibi görünse de kullanıcı deneyimini zenginleştirmek için önemli mikro etkileşimlerdir.

• Günlük Canavar

The Daily Beast hakkında bir makale okuduğunuzda, sağ kenar çubuğundaki gri ilerleme çubuğu ne kadar okuduğunuzu gösterir.

Buradaki temel öncül, istemler ve talimatlar yoluyla kolaylaştırılmış öğrenmedir.

Bildirimler, geri bildirimler, ayrıntılar ve hatta çok az eğlence ile etkileşimleri kolaylaştıran unsurları birleştirmeye odaklanın. Ancak bilgileri, kullanıcıların dikkatini dağıtmayacak veya sıkmayacak şekilde ilettiğinizden emin olun.

3. AI-tabanlı UX Tasarımının Test Edilmesi

UX tasarımcıları, web tasarımında bilgisayar mühendisliğinden çeşitli yönleri test etmeye başlayacak, siteleri kullanıcı etkileşimleri için akıllı veya açık fikirli bir boyut oluşturacak şekilde değiştirecek.

Örneğin iOS klavyesini düşünün; içindeki yapay zeka kendine dikkat çekiyor. Kullanıcılar klavyede yazarken, kullanıcının bir sonraki dinamik olarak hangi kelimeyi yazacağına dair tahminini değiştiren AI ile etkileşime girerler.

AI tabanlı UX tasarım trendleri, ziyaretçinin dikkatini çekmenin anahtarının, kullanıcının hedefinin bir modelini geliştirmek ve ardından yapay zekanın kullanıcı eylemlerini bu hedefler ışığında yorumlamasına izin vermek olduğunu iddia ediyor. Bu yıl daha fazla tasarımcının yapay zekayı web sitelerinde ve web uygulamalarında test etmesini bekleyin.

Kullanıcıların makine güdümlü tavsiyeye güvenip güvenemeyecekleri tartışmasına gelince, Corina Yen ve Clifford Nass, "Dizüstü Bilgisayarına Yalan Söyleyen Adam: Makinelerin Bize İnsan İlişkileri Hakkında Ne Öğrettikleri" adlı kitabında, insanların makinelere normal insanlar gibi davrandığını yazdı. İnsan benzeri özelliklere sahip cihazları kullandığımız için farkında olmadan onları insan benzeri beklentilere bağlıyoruz.

AI ve UX tasarımı, cennette yapılmış bir eşleşme olabilir, çünkü AI, dikkat çekmeden tasarıma entegre edilebilir. Bu, kullanıcının baktığı bir web sitesinin arka planında çalışan akıllı bir algoritma olduğunu bilmeyebileceği anlamına gelir. Facebook Haber Kaynağı'nda olan budur, ancak herkes bunu fark etmez.

Bu UX tasarım trendinin harika bir örneği Netflix'in web sitesidir. Yapay zeka, türdeki tercihlerinize göre size film önermek için arka planda çalışır (ancak tarama alışkanlıkları, mikro etkileşimler vb. gibi birçok faktörü hesaba katar).

UX Magazine, zenginleştirilmiş deneyimin tavsiye edilenden değil, tavsiyelerin nasıl sunulduğuna dikkat çekti. Örneğin, kullanıcılar yalnızca romantizm için öneriler almazlar, aynı zamanda saltanat romantizmi için öneriler alırlar. Bu, makine ve insan arasındaki boşluğu doldurarak UX'i zenginleştiren kişiselleştirme düzeyidir.

Not: Kişiselleştirilmiş kullanıcı akışları oluşturmak ve karar yorgunluğunu atlamak amacıyla öngörülü tasarım neredeyse aynı konsepttir.

4. Otomatik Atlıkarınca UX Kötüleyen Olabilir

2016 için UX tasarım trendleri, bazı eski uygulamaların ölümünü de içeriyor. Bunlardan en önemlisi, kullanıcıları çekmek için atlıkarınca veya otomatik görüntü kaydırıcıların kullanılmasıdır. Araştırmalar, bir şeydeki (atlıkarınca dahil) hızlı bir değişikliğin, beynin sürüngen kısmını tetiklediğini ve site ziyaretçilerinin dikkatini dağıttığını belirtti.

ConversionXL, ürün tasarımı uzmanı Luke Wroblweski'nin şu tweetini alıntıladı:

Ayrıca, atlıkarıncalar genellikle bir web sayfasının en üstüne yerleştirildiğinden, banner olarak algılanabilirler. Kullanıcılar reklam gibi görünen şeylerden kaçındıkları için (gerçekte reklam olmasa bile) bu bir sorun olabilir. Ayrıca, her ayrıntı birkaç saniye sonra değiştiğinden, kullanıcıların önemli ayrıntıları atlıkarıncadan alma olasılığı çok düşüktür.

Search Engine Land, karusellerde olay takibinin ayarlandığı üç B2B sitesinin verilerini yayınladı. Site 1, marka bilinci oluşturma nedenleriyle atlıkarınca kullandı. Site 2, teknik incelemeleri ve web seminerlerini tanıtmak için atlıkarınca kullandı. Site 3, hizmetlerini tanıtmak için atlıkarınca kullandı.

Rakamlardan da anlaşılacağı gibi, ziyaretçiler atlıkarıncaya zar zor tıkladılar. Ve çoğu durumda, bu birkaç tıklama, harcadığınız çabaya değecek bir yatırım getirisi sağlamaz. Peki web tasarımında birden fazla karusel kullanmaktan daha iyi bir yaklaşım ne olabilir?

Belki bir kahraman görüntüsü arka planı.

Kissmetrics ana sayfası harika bir örnektir. Kaydırıcılardan veya kaydırmalardan daha iyi performans göstermesi gereken bir kahraman görüntüsü arka planının yanı sıra iyi bir tipografiye sahipler. Ziyaretçilere şirketin ne yaptığını öğrenmeleri için zaman verilir ve daha fazlasını öğrenmek için siyah düğmeyi tıklayabilir. Ayrıca, web sitelerinin URL'sini girerek analitik yazılımını deneme seçeneği de sunulur.

Yapabileceğiniz başka bir şey de, ziyaretçileri farklı açılış sayfalarına götüren farklı seçenekler sunmaktır. Birkaç saniyeliğine onlara bilgi vermektense, odaklarını daraltmanın harika bir yoludur.

Aflac'ın ana sayfasında seçenekler sabit kalır.

Ve kullanıcılar, gitmek istedikleri açılış sayfası üzerinde kontrole sahiptir. E-ticaret şirketleri bile ürünlerini sergilemek için atlıkarıncaya güvenmek yerine bu UX tasarım trendlerini çoğaltabilir.

5. İçerik Ekranının Yükselişi

Web tasarımcıları, içeriği ilgi çekici şekillerde görüntülemek için metin yazarları ve içerik pazarlamacıları ile işbirliği yapacaktır. Ziyaretçiler blog gönderilerini okumayı sevebilir, ancak içeriği görüntülemek için farklı öğeler kullanarak kullanıcı deneyimini bir üst seviyeye çıkarabilirsiniz.

Görüntü içeriği grafikler, tablolar, düğmeler, listeler vb. şeklinde olabilir. Bu amaçla tasarımcılar, içeriği okumanın ve mesajı almanın kolay olduğu bir yere yerleştirirler. Farklı biçimlerdeki içerik, kullanıcıları ve onların web sitesine olan ilgilerini çekecektir.

Ziyaretçiler web'i evcilleştirmeye devam ettikçe, içerik gösterimi için değişen öğelerin kullanımı giderek daha popüler hale gelecektir. Tasarımcılar, boş boşluklar ve durumlar yerine, mesaj etkileşimi, uzunluk ve optimal harekete geçirici mesaj için bu eğilimi kullanacak.

Örneğin, Piwik'in açılış sayfasına bir göz atın:

İçerik gösterimi için çizgi grafikleri ve tabloları kullanır. Beynin metni işlemesi ve bunların ne anlama geldiğini göstermesi daha fazla zaman alır, ancak grafikler ve tablolar kısa ve nettir.

Ancak, ziyaretçilerin okumasını istediğiniz tüm içeriği görüntülemek için bir açılış sayfasında her zaman yeterli alan yoktur. Neyse ki, kullanıcılara içerik ekranının üzerine gelme ve ekranı başka bir açılış sayfasına bağlama seçeneği sunarak bu sorunu çözebilirsiniz, böylece ziyaretçiler ekrana tıklayarak ek ayrıntıları okuyabilir.

Son düşünceler

Ziyaretçiler bir web sitesindeki öğelerle etkileşime girdikçe ve bu etkileşimi diğer cihazlarda (akıllı telefonlar, tabletler vb.) UX ile karşılaştırdıkça, web tasarımcılarının gerçek dünya bağlamını dahil etmesi kritik hale gelecektir. Yukarıda bahsedilen eğilimler, UX geliştirmede belirleyici bir rol oynayacak ve bunların uygulanması şüphesiz yeni web sitelerinde ve yenilenen sitelerde görülecektir.

Bu UX tasarım trendleri hakkında ne düşünüyorsunuz? Bu yazıda bahsedilmeyen bir trend fark ettiniz mi? Yorum bırakmaktan çekinmeyin.

vasabii / Shutterstock.com üzerinden küçük resim