2023'te Beklenecek 10 Web Tasarım Trendi

"Goblin Modu", 2022 Oxford Yılın Sözü seçildi. Terim, "özür dilemeden kendini beğenmiş, tembel veya özensiz ve tipik olarak sosyal normları veya beklentileri reddeden bir davranış türü" anlamına gelir. Halk oylamasıyla karar verilen yılın ilk sözü oldu.

Bir toplum olarak son birkaç on yılda yavaş yavaş kendi keyfimize kaydığımız bir sır değil. Bazen utanç verici ve bazen aşırı ama bunu batı yaşamının her alanında görebilirsiniz. Atletik moda kıyafetleri, her şeyi çevrimiçi alışveriş yapmak, tembel hissettiğimizde fast food siparişi vermek ve en son TV dizilerini izlemek. Bunlar, içimizdeki goblinimizin kırılması için mükemmel atmosferi yaratan modern yaşamdan sadece birkaç örnek. Ve artık goblin modu geniş çapta kabul gören bir konsept olduğuna göre, gelecekte web tasarımına nasıl yansıyacağını düşünmek merak uyandırıyor.

Goblin teriminin yansıttığı gibi, bu yeni gelişen sosyal normlar, onları UI ve UX tasarımıyla ilişkilendirdiğimizde ilginçtir. Özünde, UI ve UX tasarımı, mümkün olduğunca kapsayıcı olmaya çalışırken standartlara, en iyi uygulamalara ve kullanıcıların çalışmasına dayalı bir alandır. Bu trendi iş başında görmemizin yollarından biri, markayı kullanıcının önüne koyan goblin web siteleridir. En iyi uygulamaları ve hatta zaman zaman erişilebilirliği göz ardı eden bu web siteleri, "güzelliğin" ne olduğunu sorguluyor. Marka mevcudiyetini güçlendirmeyi, web sitesini akılda kalıcı ve ilgi çekici hale getirmeyi amaçlıyorlar. Kaba bir stil, görüntü taşması, tekrarlar, güçlü renkler, ses yüksekliği, sert giriş animasyonları, birden çok nesne vb. Bu web sitelerine aşık olabilir veya eleştirebiliriz. ancak bir web sitesinin varlığını geliştirmek için bu hilelerden bir veya ikisini hiç kullanmadığımızı iddia edemeyiz.

Bornfight studio, web yapımında uzmanlaşmış küçük bir ajanstır. Goblin tavırları, web sitelerinin çok "yüzünüze dönük", çekingen olmayan ve biraz küstah olan ses tonuyla kendini gösteriyor. Örneğin, eğlenceli çerez afişlerini ele alalım - "hayat acıdır, bu yüzden çerez kullanıyoruz" veya bunların iltifat ve para için çalıştıklarına dair samimi iddia ve üst üste binen görüntülerin ezici ama muhteşem, havada asılı duran animasyonları.

Maksimalizm yelpazesinin diğer tarafında, ihtiyacımız olan tek şeyin biraz denge olduğunu iddia eden bir basitlik hareketi görüyoruz - "yavaşlama" egzersizi. Bu eğilim, kullanıcı için hoş ve rahatlatıcı bir deneyim yaratır ve "görünüşe dair her şey" kültürünün tam tersidir.

Ayrıntıları azaltarak basitliği keşfeden, anonimliğe ulaşmayı isteyen daha fazla web sitesi göreceğiz.

Bu web siteleri bazen, minimalist tipografi, site içinde sınırlı sayıda yazı stili, büyük resimlerle uyumlu sessiz renkler veya ayrıntılı UX çizimlerinin yerini alan amorf çizimler kullanarak bir yapı veya tasarlanmış tel kafes gibi davranır. Ayrıca, bazen tatlı bir animasyon kaydırması web sitesini sarar ve sizi dinginliğe sürükler.

Şaşırtıcı bir şekilde, bunun gibi bir web sitesi tasarlamak zor bir süreç olabilir, çünkü özün nerede yattığını ve neyin gereksiz olduğunu anlamak için tasarımcı olgunluğu gereklidir. Bu web siteleri bazen hem stil hem de performans açısından daha fazla açılır, bu da onları içerik ve resimlerle dolu rakip web sitelerinden farklı kılar.

Templeton Giyim, Bavyera Kuzey Alpleri'nden bir e-ticaret sitesidir. Kahramanlık bölümlerine hızlıca bir göz atmak, tutumlarını anlamak için yeterlidir; ağır çekim animasyon, promosyon yok veya CTA yok. Hiçbir kelime kullanmadan, yavaşlamanızı ve kaydırmanızı istiyorlar. Genel olarak siyah beyaz doğrusal kenarlıklar ve büyük resimler, "anti-tasarım"larına uyuyor, ürünleri ana şey olarak ve markalamayı ikincil olarak ön plana çıkarıyor.

Geçen yıl kaydırmalı anlatımdan bahsetmiştik ve her ne kadar on yıl önceymiş gibi görünse de, bu yıl web deneyimi etkileşim kurmanın yeni yollarıyla birkaç adım ileriye gitmiş gibi görünüyor.

Bir web sitesi oluşturmadan önce, bir kullanıcı yolculuğunun haritasını çıkarırız ve işlevsel nedenlerle bir yapı ve çerçeve oluştururuz. Gerçek dünyaya paralel hale getirirsek, web sitesi, kullanıcının dönüşüme doğru yürümesini istediğimiz bir yoldur. Bu eğilimin ortaya çıkardığı soru şu: Bu kullanıcı yolculuğu nedir ve 2023'te nasıl görünmesi gerekiyor?

Bu 'zevk' yaklaşımı, web sitesini bir dizi sayfadan daha fazlası olarak değil, 3 boyutlu bir deneyim olarak düşünmeye başlamamız için bize ilham veriyor. Elbette genel amaç, kullanıcıları ilgili ve meraklı tutmak ve yol boyunca sürprizler ve neşeli paskalya yumurtaları ile onları yolda ilerletmektir. Böyle neşeli bir zevk için harika bir örnek, web tasarımında kullanıcı deneyimini geliştirmede önemli bir rol oynayabilecek animasyonlu imleçtir.

Bu düşünce ekolünün dışında, teknik olarak göz ardı ettiğimiz özellikleri, menü veya dahili bağlantılar gibi yol ayrımlarını, CTA'yı ve ayrıca alt bilgi veya 404 gibi yolun sonlarını düşünebiliriz. Bu "çatışma alanlarında", kullanıcıların deneyimleyebilecekleri başarı veya başarısızlık, ilgi, güven veya şüphe gibi duyguların haritasını çıkarabiliriz. Animasyonlar, pazarlama mesajları ve esprili motifler eklemek, kullanıcı deneyimini kolaylaştırabilir ve kullanıcı arasındaki bağı güçlendirebilir. ve marka. Görünüşe göre, şu an için danışanların bu alanlarla ilgili güçlü duyguları yok, bu da onları yaratıcılığımızı serbest bırakmak için ideal bir yer yapıyor.

Studio Brot, reklam ve markalaşmaya odaklanan bir tasarım ajansıdır. Hizmetleri parçalanmış ve basitleştirilmiştir, kullanıcıya bir ekmek pişirme metaforu (Brot - Almanca ekmek için) şeklinde sunulur. Gezinme tekniklerine ve web sitesinde sizi her zaman tetikte tutan ve bundan sonra ne bekleyeceğinizi merak etmenize neden olan çeşitli animasyonlara aşık olduk.

Fiziksel ve sanal arasındaki sınırların bulanıklaşmasının bir parçası olarak, e-ticaret arenasına dalmak ve değişiklikleri öngörmek büyüleyici. Bu biraz paradoks. Bir yandan fiziksel tasarım hiper dijitalleşiyor, öte yandan bazı cesur e-ticaret web siteleri şehvetli, dokunulabilir bir satın alma deneyimi sunuyor.

Pek çoğumuz bir giyim mağazasına girmekten, yeni kıyafetlerin kokusunu almaktan ya da bir gömlek denemekten ve kumaşın yumuşaklığını hissetmekten hoşlanırız. Bu web trendi, tüm satın alma sürecini neredeyse somut hale getirmek için başka bir boyut katmanı ekleyen etkileşimli ürün teşhirleri aracılığıyla gerçek bir alışveriş deneyimini yeniden üretmeye çalışıyor.

Küçük bir bütçeyle bile, lottie animasyonları, döndürme ve 3d animasyonlar kullanarak kullanıcının duyularını harekete geçirmeye çalışabiliriz - tüm bunlar, kullanıcıyı sattığımız ürünü keşfetmeye ve onunla etkileşime geçmeye teşvik etmek için. Bu, ürünün özelliklerini, açılarını ve aydınlatmasını harika bir oyunculuk duygusuyla güçlü, akılda kalıcı bir keşif duygusu yaratır. İşin püf noktası, ürününüzün diğerlerinden nasıl farklı olduğunu ve kullanıcının onunla nasıl etkileşime gireceğini anlamaktır.

Grace, etkili bir pazarlama yaklaşımına sahip bir beslenme ürünüdür. Fiziksel mağazada bile mümkün olmayan, özenle hazırlanmış bir kullanıcı yolculuğu aracılığıyla kullanıcıların kutudan çıkarma, paketle oynama ve ürünü ortaya çıkarma deneyimini simüle etmelerine olanak tanırlar.

Yapay zeka teknolojisinin ilk aşamalarından çok uzakta olsak da, ancak son zamanlarda halka ulaşılabilir hale geldi ve görünüşe göre herkes bundan bahsediyor. Geçen yıl, oyunun kurallarını değiştirecek gibi görünen birkaç çevrimiçi yapay zeka motorunun patlamasına tanık olduk. ChatGPT, dall.e2, Midjourney, Stable difusion gibi motorların yanı sıra deepfake teknolojisi, içerik oluşturucular olarak rolümüzün gelecekte nasıl görüneceği konusunda geniş tartışmalara yol açtı.

Sohbetin çoğu, AI'nın yakında yaratıcı profesyonellere olan ihtiyacı ortadan kaldıracağı fikri etrafında dönüyor. Bu oldukça distopik bir yaklaşımdır. İşin aslı şu ki, yapay zeka şu anki durumunda, gelecekteki bir yedekten ziyade bizim için kullanmamız gereken bir araç. Ve kullanacağız.

Son birkaç ayda dall.e2 ve Midjourney'in dudak uçuklatan görüntü oluşturma yetenekleriyle sahneye çıkmasıyla bu trendin hızlandığını gördük. Son zamanlarda, ChatGPT ve microcopy'nin karışıma dahil edilmesi hiç bu kadar yaklaşılabilir olmamıştı. Ancak, bu motorlardan elde ettiğimiz sonuçların çalışma gerektirdiğini ve herhangi bir araç gibi, ne kadar ustalaşırsak, kontrolümüzün o kadar artacağını unutmamak önemlidir. Görüntü oluşturmaya odaklanalım. Örneğin Midjourney'i ele alırsak, basit metin istemlerinden kolayca görüntüler oluşturabilirsiniz. Bunlar, haklarını oluşturmak ve hatta bulup satın almak için sonsuza kadar süren görüntülerdir. Ancak basit istemler sizi yalnızca bir yere kadar götürür. Anahtar, üzerinde çalışmanız gerektiğini düşündüğünüz alanlara odaklanarak, ilerledikçe sorgularınızı iyileştirmektir. Ne kadar derine inerseniz, istenen sonuçlara o kadar hızlı ulaşırsınız.

Mayıs ayında WordPress'in 20. yılını kutlayacağız. WordPress'in tanıtımı, kendi başına bir tür devrimi tetikleyerek web oluşturmayı kitlelere ulaştırdı. Şimdi 2023'teyiz ve birkaç haftada bir farklı, sansasyonel bir dijital gelişme hakkında okuyoruz.

Zaman zaman, erken benimseyenler gibi teknolojinin ön saflarında yer almak, bir makale okumak ve yeni bir araç veya teknik öğrenmek ve keşiflerimizi web yaratıcısı topluluğumuzla paylaşmak istiyoruz. Ancak zaman zaman, bu dijital hızlanma çağında bile öğrenme eğrisini atlamayı, kucaklaşmayı ve rahat geçmişe sarılmayı tercih ediyoruz. 80-90'ların motiflerini hala bolca görüyoruz. İlgi çekici bulduğumuz şey, evimizde sahip olduğumuz ilk bilgisayar ya da küçük aptal görünümlü disk oynatıcı gibi eski teknolojiye duyduğumuz özlemdir.

Bu nedenle, aramızdaki geri kalmışlar veya Y2K düşkünleri için kolajlar, pikselleştirme, güçlü renkler, MS-DOS benzeri kullanıcı arayüzü ve eski atari oyunu etkilerini özellikle dikkate alıyoruz.

Hie, içerik yaratıcıları için bir yetenek ajansıdır. Nostaljik nesneleri kullanırlar ve onları çağdaş bir bakış açısıyla yeniden hayal ederler. Bu oyunculuk, merakımızı gıdıklamak ve bizi içine çekmek için tasarlanmıştır.

İnsanların dikkat aralıkları her yıl daha da düşüyor. Bunun için sosyal medyayı, Tiktok'u ve Instagram'ı suçlayabiliriz elbette ama biz aynı zamanda yaratıcı olduğumuz kadar tüketiciyiz. Bu gerçeklik göz önüne alındığında, UI statik kalamaz. Hareket, kullanıcıları çekmek için harika bir araçtır ve çok etkili ve sürükleyici bir deneyim olabilir. Geçen yıl, hareketin bizi meşgul etmek için nasıl kullanıldığını ve daha fazla içerik tüketmemizi sağladığını gördük. Kullanıcılar olarak, web sitesiyle eskisinden daha yüksek bir düzeyde ve bu noktada daha anlamlı bir şekilde etkileşim kurduğumuzu hissetmemizi sağlar.

Kullanıcılarımız hareket eden ve zıplayan pikselleri görmeye alışkındır; her bir eylem için endikasyon almayı beklerler. Bu geri bildirim, kullanıcının aktif bir katılımcı gibi hissetmesini sağlar, böylece kendilerini mevcut ve odaklanmış hissetmelerini sağlar. Böyle bir deneyim yaratmanın bir yolu, mikro animasyonları kolaylaştıran bölümler arasında kayan paralaks efektleri kullanılarak yapılan yumuşak kaydırma animasyonudur. Daha popüler olmasını beklediğimiz bir başka örnek ise, normları aşan, hatta kullanıcının denge ve yerçekimi duygusuyla oynamaya kadar giden hareket. Kaba giriş animasyonları, güçlü patlamalar, yakınlaştırmalar, değişken yazı tipleri, döndürme çıkartmaları vb. ile gözlerinizle oynamayı amaçlayan daha fazla animasyon veya entegre video göreceğiz. Bazen yorucu olabilir ama kullanıcının dikkati o kadar değerlidir ki, ne pahasına olursa olsun onu çekmeye çalışırız.

Estudios Victor Cordon, bağımsız sanatsal topluluğu destekleyen yaratıcı bir platformdur. Bölümden bölüme kaydırırken sürekli kesintisiz hareket kullanırlar. Hem güzel hem de benzersiz bulduğumuz bir şey, ekrandaki bileşenlerin aslında statik olması, ancak arka planın yarattığı hareketin bir akışkanlık ve sürekli hareket hissi vermesiydi.

Temiz tasarım estetiğinin aksine, benzersiz tipografik düzenlerle kelimenin tam anlamıyla sınırları zorlayan daha fazla web sitesi görüyoruz. Bu tasarım uygulamasının arka ambalaj, müzik festivali afişleri, etiketler ve tabelalar gibi yer sıkıntısı çeken ortamlarda yaygın olduğu düşünüldüğünde oldukça şaşırtıcı. ekran ve etkileşimli deneyim lehine bıraktık.

Dikkat çekmeyi amaçlayan en ilginç olanlar, unutulmaz bir metin tabanlı görüntüleme deneyimi yaratma misyonlarında geleneksel web düzenlerini bırakırken tipografi ve ızgaralarla oynuyor. Bu web siteleri, genellikle web'de kullanılmayan, acımasız stilde tipografiye sahip büyük boyutlu antetli kağıtlar kullanma eğilimindedir. Bu hareketin bir parçası olarak, tüm bölümü kaplayacak kadar büyük bir yazı boyutuna sahip, yalnızca bir paragraftan oluşan bölümleri olan daha fazla web sitesi görebiliriz. Hep birlikte, statik olsa bile sayfaya dinamik bir öğe ekler.

Parazker'in web sayfasının kavrayacağı çok şey var. Bu tek kat, kolayca birkaç kat ve sayfaya yayılabilirdi, ancak bu sunum, ambalaj üzerindeki etiketler veya barkodlar gibi bir aşinalık duygusu yaratıyor. Buradaki tasarımcılar, tüm bilgileri tek bir katmana sıkıştırdı, böylece kullanıcılar tüm bilgileri tek bir bakışta görüntüleyebilir.

Gerçek dünyada aşırılık yanlılarının seslerinin yükseldiği bir zamanda, burada, yarattığımız alternatif web evreninde bir fark yaratma fırsatına sahibiz. Sonuçta, biz web yaratıcıları olarak büyük bir topluluğuz. Daha fazla değer katmak ve dünya çapındaki ağı daha iyi, daha kapsayıcı bir yer haline getirmek için bir fırsatımız var.

Toplumumuzda artan dijital güven ile birlikte, Covid19 vurduğundan beri, kullanıcılar en temel hizmetleri bile almak için çevrimiçi olarak çok daha fazla zaman harcıyorlar. Bir projeye başlarken, genellikle doğru bir brief oluştururuz ve tasarımı belirli bir kullanıcı kişiliğine ve ihtiyacına göre uyarlarız. Belki de bu yıl, yeni yıl kararımız interneti başkalarının gözünden görmeye çalışmak olabilir - teknolojiyi yetenekleri, ekonomik durumları, yaşları, eğitimleri veya coğrafi konumları ne olursa olsun herkes için kullanılabilir hale getirmek.

Zihniyette küçük bir değişiklik ve küçük bir iş akışı ayarlaması. Müşterileri erişilebilirlik ve bunun gerektirdiği yasal gereklilikler konusunda eğitme sorumluluğu ile başlangıç ​​aşamasından başlar. Bunu erken kısa aşamadan itibaren düşünmek ve biraz daha fazla zaman ve çaba harcamak, web sitesinin tasarım stilini şekillendirmeye yardımcı olabilir. Renkleri ve yazı tipi boyutlarını, alternatif metni ve klavye gezintisi desteğini akıllıca kullanabiliriz. Bu zorluğun merceğinden tasarlamak, yalnızca yeni stiller ve gelenekler yaratmakla kalmaz, aynı zamanda bir bütün olarak web'i nasıl deneyimlediğimizi de değiştirebilir.

Sınırsız olanaklarıyla sosyal medyanın hala birkaç sınırlaması var; profilinizde yalnızca bir bağlantı paylaşmak kesinlikle bunlardan biri. Böylece 'Bio'daki Link' doğdu. Link in bio, temel olarak sosyal, web siteleri, mağazalar, videolar, müzik, podcast'ler, etkinlikler ve daha fazlasını bağlamak için tasarlanmış bir açılış sayfasıdır. Hepsi bağlantı kurmak, yeni ilişkiler kurmak ve dönüştürmek için tasarlanmış bu sayfada bir araya geliyor.

Sosyal medya aracılığıyla artan kullanıcı sayısıyla birlikte akla gelen soru, sosyal profiliniz ile web siteniz arasındaki bu köprü nasıl olmalı? Bu sadece profil sayfanızın bir uzantısı mı?

Şu an itibariyle, biyografi düzenindeki bağlantı çok basit. Bu açılış sayfası düzeninde gizlenen yetenekler ve fırsatlar henüz tam olarak keşfedilmedi. Liste benzeri görünümler veya bir galeri – çoğunlukla eşit boyut ve hiyerarşiye sahip düğmeler veya fotoğraflarla tasarlanırlar. Yine de soru ortaya çıkıyor, olmalılar mı? Tüm bağlantılarınız aynı ağırlığı mı taşıyor?

Gezinme metodolojileri bu basit sayfalara nasıl entegre edilecek? Yaratıcıların bu dijital kartvizitin nasıl görünmesi gerektiğine dair yeni vizyonlar önermesiyle, bu alanın önümüzdeki yıl genişlediğini görmemiz muhtemel.

Özet