Brutalist Web Tasarımı, Minimalist Web Tasarımı ve Web UX'in Geleceği

Web siteleri daha kaotik, dağınık ve rafine edilmemiş mi oluyor? İyi tasarımın kuralları çiğneniyor mu? Web çirkinleşiyor mu? Bu yeni bir trend mi?

Çoğu tasarımcı gibiyseniz ve neler olup bittiğine dikkat ediyorsanız, bir süredir vahşet kelimesinin ortalıkta dolaştığını duymuşsunuzdur. Brutalist web siteleri, uzun süredir endüstrinin en iyi uygulaması olan kullanıcı dostu arayüzlerden uzaklaşıyor ve bunun yerine kusurlu, elle kodlanmış HTML sitelerine odaklanıyor. Görünüşe göre tasarımcılar, bildiğimiz şekliyle UX kurallarını ortadan kaldırıyor ve her şeyi biraz kaotik hissettiriyor.

Şık, çağdaş tasarımın ilkeleri o kadar yaygın ki, onları stilistik bir seçim olarak pek düşünmüyoruz. “İyi” web tasarımı genellikle minimalizm kurallarına uyan anlamına gelir. Temiz, basit, düzenli arayüzler - ancak bu her zaman böyle olmamıştır. Saati birkaç on yıl geriye saralım.

Web'in Doğuşu

Web tasarımı, ilk web sitesinin yayınlandığı 1991 yılından bu yana çok yol kat etti. İnternet devrimi, ilk web sitelerinin ilk nesil HTML kullanılarak yalnızca metin tabanlı olmasıyla başladı.

Ardından herkesin kesinlikle hatırladığı tüm o çılgın animasyon siteleriyle Flash geldi. Web tasarımcılarına arka plan rengi, metin boyutu ve koddaki metin stilleri gibi geliştirmeler üzerinde daha da fazla kontrol sağlayan CSS'nin (Basamaklı Stil Sayfaları) geliştirilmesi geldi. JavaScript bize açılır menüler, gelişmiş gezinme ve hata denetimi içeren web formları verdi.

Başlangıçta hiç kimse “web tasarımının” gerçekte ne anlama geldiğini bilmiyordu ve web'in öncüleri deneme yanılma yoluyla tasarım kalıpları oluşturdular. Web tasarımının ilk dönemi, biçimsel anlambilim ve erişilebilirliğe çok az önem veren, bunun yerine yapı yerine estetiği tercih eden düzenler kullandı.

Tasarımcılar, tasarımlarını oluşturmak ve yapılandırmak için tablolar, iç içe tablolar ve görünmez 1 piksel boşluklu dosyalar gibi HTML öğelerine büyük ölçüde güvendiler ve onlara daha karmaşık, çok sütunlu düzenler oluşturma yeteneği sağladı. Bazı oldukça sıkıcı arayüzler için yapılmış.

2000'lerin ortalarında, web siteleri, yapılarının arkasında daha dikkatli düşünerek doğdu. Gezinme tarayıcınızın en üstündeydi ve kategoriler sol bir çubuğa yerleştirildi. Kullanıcıları kaydırmaya zorlamamak için web sayfaları kısa ve dar tutulmuş, içerik birçok sayfaya yayılmıştır. Tasarımcılar neyin işe yaradığını öğrendi ve yol boyunca standartları ve en iyi uygulamaları belirleyerek daha iyi siteler oluşturmaya başladı.

Gittikçe daha fazla düzen seçeneğiyle, her yerde resimler ve metinlerle dolu gürültülü UI'lerin bir karışımı geldi. Ancak bazı disiplinli tasarımcılar yine de minimalizmi tercih ettiler.

Minimalist Estetik

Tasarım trendleri gelir ve gider; ancak minimalizm zaman içinde var olan bir tasarım dilidir. Bir tasarımda en basit, en temel unsurlardan yararlanılarak elde edilen, formun sadeleştirilmesine odaklanan bir tasarım felsefesidir.

Minimalizm web tasarımına özel değildir. Bu ideal tasarımı kapsayan çevrenizdeki tüm unsurları düşünün; Minimalist tasarımları Nest, Apple, Herman Miller ve birçok minimalist tasarımcıya ilham vermiş olan diğerleriyle birleştirmek kolaydır.

Herman Miller'ın tasarımını bugün hala harika yapan nedir? Onlar sadece zamansız bir görünüme sahip iyi tasarlanmış nesnelerdir. Tasarımları çağdaş evlerde ve iç mekanlarda çok iyi oturuyor - bugün hala taze ve modern hissediyorlar. Parçalarının çoğu minimalist bir görünümle tasarlandı ve belirli bir modaya gerçekten bağlı olamaz. Hala zamana direniyorlar.

Döneminin en tanınmış grafik tasarımcılarından biri olan Josef Muller-Brockmann'ın minimalist tasarımları, Herman Miller'ın tasarımlarına çok benziyor: zamansız . Muller-Brockmann, 1940'larda ve 1950'lerde İsviçre tasarım stili biçiminde minimalizmi benimsedi ve ustalaştı.

Gereksiz veya gereksiz her türlü dekorasyon grafik tasarımından çıkarıldı; düzenlerindeki her öğenin bir amacı vardı. Bu yaklaşımın arkasındaki tasarım düşüncesi, günümüzde minimalist dijital tasarımların çok iyi çalışmasını sağlayan şeydir.

Minimalizm Dijital Çağda Kendini Nasıl Yerleştirdi?

Tarih her zaman bize yetişmenin bir yolunu bulur. Baskı tasarımında olduğu gibi, minimalizm ve arkasındaki felsefe, web tasarımına ve diğer dijital eserlere yetişti. Web sitelerinin birkaç yıl önce parlak düğmeleri, çizgileri ve metin paragraflarıyla nasıl göründüğünü, her şeyin dikkat çekmek için çığlık attığını düşünün.

Ardından, tasarımcıların dijital alanda gerçek hayattaki nesneleri taklit eden öğeler tasarladığı skeuomorfik trend geldi. Apple'ın iCal'ındaki deri dolguyu hatırlıyor musunuz?

Minimal tasarımlar aslında kasıtlıdır. Gereksiz olan her şeyi ortadan kaldıran ve içeriğe vurgu yaparak maksimum dikkat çekmesi gereken öğelere odaklanan bir tasarım yaklaşımıdır.

Minimalist Tasarımın Faydaları

Minimalist tasarım yaklaşımı, görünüşünden çok daha fazla nedenden ötürü tutuldu. Kullanıcı davranışları, tasarım odaklı düşünme süreçleri ve içerik öncelikli tasarım süreçlerinin yükselişi konusundaki artan anlayışımız, bu düşünceyi ileriye taşımaya yardımcı oldu. Mobil kullanıcıların son zamanlardaki muazzam büyümesi, UX ve kullanılabilirliğe daha fazla odaklanarak minimalizme doğru güçlü bir ivme noktası olmuştur.

Kullanıcılar artık her zaman hareket halindeyken internete erişirken, ürün tasarımcıları o anın bağlamında kesinlikle gerekli olanı sağlamaya odaklanmalıdır: doğru şeyleri, doğru şekilde ve doğru zamanda, tasarımın sadeleştirildiği yerde. en temel özellikleridir.

Mobil kullanım artık tüm web ziyaretlerinin yarısından fazlasını oluşturuyor ve bu oran daha da artacak. Duyarlı tasarım oyunun kurallarını değiştirdi ve tasarımcıları “farklı düşünmeye” zorladı. Minimalist tasarım yaklaşımının büyük önem taşıdığı mobil dünyada responsive veya uyarlanabilir tasarım bugün her zamankinden daha fazla bir gereklilik haline geldi.

Ortalama bir kullanıcı için minimalizm, muhtemelen tasarlaması en kolay şey gibi görünüyor. En az görsel içerik kullanarak ve sadece temel unsurlara azami zarafetle odaklanarak mükemmel dengeyi sağlamak aslında çok ama çok zordur.

Minimalizmin Geleceği

Minimalizmi, gerçek bir trend veya basit bir geçiş aşaması olarak değil, zamansız, zarafet ve incelik yayan bir kavram olarak düşünmeliyiz. Zamansız ve klasik olmasına rağmen, 20. yüzyılın başında uygulanmasından bu yana gördüğümüz gibi gelişecek ve gelişecektir.

Örneğin, Google'ın Materyal Tasarımı, minimalizmden ilham alan "düz" tasarım yaklaşımındaki ilk büyük gelişmelerden biriydi. Google'ın tasarımcıları her şeyi basit ve minimalist tuttular, ancak gölge efektleri ve hareket ve derinlik kavramlarını kullanarak tasarım dillerini geliştirdiler. Materyal, özel bir bükülme ile düz tasarımı kucaklar: gerçek dünya malzemelerini taklit eder.

Minimalizmin Dezavantajı

Hayattaki diğer unsurlarda olduğu gibi, her zaman artılarına ve eksilerine bakmak zorundayız. Birçoğu, bugün web sitelerinin lezzetten yoksun olduğunu ve çoğunlukla hepsinin birbirine benzediğini iddia ediyor. Bilirsiniz — büyük bir kahraman resmi veya üst üste binen metin içeren video, metin içeren bir dizi simge vb. Herkes birkaç dakika ayırabilir ve birbirine çok benzeyen 10 site bulabilir. Bu, sürekli değişen çevrimiçi davranış ve tercihlerimizin bir yansıması mı?

Tasarım tutarlılığı ve ortak kullanıcı davranışı için tasarım, her tasarımda son derece önemlidir, ancak benzersiz olmanın değerini unutamayız. Tembelleştik mi yoksa düşüncelerimizi benzersizlikten daha etkili bir kullanıcı deneyimi stratejisine mi kaydırdık?

Web Tasarımında Brütalizm

Sağlamlığı ve rahat ya da kolay görünme kaygısı olmaması nedeniyle, brütalizm, genç neslin günümüzün her yerde hazır ve nazır minimalist web tasarımının hafifliğine, iyimserliğine ve uçarılığına bir tepki olarak görülebilir.

Bazıları onu seviyor, bazıları nefret ediyor ve diğerleri bunu anlamıyor: acımasız web siteleri.

Örnek olarak Craigslist'i alın. Craigslist, acımasız web sitelerinin “büyükbabası” olarak kabul edilmelidir. Estetik açıdan hoş değil ve asla www.awwwards.com'da gösterilmeyecek. Siyah metin, mavi bağlantılar, beyaz arka plan. Bu güzel değil. Çalıştığı için olmak zorunda değil - ve gerçekten iyi çalışıyor. Almak veya satmak için ihtiyacınız olanı, herhangi bir karışıklık veya kargaşa olmadan ve herhangi bir yabancı hareketli parça olmadan bulursunuz.

1996 yılındaki kuruluşundan bu yana Craigslist, son derece faydacı tasarımına rağmen veya belki de bu nedenle popülerliğini korumuştur. Tasarım, son 20+ yılda önemli bir şekilde değişmedi.

Belki de Craigslist örneğinden ilham alan brütalist tarz geri dönüyor. Aşağıdakiler, brütalist stili kullanan iyi uygulanmış tasarımların harika örnekleridir.

Bu acımasız web siteleri büyük bir ilgi görüyor. Bu web siteleri neden birdenbire bu kadar popüler oldu? Bazı tasarımcılar web'in homojenleştirilmesinden bıktıkları için mi?

UX tasarımının birincil öneme sahip olduğu, kullanıcı davranışının ve içerik öncelikli yaklaşımın kral olduğu günlerde, bu sitelerdeki UX (kasıtlı olarak) kötüdür. Minimalizm ilkelerinin aksine, bu tasarımlar, mizanpajın her yerde olduğu (yine, kasıtlı olarak) metin ve görüntü kolajlarıyla karşı karşıyadır.

Brütalizmin Kısa Tarihi

Acımasız tasarım stili yeni değil. Wikipedia'da hızlı bir arama, stilin aslında 1950'lerin 1970'lerin ortalarına kadar olan acımasız mimarisinden geldiğini söyleyecektir. Minimalizmin anahtar olduğu modernist mimari hareketin vahşiliği takip etmesi komik.

Le Corbusier bu hareketin en büyük öncülerinden biriydi. Kariyeri, Avrupa, Japonya, Hindistan ve Kuzey ve Güney Amerika'da tasarlanan binalarla elli yıla yayılmıştır.

Le Corbusier malzeme seçimini “ beton brut ”, yani ham beton olarak tanımladığı için, terim Fransızca “ham” anlamına gelen “ brut ” kelimesinden gelmektedir. Hiper-işlevselci tasarım, sanki modernizme parmak veriyormuş gibi - memnun etmek için değil - sadece fayda sağlamak için tasarlanmış görünüyordu.

Brütalizm, bir seri üretim toplumuyla yüzleşmeye ve iş başında olan karmaşık ve güçlü güçlerin içinden kaba bir şiir çıkarmaya çalışır. Şimdiye kadar Brütalizm üslup açısından tartışıldı, oysa özü etikti. –Alison & Peter Smithson, The New Brutalism, Architectural Design (Nisan 1957)

Brütalist tasarımlar, görünümü tamamen reddederek, form yerine işlevi tercih eder. Brutalist tasarımcılar, daha dürüst, burjuva karşıtı bir sonuç elde etmek için tasarımları minimum çabayla ve mevcut en ucuz malzemelerle yürütmekten gurur duyarlar.

Dijital Çağda Brütalizm

Bloomberg, haber sitesi için kendi tarzını benimsemiş. Tasarım neredeyse gösterişli ve açıkça ham işlevselliğe odaklanıyor.

Brütalizm sağlam bir geri dönüş yapıyor. Çirkin, ham, geleneksel tasarımdan bağımsız, çılgın havada asılı kalma efektleri ve yüzeysel süslemeler her yerde. Pek çok pürist bu eğilimi sert, kaba, engebeli, rahatsız edici, çatışmacı ve alaycı buluyor. Bu. Bilerek.

Brütalizm, tasarıma daha ilkel bir yaklaşıma sahiptir ve odağı tekrar web tasarımının özüne, yani koduna yerleştirir. Brütalizm genellikle “çirkin” bir tasarım trendi olarak tasvir edilir, ancak bunun ötesine bakmamız gerekiyor. Brütalist hareketin arkasındaki felsefe, şeyleri “çirkin” yapmak değil, ham ve süssüz kılmaktır.

Günümüzün brütalist sitelerinin, işlevselliği güzel bir cephenin arkasına saklamak yerine içten dışa bir yaklaşıma odaklanan 90'ların DIY ağına dayandığını söyleyebiliriz.

Popüler sosyal paylaşım sitesi Reddit'in kullanıcı arayüzü tasarımı, özür dilemeyecek kadar ham ve kutu gibi, 90'ların sonlarındaki web tipografisi, rafine edilmemiş ağır kontroller ve neredeyse hiç dikey nefes alma odası ile dolu.

Tasarımcı Pierre Buttin, yeniden tasarlanmış bir dizi mobil uygulamayla vahşiliği yeni bir uç noktaya taşıdı. Brutalist yeniden tasarımlar başlıklı son projesinde Buttin, Facebook, Instagram, Twitter ve diğer popüler uygulamaları, metin ağırlıklı düzenler ve düzleştirilmiş tasarımlarla brütalist bir tarzda işler.

Brütalizm ve Minimalizm

Brutalizm ve minimalizm karşılaştırmalı olarak değil, şeyleri görmenin yeni bir yolu ve tasarıma başka bir yaklaşım olarak görülmelidir. Brütalizm, günümüz sitelerinin ve uygulamalarının homojenleştirilmesine karşı bir baskıdır, ancak tasarımcılar brütalist yaklaşımı kullanarak bir web sitesi tasarlamaya başlamadan önce, önce hangi kuralları çiğneyeceklerini bilmeleri gerekir.

Geleneksel, minimalist tasarımın yerini vahşilik almayacak. Brütanizme, statükoya meydan okuyan bir tasarım kültürü olarak bakmalıyız - "en iyi"nin söylenmesinden bıkmış bir kültür.

Bir sonraki projeniz için bu stiller arasında seçim yaparken doğru ya da yanlış yoktur. Yine de, tükenmeden ve bir sonraki web sitenizi veya uygulamanızı acımasız bir tasarım stilinde tasarlamadan önce, hedef kitlenizi tanıdığınızdan emin olun. Şirketin ve hedef kitlenizin bunu takdir edeceğini düşünüyorsanız risk alın.

Brutalist web tasarımı dikkat çekiyor ve marka bilinirliği muazzam bir hızla artıyor. Kurallar çiğnenmek içindir. Web'in web olmasına izin vermeye cesaret edin. Biraz tuhaf olsa bile öne çıkmaya ve biraz cüretkar olmaya cesaret edin.

Haydi ne düşündüğünü söyle! Lütfen düşüncelerinizi, yorumlarınızı ve geri bildirimlerinizi aşağıya bırakın.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• Tasarım İlkeleri ve Önemi
• En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
• Tasarımın Gestalt İlkelerini Keşfetmek
• Adobe XD ve Sketch - Hangi UX Aracı Size Uygun?
• En İyi Tasarımcıların Kullandığı 10 UX Çıktısı