W artykule:
To początek nowego roku, co oznacza, że wszyscy przewidują, na których nowych trendach projektowania stron internetowych zobaczymy pop-up na stronach WordPress w tym roku. Jednym z przewidywań, które widziałem wiele i początkowo nie był zbyt zachwycony jest brutalist Web design.
Chodzi o to, że nie chcę odpisywać od brutalizmu, jeśli istnieją uzasadnione powody jego stosowania w projektowaniu stron internetowych. W końcu może jest to świetne rozwiązanie do zwiększania konwersji lub generowania zainteresowania witryną konkurenta, która ma bardziej tradycyjną drogę do projektowania stron internetowych. Może.
Dzisiaj chcę zastanowić się nad tym nowym trendem projektowania stron internetowych, który wielu przewiduje, że w tym roku będzie mocniejszy w witrynach WordPress. Zamierzam przejrzeć:
- Czym jest brutalist Web design?
- Skąd to się wzięło?
- Dlaczego warto przestać mylić brutalistyczny design z antydesignem?
- Jak witryny WordPress mogą poprawnie korzystać z brutalizmu?
- Czy można z tego czerpać jakieś korzyści?
Czym Jest Brutalist Web Design?
Podczas pracy nad innym artykułem wylądowałem na stronie Balenciaga, gdy szukałem przykładów. Moja pierwsza myśl brzmiała: „Uh-oh. Ktoś coś zepsuł.”Kiedy zacząłem klikać w linki, moja druga myśl brzmiała:” o nie. Czyj to był genialny pomysł, aby zaprojektować stronę w ten sposób?”
Na pierwszy rzut oka wygląda to na bardzo prosty szkielet, prawda? Jeśli jednak KLIKNIESZ linki (co moim zdaniem trwa zbyt długo), przekonasz się, że jest to rzeczywiście ich projekt internetowy, a nie elementarny szkielet. Gdy dojdziesz do końca „nawigacji” witryny, napotkasz jeden z ich wielu lookbooków lub kampanii pełnych surowych zdjęć i minimalnych opisów.
Byłem zdezorientowany. Myślałem, że może strona była niekompletna lub w toku i że musieli być w trakcie wypełniania brakujących zdjęć. Jednak po przyjrzeniu się Internet Archive Wayback Machine wydaje się, że jest to ich projekt od około roku.
Jeśli po raz pierwszy widzisz taką stronę, jest to przykład brutalistycznego projektowania stron internetowych. I nie jest sam.
Skąd Wziął Się Brutalistyczny Design?
Brutalizm wywodzi się z projektowania architektonicznego, co, jeśli się nad tym zastanowić, ma sens. Strona internetowa jest po prostu cyfrową strukturą dla firmy do założenia sklepu, Więc dlaczego jej zasady nie byłyby oparte na rzeczywistych technikach projektowania?
Termin „Brutalizm” pochodzi z kilku różnych źródeł w Szwecji, Wielkiej Brytanii i Francji. Zasadniczo wynika to z francuskiego béton brut, co przekłada się na”surowy”. I to właśnie brutalistyczne wzornictwo–w architekturze i w sieci-leży u jego podstaw.
Kiedy spojrzymy na to, dlaczego Brutalizm pojawił się w latach 40.i 50., było ku temu bardzo jasne uzasadnienie. Było to po ii Wojnie Światowej, kiedy znaczna część Europy odbudowywała się po wysoce niszczycielskiej wojnie, która spustoszyła jej miasta. Zamiast spędzać miesiące lub lata projektując i budując luksusowe rezydencje i budynki użyteczności publicznej, aby zastąpić to, co zostało utracone, architekci wybrali bardziej uproszczony, praktyczny i opłacalny styl.
Na to składa się:
- Powtarzające się wzory geometryczne
- Wysoce modułowe projekty siatek
- Materiały betonowe i ceglane
- Odsłonięte wewnętrzne systemy wsparcia
- Większy nacisk na praktyczność i cel zamiast ozdobnego projektu
W miarę upływu czasu i wznoszenia się kontynentu Architektura brutalistyczna stała się symbolem tej wojennej odbudowy. To powiedziawszy, nie zawsze była to pozytywna rzecz, ponieważ często wiązała się z ubóstwem, zniszczeniem i depresją. Ponure kolory i sztywne linie struktur też nie pomogły. A potem był fakt, że Brutalizm był ściśle związany z komunizmem, stale rosnącą siłą w tym czasie. W latach 70. ten styl architektury zanikł.
Dlaczego warto przestać mylić Brutalistyczne projektowanie stron internetowych z Antydesignem?
Przebłysk do teraźniejszości i wydaje się, że Brutalizm powraca. Jest z tym jednak poważny problem i to dlatego, że wiele osób myli brutalistyczne projektowanie stron internetowych z antydesignem.
W moich badaniach na ten temat, nie byłem w stanie znaleźć wiele dowodów statystycznych dotyczących zalet i wad brutalistycznego projektowania stron internetowych. Może to być dlatego, że jest nadal dość nowy lub może to być dlatego, że naukowcy UX nie wierzą, że ma żadnej mocy pobytu. Znalazłem jednak Wyjaśnienie Nielsen Norman Group dotyczące różnic między brutalistycznym projektowaniem stron internetowych a antydesignem.
Brutalizm:
„Brutalistyczni projektanci chcą oderwać się od starych, foremek do ciasteczek, gotowych szablonów, które dziś dominują w sieci. Chcą, aby sieć była sobie Wierna, czuła się uczciwa i nie wymyślona.”
Antydesign:
„Niektórzy projektanci interpretują Brutalizm jako bunt przeciwko zbyt uproszczonemu projektowi, celowo tworząc brzydkie, dezorientujące lub złożone interfejsy… niektórzy używają ostrych kolorów, dezorientujących wzorów, dziwnych kursorów i niepotrzebnych rozpraszających animacji. Ogólny efekt przypomina złe projekty z Lat 90. na sterydach.”
Teraz podnieście rękę, jeśli wcześniej wierzyliście, że nostalgiczne i super brzydkie projekty lat 90. to Brutalizm w akcji. (Jeśli nie możesz powiedzieć, podnoszę rękę tutaj.)
Myślę, że było wiele zamieszania co dokładnie oznacza Brutalizm, dlatego często jest tak wielki sprzeciw wobec niego. Kiedy przyjrzymy się początkom brutalizmu w architekturze, definicja przedstawiona przez NNG ma o wiele większy sens. Po prostu nie wiem, czy wielu projektantów stron internetowych było lub are świadomy, skąd to wszystko się wzięło.
Częścią problemu jest to, że te trendy projektowania stron internetowych lub Brutalizm łapanki-jak ten z Awwwards-jest szkodliwe dla przyczyny.
Nie wierz w dezinformację. Antydesign to nie to samo co brutalistyczne projektowanie stron internetowych.
Chociaż nie wierzę, że brutalistyczne projektowanie stron internetowych będzie odpowiednie dla większośćWitryny WordPress, wierzę, że istnieją pewne zastosowania, które będą działać. Musimy trzymać się z dala od antydesignu. Jedynym stwierdzeniem jest to, że chcesz rozgniewać wszystkich i przestrzegać żadnych zasad inteligentnego projektowania.
Jak Witryny WordPress Mogą Poprawnie Korzystać Z Brutalist Web Design?
Przypuśćmy, że NNG jest poprawny i że brzydkie strony antydesignowe są nie brutalist, rzućmy okiem na kilka prawdziwych przykładów brutalist Web design w Internecie. Chociaż możesz nie uznać ich za atrakcyjne, kreatywne lub imponujące w dowolnym momencie wyobraźni, po prostu skup się na podstawowych zasadach, które dobrze wykonały. Jeśli chcesz naprawdę zrozumieć, co kryje się za brutalizmem, znajdziesz to w tych przykładach.
Wiadomości Hakerskie
Przede wszystkim, brutalist web design ma na celu rozebrać stronę internetową do samego rdzenia. Zwykle oznacza to usunięcie niepotrzebnych kawałków flary, aby cel był tak jasny jak dzień.
Wavy Studio
Wavy to studio kreatywne, które koncentruje się na dostarczaniu klientom treści wizualnych. Nie ma absolutnie nic specjalnego w tej stronie, ponieważ jest to głównie kilka białych przestrzeni i bardzo przycięte wiadomości z powrotem, ale o to chodzi, prawda? To mistrzowie obrazu, a nie twórcy słów czy projektanci stron internetowych.
Joao Paulo Teixeira
Jedną z najczęstszych rzeczy, które można znaleźć w brutalist Web design jest czarno-biały schemat kolorów, które myślę, że to dobrze ilustruje. Chociaż na pierwszy rzut oka ta strona może być mało imponująca, ma ona dość logiczny charakter. Dla użytkowników, którzy nie klikają na „kim jest JP?”(co prowadzi do pokręconego i kolorowego portfolio), mogą zamiast tego odwiedzić linki na dole, które prowadzą do pracy projektanta stron internetowych–co jest ostatecznym celem dla projektanta, prawda?
NYC płatne praktyki twórcze
Dla projektantów stron internetowych, którzy chcą ściśle przestrzegać oryginalnych zasad brutalizmu, mogą używać kolorów synonimem surowców używanych w stylu architektonicznym; a mianowicie betonu.
Plant22
Innym sposobem, w jaki projektanci mogą dostosować zasady brutalizmu do sieci, jest użycie cegieł modułowych. Ponieważ projektowanie oparte na siatce jest obecnie w modzie i tak dobrze gra z responsywnym designem, prawdopodobnie jest to jedna z części brutalizmu, którą wszyscy możemy się zgodzić.
Ignacio Rivas
Ten przykład odnosi się do idei, że brutalistyczny design opiera się w dużej mierze na wykorzystaniu „surowców”. Dlatego wiele z tych projektów używa typu monospace. Może nie zapewnić najbardziej ekscytującej lektury lub zrobić zbyt wiele, aby ożywić swój projekt internetowy, ale ten rodzaj typografii jest niezawodny i stabilny.
Brutalizm UX
W rzeczywistości jest to fałszywa strona stworzona przez UX Design Collective. Twierdzi, że zapewnia projektantom ramy brutalizmu, podczas gdy w rzeczywistości podaje tylko powody, dla których nie powinieneś go używać. Poza tym, ta strona stanowi dobry przykład tego, jak prosta jest struktura tych stron. Jest tylko jedno wezwanie do działania na całej pojedynczej stronie internetowej, w przeciwieństwie do większości dzisiejszych stron internetowych, które zawierają jeden z każdym nowym krokiem, który wykonuje użytkownik.
ZDJĘCIE (Y) TERAZ
Podkreślono tu szereg elementów brutalistycznych. Jest kolor tła przypominający Beton. Jest uproszczona i niehierarchiczna czcionka. W centrum tego wszystkiego znajduje się również przewymiarowany tekst, który jest podobny do przewymiarowanych budynków często projektowanych w epoce brutalizmu.
7: 30
Jednym z kluczowych elementów architektury brutalistycznej jest ekspozycja ich budynków. Zazwyczaj można było zobaczyć belki i infrastrukturę odpowiedzialną za trzymanie budynku razem. W projektowaniu stron internetowych jest to zazwyczaj coś, co staramy się ukryć. Nie potrzebujemy, aby ludzie widzieli siatkę bazową i elementy kryjące się za stroną internetową, ale to jest rzeczywiście to, co tutaj mamy.
Wrapping Up
Wróćmy do mojego pierwszego spotkania z Balenciagą, dobrze? Kiedy zdałem sobie sprawę, że to był ich projekt internetowy przez dobry Rok, nie mogłem się powstrzymać, ale zastanawiam się, jak luksusowa marka modowa może ujść na sucho z tak mylącym i nieatrakcyjnym projektem. Korzystając z jednego z moich ulubionych narzędzi SEO WordPress SEMrush, zrobiłem szybkie wyszukiwanie ich numerów ruchu:
To nie jest straszne numer dla luksusowej marki. Hermès ma ponad 130 000 w ruchu miesięcznym, a Gucci ponad 240 000.
Przeprowadziłem również test szybkości strony, aby sprawdzić, czy ten projekt próbował zrekompensować wagę strony bogatej w media:
Jak widać, prędkość ładowania strony dla Balenciagi też nie jest tak wielka.
Co tu się dzieje? Co motywowało ten wybór strony internetowej? Czy nowość posiadania brutalistycznego projektu strony internetowej przewyższa mało imponujące liczby ruchu i wolne czasy ładowania? A co z ich współczynnikami konwersji? Niestety, informacje te nie są łatwo dostępne dla Balenciaga. Ale to, co mogę przypuszczać o brutalistycznym projektowaniu stron internetowych w ogóle, to:
Brutalist Web design nie jest dobrze. na:
- Korporacje i inne podmioty, które chcą wyglądać profesjonalnie i nowocześnie.
- Każdy, kto chce, aby ich strona internetowa ciepłe i przyjazne środowisko.
- Strony internetowe, które mają złożony charakter i wymagają funkcji konwersji, takich jak mega menu, wyskakujące okienka i czat na żywo, aby wspierać swoje cele.
- Każdy, kto denerwuje się, że wszystko oprócz nowoczesnego designu zmyli ich publiczność i uniemożliwił im konwersję w końcu.
Brutalistyczne projektowanie stron www (przynajmniej niektóre elementy) może być dobry na:
- Nowi projektanci stron internetowych próbują opanować HTML.
- Każdy, kto chce zaszokować swoją publiczność lub zrobić oświadczenie społeczne.
- Witryny cierpiące na powolne prędkości stron lub zbyt skomplikowane lejki konwersji, które chcą eksperymentować z całkowitym przeprojektowaniem.
- Strony o dużej zawartości tekstu, które chcą bardziej skupić się na czytaniu, a mniej na rozpraszaniu uwagi.
- Małe witryny e-commerce, które chcą bardziej skupić się na zapasach, a mniej na krzykliwych barach promocyjnych i projektach z nadwagą.
- Strony internetowe, które mają odbiorców, do których ten rodzaj nostalgii może się podobać (np. inni projektanci stron internetowych, Programiści, gracze itp.).
Chodzi o to, że jeśli projektowanie stron internetowych naprawdę ma być nowoczesnym trendem, to musi być w tym coś dobrego. Chociaż na pierwszy rzut oka może to być trudne, może się okazać, że uproszczona użyteczność, lepsza wydajność (nie tylko dla odwiedzających poruszających się po witrynie, ale czas spędzony na jej budowaniu) i większa przejrzystość są korzystne dla Twojej witryny WordPress.
Realistycznie, tak proste jak te strony internetowe, powinny być szybsze do załadowania, łatwiejsze w nawigacji i przedstawiać mniej opcji do pracy … co powinno zwiększyć współczynniki konwersji. Jeśli jednak eksperymentujesz z tym i stwierdzisz, że nie jest to wynik, bezpieczniejszym wyborem jest połączenie elementów brutalizmu z nowocześnie zaprojektowaną witryną WordPress.
Tagi:
