UI Trendleri 2020: Mağazada Neler Var?

2020 burada ve onunla birlikte geçen yıl hangi UI trendlerinin işe yaradığını ve hangilerinin bu yıl da aynı şekilde devam edeceğini inceleme şansı geliyor. Yeni yılın başlangıcı, popülaritesi artmaya devam edecek yeni ortaya çıkan UI tasarım trendlerine bakmak için mükemmel bir fırsat sunuyor.

Tasarım endüstrisindeki yeniliklerin, neyin yararlı (ya da değil) ve neyin gözden düştüğü konusunda bilgi sahibi olmak, müşterilerine yenilikçi fikirler sunabilmek isteyen UI tasarımcıları için hayati önem taşır. Trendleri gözden geçirmek ve ileriye doğru nasıl gelişebileceklerine bakmak bu çaba için çok önemlidir.

UI trendleri 2020, UI tasarımında hikaye anlatımı (bir projeyi yalnızca UX açısından düşünmek yerine), 3D grafikler ve animasyon, benzersiz mikro etkileşimler, karanlık temalar, basitlik, sesli etkileşim ve daha fazlasını içerecektir.

hikaye anlatımı

Hikaye anlatımı genellikle yalnızca UX açısından düşünülür. Ancak, UI tasarımcıları hikaye anlatımı sürecinde de önemli bir rol oynayabilir.

UI tasarımcıları renk, tipografi, animasyon ve etkileşim tasarımı kullanarak iyi UX için gerekli hikayeleri uygulayabilir.

Google'ın Pixel Earbuds açılış sayfası, kullanıcı arayüzü hikaye anlatımının etkileyici bir örneğidir. Olumlu bir duygusal tepki oluşturmak için düşünceli animasyonlar, ilişkilendirilebilir görüntüler ve yıldız tipografisi aracılığıyla ziyaretçiye ürünün faydaları konusunda rehberlik eder.

3D Grafikler ve Animasyon

3D grafikler ve animasyon, UI tasarımında yeni değil. Bunların sıklığı, son yıllarda birden fazla ürün kategorisinde arttı. Özellikle VR ve AR uygulamaları, mobilyaları gerçek bir odada görüntülemek gibi şeyler için bu öğelerden yararlandı. Diğer bir yaygın örnek, e-ticaret sitelerinde popüler hale gelen 360 derecelik ürün görünümüdür.

Bir UI tasarımının özellikle dikkat çekici olması gerekiyorsa, 3D grafikler bunu başarmanın mükemmel bir yoludur. Animasyon görsel çekiciliğe katkıda bulunur. Bu efektler, 2B sürümlerden daha fazla zaman alırken ve özel bir beceri seti gerektirirken, genel kullanıcı deneyimine katkıda bulundukları durumlarda ekstra kaynaklara değer.

Eşsiz Mikro Etkileşimler

Mikro etkileşimler, herhangi bir iyi dijital ürün tasarımının temel bir unsurudur. Yine de, birçok UI tasarımcısı ve paydaşı tarafından hala gözden kaçırılıyorlar.

Mikro etkileşimler, kullanıcılara ekstra içgörü ve geri bildirim sağlar. Etkileşim animasyonları, farklı durumları göstermek için renk değişiklikleri ve mobil uygulamalarda dokunsal geri bildirim gibi şeyler içerebilirler. Mikro etkileşimler, bir tasarımı işlevselden olağanüstüye yükseltebilir.

Karanlık Temalar

Karanlık temalar birkaç yıldır ortalıkta dolaşıyordu ancak 2019'da yükselişe geçti. Apple, Mojave güncellemesini yayınladıklarında bu eğilime yardımcı olmak için çok şey yaptı ve bunu destekleyen uygulamalarda otomatik olarak varsayılan olarak karanlık bir temaya geçme yeteneği sağladı. Ayrıca, aynı karanlık mod işlevselliğini sunan iOS için bir güncelleme yayınladılar.

Karanlık UI temaları 2020'de büyümeye devam edecek. Görsel çekiciliğin ötesinde en önemli faydalarından biri, bazı insanlar için uygun kontrasta sahip koyu temaların göz yorgunluğuna yardımcı olabilmesidir.

Karanlık tema tedavisini elde etmek için en son önemli uygulamalardan biri, seçeneği Eylül ayında kullanıma sunmaya başlayan Gmail'dir. Artık üç büyük teknoloji devinin tümü (Apple, Google ve hatta Facebook'un mobil uygulaması) karanlık tema vagonuna atladı, bu eğilimin yakın gelecekte ortadan kalkması pek mümkün değil.

Basitlik

Basitlik ve minimalizm, birkaç yılda bir UI tasarımında modaya girip çıkıyor. Şu anda içerideler.

Sade tasarımlarla işlevsellik ön plandadır. Sadelik, tek bir trendden çok bir tasarım ilkeleri koleksiyonudur. Basit tasarımlar genellikle Gestalt ilkelerini, cesur tipografiyi, minimalist renk paletlerini ve bol miktarda boşluk içerir.

Tasarımda sadeliği yaratmak kolay değildir. Tasarımcının kendine güvenmesi gerekir ve şüpheli tasarım seçimlerini gizleyecek hiçbir şey olmadığından her öğenin mükemmel olması gerekir. İyi yapıldığında, insanların kullanmayı sevdiği zarif, kaliteli bir his yaratır.

Ses Etkileşimleri

Ses etkileşimleri bir zamanlar bilim kurgu alanına ayrılmıştı. Akıllı telefonlar ve mobil uygulamalar bunu değiştirerek sesli etkileşimi yalnızca mümkün kılmakla kalmayıp ana akım haline getirdi. İnsanların sesli komutlar aracılığıyla uygulamalarla etkileşime girmesine izin vermek, bir ürünle etkileşim için bir olasılıklar dünyasının kapılarını açar. Bir tüketici sesli komutlar verebildiğinde, dokunmatik arayüzlerin güvenli veya pratik olmadığı durumlarda (örneğin, araba kullanırken veya bir tarifi veya öğreticiyi takip ederken) bir uygulamayı kullanabilir.

Ses etkileşimi yeni değil, ancak ilk yinelemeler hantaldı ve çoğu zaman iyi çalışmadı. Son birkaç yılda, sesli etkileşim (genellikle yapay zeka destekli yardımla) bir uygulamayla pratik bir iletişim yöntemi haline geldi. Ses kontrolü daha da geliştikçe, ortadan kalkması pek olası olmayan bir eğilim. Google, bazı spekülasyonların dokunmatik etkileşimlerin neredeyse tamamen yerini alan sesli etkileşimlerin başlangıcı olabileceğine dair I/O 2019'da Google Asistan özelliğinde önemli yükseltmeler yaptığını duyurdu.

UI tasarımcıları, sesli etkileşimlerin nasıl çalıştığını ve bunları ürünlerine, özellikle de mobil uygulamalara en iyi nasıl entegre edebileceklerini öğrenmekten faydalanacaktır. Sonunda, sesli etkileşimler, web de dahil olmak üzere diğer etkileşim türlerini geride bırakabilir.

Tipografi UI Tasarım Trendleri

Her yıl yeni tipografi trendleri ortaya çıkıyor ve geçen yıl da farklı değildi. 2020'de devam etmesi muhtemel olan daha belirgin kullanıcı arayüzü trendlerinden bazıları, serif yazı tiplerine geri dönüş, çok büyük olmayan kahraman metinleri ve diğer öğelerle katman katmanını içeriyor.

Grafik kullanıcı arayüzü tasarımları ilk ortaya çıkmaya başladığında, serifler genellikle ekranda okunması zor olduğu için hoş karşılanmıyordu. Düşük ekran çözünürlükleri, harf biçimlerinin daha ince ayrıntılarının (ve genel olarak küçük ölçekli görsel ayrıntıların) kaybolması anlamına geliyordu ve bu da geleneksel olarak baskıda iyi çalışan birçok yazı tipinin bilgisayar ekranında korkunç görünmesine neden oluyordu.

Ekran çözünürlükleri arttıkça, seriflerin ekranda okunmasının zor olduğu fikri bir şekilde devam etti. Bu son yıllarda değişti ve serifler, tipik olarak sans-serif ve ekran yazı tipi karşılıklarından daha az yaygın oldukları başlık ve kahraman metni de dahil olmak üzere her yerde ortaya çıkıyor.

Görünüşe göre kahraman metni her yıl daha da büyüyor ve genellikle bir web sitesinde "ekranın üst kısmındaki" tüm alanı kaplıyor. Bu, 2019'da kahraman ve başlık resimleri üzerinde kullanılan daha küçük (yine de belirgin) metinlerle değişti. Kahraman tasarımının değerli bir parçası olarak boşlukları yeniden sunan hoş bir değişiklik.

Görüntülerin altında veya üstünde (veya bazen her ikisi) grafik öğelerle katmanlama türü, büyüyen bir başka eğilimdir. Bazen metin, kutulu resimler veya renklerle kaplanır veya altları doldurulur, diğer zamanlarda ise diğer görsel öğelerle tamamen entegredir.

UI Trendleri 2020'de İleriye Bakmak

En iyi UI trendleri, bir dijital ürünün genel deneyimini ve kullanışlılığını geliştirirken görsel olarak çekicidir. Yukarıda ele alınan trendler gelişmeye devam edecek ve muhtemelen 2020'de yenileri ortaya çıkacak.

Daha büyük markalar trendleri benimsedikçe ve daha yaygın hale geldikçe, standartlara dönüşüyor ve dijital ortamın bir parçası haline geliyorlar. Bu evrim, karanlık temalar gibi trendlerle zaten gerçekleşiyor.

Diğer durumlarda, eğilimler birkaç yıl boyunca sabit kalır ve daha sonra daha iyi fikirler ve yöntemler ortaya çıktıkça ortadan kaybolur. Bunun bir örneği, birkaç yıl önce inanılmaz derecede popüler olan ancak 2020'de neredeyse o kadar belirgin olmayan paralaks kaydırmalı kullanıcı arayüzüdür.

2020'de yeni trendler ortaya çıkacak ve burada yer alan trendlerden bazıları yıl sonuna kadar kaybolabilir. Uzman UI tasarımcıları her zaman içerik sunmanın daha iyi yollarını arıyorlar, bu da 2020'deki bazı UI trendlerinin 2021 yılına kadar dijital zamanın ruhundan neredeyse tamamen kaybolacağı anlamına geliyor.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Geleceğe Bakış – 2020 Tasarım Trendleri
• Toptal Design Blog 2020 Yılının Rengi
• UX Tasarım Trendleri Retrospektifi 2019
• Tüm Trendler Buna Değer mi? Web Tasarımcılarının Yaptığı En Yaygın 5 UX Hatası
• Aşağıdaki Trendler: Saygı ve Tasarım İntihal