UX Tasarım Trendleri Retrospektifi 2019

"Yaratıcılık cesaret ister." – Henri Matisse

Zengin dijital içerik milyonlarca göz küresi için rekabet ederken, dikkatimizi çekmek için verdiğimiz savaş her zamankinden daha büyük. Dikkat dağıtan şeylerin yaygınlaşmasıyla birlikte, “bilişsel krizlerin zirvesine” ulaşıyor olabiliriz. Görüntüler, videolar, metinler, çizimler, animasyonlar ve podcast'ler sponsorlu gönderiler, sahte haberler, arkadaşlarımızın tatil fotoğrafları, alevler içinde Avustralya, Venedik şehri sel ve savaşın alameti ile duyularımızı aşırı dolduruyor, hepsi daha kısa sürede Bir sosyal ağ beslemesinde gezinirken 10 saniyeden fazla.

Dikkatimizi çekmek için yarışan milyonlarca dikkat dağıtıcı bu fırtınanın ortasında, inovasyon ve deneyler yoluyla tasarım trendleri ortaya çıkıyor. Trendler genellikle yaratıcı bir zihin bir şeyi hayal ettiğinden, yarattığından, insanlar onu beğendiğinden ve yayıldığından oluşur. Bazı trendlerin ömrü kısadır, bazıları daha uzun süre dayanır ve bazıları birkaç on yıl içinde geri dönüştürülür; 60'ların moda ve vinil plaklarının Z Kuşağı ile geri dönüşüne tanık olun. Trendler birçok alanda ve disiplinde ortaya çıkıyor: modadan saça, yiyeceklerden arabalara, mimariden tasarıma ve hatta politikaya.

Trendler yaratıcılıktan ve cesur deneylerden doğar. 1960 yılında, bir saç şekillendirme şampiyonu olan Margaret Vinci, Modern Beauty Salon dergisinin editörü tarafından önümüzdeki on yılı tanımlayacak “gerçekten farklı bir şey” yapmaya teşvik edildiğinde, arı kovanı saç modelini buldu. Orman yangını gibi yayıldı ve 60'lar boyunca sıcak bir trend haline geldi. Audrey Hepburn'ün klasik film “Breakfast at Tiffany's”de güzel bir şekilde sergilediği arı kovanı, Brigitte Bardot'nun dağınık yorumu gibi en ikonik örneklerden biridir.

Pek çok yenilikte olduğu gibi, tasarımcılar yeni basılmış ve özenle hazırlanmış kreasyonlarını test etmek ve sergilemek için çeşitli ortamlarda sergiliyorlar. Bazı UX tasarımları, işlerin daha iyi görünmesini ve çalışmasını sağlamak için gerçek çabalardır. Bazıları, tasarımcıyı yüceltmek ve Dribbble'da 10.000 beğeni ile tasarım yarı tanrıları ilan etmelerini sağlamak için tasarlanmış gösteriş projeleridir - sadece radarda kısa bir an için bile olsa.

Seçeneklerin kaotik bolluğunda, bazı tasarımlar atılır ve bazıları tutulur ve yalnızca tüketicilerle değil, aynı zamanda emsallerle de bir UX tasarım trendi haline gelir. Akranlar, bir başparmak yukarı veya bir başparmak aşağı ile yanıt verir: Oooh, bunu sevdim. Harika görünüyor. İşlerin daha iyi yürümesini sağlar. Bu tarzı beğendim. Ya da meh, benim için çalışmıyor… Bazen, FOMO'nun (Kaybetme Korkusu) semptomlarına yenik düşerek, diğer tasarımcılar çoğunluğa atlıyor, yayın yapıyor: Bakın, ben de havalı, modern ve çağdaşım! ve ben çağdan yanayım, şuna bir bakın, bu en son şey.

Taklit, sıradanlığın büyüklüğe ödeyebileceği en içten iltifat şeklidir. Oscar Wilde

Bazı UX tasarımcıları, takipçi olarak görülmek istemedikleri için tasarım trendlerine direnebilirler. Bazıları tasarım trendlerini tamamen reddeder, onları geçici hevesler olarak reddeder ve iyi tasarım ilkelerine bağlı kalır. Her türlü maksimalistin yeminli düşmanı olan “sonsuza dek minimalistleri” ele alalım. Ancak muhalif tasarımcılar, her stilin ve trendin dünyada bir yeri olduğunu anlamalıdır. Yanlış trend, yanlış zamanda, yanlış medyada, yanlış bağlamda kullanıldığında ortalık karışır ve insanlar siner.

Tasarım trendlerinden ilham almak başka şekillerde de faydalı olabilir. Korkunç yaratıcı blok tasarımcıları felç ettiğinde, tasarım trendlerinden ilham almak bunun üstesinden gelmeye yardımcı olabilir. Akılsız taklitlere yol açmadığı sürece, yeni ilham kaynakları aramanın yanlış bir tarafı yok. Belirli bir tasarım trendinden ilham almak, yaratıcısına selam vermek, onun işe yaradığını ve işe yarayan şeyin yakında bir en iyi uygulama, bir gelenek ve yerleşik bir tasarım modeli haline geleceğini kabul etmektir.

2019 UX tasarım trendlerine tekrar bakalım ve bir düzine önemli olanı vurgulayalım.

2019 UX Yılın Trendi: Her Yerde Çizimler

Son birkaç yıldır, tuhaf illüstrasyonlar dijital tasarım dünyasına sızıyor ancak 2019'da ön plana çıktı. Trend, görsellerde organik bir duyarlılık ve soğuktan, dijitalden uzaklaşma arzusundan kaynaklanıyor. teknik bir görünüm.” Hareket, gerçek, ham maddelerden yapılan analog medyanın (vinil plaklar, eski giysiler, tipo baskı) yakın zamanda geri dönüşüyle ​​güçlerini birleştiriyor. İnsanlar elle tutulur, yani doğal, organik ve mantıklı şeylerin özlemini çekiyor.

Hazır görseller ve hazır ilüstrasyonlar çıktı . Tuhaf dijital illüstrasyonlardan siyah-beyaz karakalem eskizlere kadar, organik hissi veren her şey . İzometrik çizimler çok moda ve hiçbir skeuomorfizme izin verilmiyor. Her şey web sitelerinde ve uygulamalarda, hatta düğmeler ve simgeler için bile organik görünümlü, özel çizimlerle ilgilidir.

Tasarımcılar illüstrasyona biraz hareket katabilirse, daha da iyi. Yavaş hareket eden, incelikli animasyon, statik bir resme ilginç bir unsur ekleyerek onu canlandırıyor.

Çizimler, özellikle işe alım dizileri için mobil UX tasarımına da giriş yaptı.

Trendleri harmanlamak nadir değildir. Yaratıcı açılış sayfaları, bazen hareketli illüstrasyonları hareketli arka planlar, tipografi, fotoğraflar ve video ile birleştiren kaydırma ile tetiklenen, paralaks, multimedya animasyonları sunar.

Let's Go Dark: Karanlık Mod/Karanlık Temalar

Karanlık temaların artan popülaritesi nedeniyle, giderek daha fazla dijital tasarım “karanlık tarafa” geçiyor. Havalı yeni karanlık mod çeşitli platformları istila etti: işletim sistemleri, TV'ler, mobil cihazlar ve web. Apple, TV kullanıcı arayüzü, ardından Mac OS Mojave ve son olarak iOS 13 ve yeni iPadOS ile karanlık mod çılgınlığını körükledi. Karanlık tema kullanıcı arayüzlerinin çeşitli avantajları vardır: Gözleri yormazlar, daha şık ve zarif olabilirler ve pil ömründen tasarruf sağlarlar.

Ancak, karanlık tarafta yürümeyi seçerlerse tasarımcılar dikkatli olmalıdır. Kullanılabilir renk paleti sınırlı olabilir ve yanlış renk kombinasyonu gözler için işkence olabilir. Bunun yanı sıra, çoğunlukla taranabilirlik, okunabilirlik ve kontrastla ilgili her türlü kullanılabilirlik sorunu ortaya çıkar. UX tasarımcılarının düğmeler, metin ve arka plan gibi UI öğeleri arasında yeterli kontrast olduğundan emin olmaları gerekir. Kullanım bağlamı, yani görüntüleme ortamı ve ayrıca karanlık tema kullanıcı arayüzünün görüntülenmesi muhtemel olan cihaz dikkate alınmalıdır.

Minimalizm/Maksimalizm

Harika ürünler daha azıyla daha fazlasını başarır. Bir UX tasarım trendi olarak minimalizm, en son web ve mobil uygulama tasarım trendlerinin de gösterdiği gibi popülerdir. Minimalizmin poster çocuğu olan Apple, onun en etkili ve güçlü savunucusu olmuştur. Tasarım ikonu Dieter Rams'in ideolojisine ve “göze çarpan tasarımın” gücüne selam veren Apple'ın minimalizm odaklı donanım ve yazılım tasarımları istisnai bir şey değil. UX tasarımcıları, Apple'ın oyun kitabından bir sayfa alarak, dijital tasarımı en aza indirgemenin ve insanlara yalnızca bir görevi yerine getirmek için gereken mutlak temelleri vermenin önemini uzun zamandır vurguluyorlar.

Minimalizm hayranları, insanların bilişsel kaynaklarının, bilgi karmaşıklığını işleme ve anlama yetenekleri kadar sınırlı olduğunun farkındadır. İnsanlar, uyaranların tam anlamını atamak için gereken her nüansı kavrayamazlar. Belirgin bilgi, belirli bir durumda büyük olasılıkla dikkati çekecek olan ve aynı zamanda uyaranların nasıl algılanacağı üzerinde en önemli etkiye sahip olan bilgidir.

“Yaratıcılık risk alma yeteneğidir. Aslında kendini tehlikeye atıp alay edilmeyi, teşhir edilmeyi, eleştirilmeyi, her neyse. Ama… bu riski almalısın.” - acı

Seyrek, soğuk minimalizm, maksimalizmin antitezi, bağlılık ve inanç sıçraması gerektiren yüksek riskli, yüksek ödüllü bir tasarım hareketidir. Yıkıcı, asi UX tasarımcıları - karşı kültür "tasarım hippileri" - büyük, gürültülü olmak ve bir etki yaratmak için maksimalizme yöneliyor. Ancak konformist minimalistlerin manzarasından sıyrılma arzusu risksiz değildir. Maksimalizm bir yumruk atabilir, ama aynı zamanda geri tepebilir. Bu sadece, her şeyi riske atıp ara sıra alevler içinde kalan cüretkar cesurlar içindir.

Maksimalistler, zihnin uyaranları sevdiğine inanırlar. Maksimalizmin renk, doku ve desen katmanları zaman zaman tuhaflıklarla sınırlanmakta ve manifestosunda “göz ardı edilmeyeceğiz!” diyor. Maksimalist tasarım, tasarımın pek çok yönüne dokunur: grafik tasarım, web tasarımı, mobil tasarım, iç tasarım, moda, mimari ve daha fazlası - tasarımcıları teşvik etmenin ve büyülemenin bir yolu.

nevmorfizm

Tasarımcılar, minimalist bir duyarlılıkla kalmak, ancak en iyi skeuomorfizm ve malzeme tasarımını birleştirmek arzusundan neumorfizmi buldular. Skeuomorfizm biraz fazlaydı - gerçek dünyadaki nesneleri taklit etmeye çalışıyordu - ve malzeme tasarımı çok düzdü. Nömorfizm ortada bir yerde. Bununla birlikte, yüzeyde göründüğü kadar heyecan verici olan bu UX tasarım trendi, bazı eleştirilere göre kısa ömürlü olabilir.

Neumorfizm, genellikle bir kullanıcı arayüzündeki öğeleri belirtmek için kullanılan renkten arındırılmış "temiz tasarımlara" izin verir ve bunun yerine teknik, UI bileşenlerini ayırmak için hafifçe yükseltilmiş veya girintili bir yumuşak alt gölge kullanır. Birçok trendde olduğu gibi, tasarım trendleri de karıştırılabilir ve tasarımcılar, en yeni tatların heyecan verici bir karışımı olan “tasarım trendi bamyaları” yaratabilirler. Örneğin, neumorfizm, karanlık tema kullanıcı arayüzleri gibi diğer trendlerle birleştirilebilir.

Anlamlı Mikro Etkileşimler

"Ayrıntılar ayrıntı değildir. Tasarımı onlar yapıyor.” - Charles Eames.

İyi bir dijital ürünü harika bir ürüne dönüştüren tüm küçük ayrıntılardır. Microinteractions kitabının yazarı Dan Saffer, mikroetkileşimleri "tek bir kullanım senaryosu etrafında dönen ürün anları içerir - tek bir ana görevi vardır" olarak tanımlar. Estetiğin ötesinde, iyi uygulanmış, pürüzsüz mikro etkileşimler, etkileşim anlarında insanlarda haz uyandırabilir. Mikro etkileşimler, samimi bir deneyim ile sinir bozucu bir deneyim arasındaki farkı yaratan kritik ayrıntılarla ilgilidir.

Mikro etkileşimler yalnızca mobil uygulamalar için tasarlanmamıştır; web siteleri, masaüstü uygulamaları ve web uygulamaları (SaaS) için de tasarlanabilirler. Tasarımcılar dikkatli olun, karanlık tema trendinde olduğu gibi dikkatli adım atın. Yanlış yerde çok fazla şey geri tepebilir ve kullanıcı deneyimini mahvedebilir; bu nedenle, ne kadarının ve hangi bağlamda sağlanacağının ihtiyatlı bir şekilde değerlendirilmesi hayati önem taşımaktadır.

Mobilde Daha Fazla Hareket Etkileşimi

Arayüz ipuçlarını aramak ve simgelere dokunmak, mobil cihazlarda hayır-hayır haline geldi. İnsanlar, mobil tasarım için en iyi uygulama haline gelen, mobilde çeşitli UI öğelerinin kaydırılabilir olmasını giderek daha fazla bekliyor. Daha iyi UX sağlar, çünkü insanlar hareketleri kesin olmayan şekillerde gerçekleştirebilir. Örneğin, kaydırmak, bir kartı kapatmak için bir simgeyi bulup dokunmaktan daha hızlı ve kolaydır. Çoğu durumda, her iki etkileşim seçeneği de sağlanır.

Paylaşma, kaydetme, tercihler, bir görüntüyü yakınlaştırma veya bir sosyal beslemede video izleme gibi küçük mobil etkileşimler için katmanlı, kaydırılabilir kartlar giderek daha fazla kullanılıyor. Apple'ın en yeni iOS 13'ünde katmanlı kart yöntemi, yerel uygulamalarında yaygın olarak kullanılmaktadır. Diğer uygulamalar da bu doğal ve hızlı mobil etkileşim tekniğinden yararlanıyor.

3D Görselleştirme Ürünlere Gerçek Dünya Hissi Getiriyor

Üst düzey, sofistike fotoğrafçılık pahalıdır ve stok fotoğraflar tükenmiştir . 3D görselleştirmeler içindedir . Nesneler 3B olarak işlendiğinde, dokunulmak için orada oldukları neredeyse düşünülebilir. E-Ticaret ve ürün paketleme konseptleri için ürünlerin dijital versiyonlarından iç tasarım görselleştirmelerine ve izometrik ofis kat planlarına kadar her şey, 3D insanların bir şeyin nasıl görüneceğini ve nasıl hissedileceğini görselleştirmelerine yardımcı olur. Fotoğrafçılığın aksine, 3B işlenmiş görüntüler anında alternatif bir renk şemasına dönüştürülebilir, ölçeklenebilir ve farklı bir ortama yerleştirilebilir.

Ses Etkileşimleri

Ses etkileşimleri ile insanların konfor seviyesi artıyor. Cansız nesnelerle konuşuyoruz ve onlar da bizimle konuşuyorlar. Cep telefonlarımızda sesli etkileşimleri yalnızca ellerimiz dolu, kirli veya araba kullanırken değil. Gittikçe daha fazla insan sesiyle arama yapıyor, metin mesajlarını dikte ediyor ve sesli komutlarla müzik çalıyor.

Ana akım tarafından daha fazla kabul gören dijital sesli asistanlar Alexa, Cortana, Google Asistan ve Siri ile seyahat ve hava durumu bilgileri almak, alışveriş yapmak ve araç siparişi vermek için konuşuyoruz. Popüler sesli asistanların yanı sıra, sesli etkileşimleri kullanma yeteneği giderek çeşitli cihazlara ve uygulamalara dahil ediliyor. Yakın zamanda yapılan bir anket, insanların etkileşim kurmak için seslerini kullanmayı sevmesinin nedeninin, bunun hızlı, doğru olması ve yazma gerektirmemesi olduğunu ortaya çıkardı; başka bir deyişle, sürtünmeyi azaltır ve daha iyi UX sağlar.

Konuşma Arayüzleri ve Chatbotlar

Büyük kahraman resimleri, düğmeleri, bağlantıları ve formları olan geleneksel açılış sayfaları, yavaş yavaş en sezgisel ve doğal etkileşim modellerinden birine, yani konuşmaya yol açıyor. Konuşma kullanıcı arayüzleri keyifli, daha kişiselleştirilmiş ve sorunsuz bir deneyim sunar.

Tipik olarak, sohbet robotları, bir uygulama arayüzü olarak anlık mesajlaşmayı kullanan yapay zeka platformlarıdır. Chatbotlar, formları doldurmalarını isteyerek kullanıcılara bu yükü yüklemek yerine, etkileşimi daha doğal ve sohbete dayalı hale getirerek bu yükü hafifletiyor. Bazı botlar AI değil, daha çekici kullanıcı deneyimleri sağlamak için sohbet yoluyla etkileşime giren gerçek insanlardır.

Örneğin bir seyahat rezervasyonunu tamamlamak için geçen süre aynı olsa da, etkileşim konuşma şeklinde olduğundan ve parçalara bölündüğünden, bilişsel gerginlik azalır ve kullanıcı deneyimi iyileştirilir.

Kaydırma ile tetiklenen Animasyonlar Hikayeler Anlatır, Ürün ve Hizmetleri Satar

Web'de ürün satışı söz konusu olduğunda, ürünlerin süper yakın çekim, üst düzey 3D görüntülenmesi tüm öfke haline geliyor. Yaşam tarzı pazarlaması odaklı, kaydırmayla tetiklenen animasyonlar, çarpıcı görsellerle etkileyici, sinematik hikayeler anlatır. Genellikle stop-motion animasyon, fotoğraf ve videoyu zarif tipografi ile harmanlayarak, insanların ilgisini çekmek ve çekmek için tasarlanmıştır.

İnsanların eski moda bir şekilde gezindiği statik web sayfalarından daha büyüleyici olan benzersiz ziyaretçi deneyimlerine odaklanan çeşitli hizmet şirketleri, yaratıcı hizmetlerden dijital tasarım ve markalaşmaya kadar her şeyi satmak için kaydırmayla tetiklenen animasyon UX trendini de kullanıyor.

Güçlü Tipografiye Sahip Karma Medya Siteleri

Son birkaç yılda web, kendi kendine oynayan videolar, hareketli GIF'ler, 3D animasyonlar ve kaydırma ile tetiklenen animasyonlu resimlerle dolu multimedya sayfalarıyla hayat buldu. Yüksek sesli tipografi ve paralaks kaydırma ile birlikte, mutfak lavabosu dışındaki her şey atılmış gibi geliyor - ancak biraz kısıtlama ile iyi yapılırsa ve sofistike bir tarzda yapılırsa, ziyaretçilerin dikkatini çekeceğinden emin olabilirsiniz. Deneyimler artık doğrusal değil, zengin ve ilgi çekici olacak şekilde tasarlanıyor.

e-Ticaret 3D, AR ve Hareketle Canlanıyor

Fiziksel dünyada alışveriş yapmak dokunsal bir deneyimdir. Araştırmalar, e-Ticaret sitesi ürün sayfalarındaki video veya 3D animasyonun, insanlar daha iyi anlayabileceği için daha fazla ürün satma eğiliminde olduğunu göstermiştir. Artırılmış gerçeklik (AR) yoluyla gerçek hayata eklenen ürünler de daha iyi çalışma eğilimindedir çünkü insanlar ürünleri "deneyebilir" veya ürünleri gerçek yaşam ortamlarına yerleştirebilir. Hızlı internet bağlantıları arttıkça ve tarayıcılar her türlü multimedya içeriğini oluşturmada daha iyi hale geldikçe, bu e-Ticaret UX trendleri devam etmek zorunda.

Seçkin UX Tasarım Trendleri Kalıcıdır

En son UX trendlerine ayak uydurmak, mantıklı bir şekilde yapılmazsa bir tuzak olabilir, ancak güncel olanı takip etmek çok önemlidir. Bunu yapmak, bir UX tasarımcısının son teknoloji olmasına veya kalmasına yardımcı olabilir. UX tasarım trendleri, UX tasarımcılarının insanların yüksek beklentilerini karşılama çabalarını artırabilir, çünkü çoğu durumda UX tasarım deneylerinden geçirilmiş ve işe yaradıkları kanıtlanmıştır.

Her yıl sıcak yeni UX tasarım trendleri ortaya çıkıyor. Bazıları popüler olacak, bazıları azalacak ve sonunda yok olacak. Acımasız bir eleme süreciyle, yalnızca en kullanışlı ve dayanıklı olanlar hayatta kalacak, bu da olağanüstü kullanıcı deneyimleri tasarlama sanatını ve bilimini ilerletmek için harika.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Geleceğe Bakış – 2020 Tasarım Trendleri
• Kullanıcı Deneyiminin Denenmiş ve Gerçek Yasaları (Infografik ile)
• Bu Photoshop Eğitimleri ile Sıcak Tasarım Trendlerinde Ustalaşın
• Öne Çıkan e-Ticaret Trendleri ve Tasarıma Etkileri (İnfografik ile)
• Tüm Trendler Buna Değer mi? Web Tasarımcılarının Yaptığı En Yaygın 5 UX Hatası