Trendy w projektowaniu stron internetowych 2022, które zainspirują Twój następny projekt strony internetowej

Czy jest coś nie tak z TOO trendy?

Widzę, że wielu projektantów stron internetowych gubi drogę – przyciąga ich „super fantazyjny” projekt, kosztem użyteczności i funkcjonalności ich stron internetowych.

„Większość projektantów żyje w jakiejś alternatywnej rzeczywistości, tworząc dla siebie niepotrzebne rzeczy. Wtedy stają się trendami”. – użytkownik Webflow Błażej

Dzisiaj przyjrzymy się 3 trendom na rok 2022 – to nie sprawi, że poświęcisz użyteczność swojego projektu strony internetowej, ale pomoże wznieść go na wyższy poziom.

Trend projektowania stron internetowych 2022 nr 1 – Tematyczne wycinanki z kolorowym tłem

Spraw, aby ten trend w witrynie 2022 działał dla Ciebie:

• Korzystanie z aplikacji do tworzenia kształtów, takiej jak ShapeDivider.app – może pomóc w stworzeniu tych naturalnych kształtów, jeśli potrzebujesz fajnego skrótu.
• Wybór idealnego zdjęcia będzie dla nich ważniejszy, ponieważ łatwo jest przejść na „stock photo-y” z wieloma zdjęciami w Internecie z białym tłem.

Trend projektowania stron internetowych 2022 nr 2 – praca monochromatyczna

• Wybranie innego koloru oprócz czerni i bieli może sprawić, że projekt będzie się wyróżniał!
• Mając mniej kolorów do pracy, faktycznie ułatwia projektowanie tego typu stron internetowych!
• Spraw, aby kolor działał dla Ciebie, użyj go do kluczowych przycisków i rzeczy, na które chcesz zwrócić uwagę.

Trend projektowania stron internetowych 2022 nr 3 – fantomowe elementy projektu

Spraw, aby ten trend projektowania stron internetowych 2022 działał dla Ciebie:

• Wkomponuj element, który niekoniecznie chcesz wystawać jak obolały kciuk.
• Stwórz estetykę z wyższej półki , wykorzystując ten subtelniejszy wygląd.

Trendy internetowe z poprzednich lat

Uwielbiamy piękne strony internetowe — skoncentrowane na wrażeniach użytkownika i zbudowane w sposób, który jest zarówno stylowy, jak i ponadczasowy. Kluczem jest… nie bycie zbyt modnym w sposób, który wyjdzie z mody, zanim będzie można powiedzieć „animacja paralaksy”.

• Nie wskakuj na każdy nowy trend.
• Miej oko na to, co jest zarówno stylowe, jak i skuteczne.
• Każdy z przedstawionych poniżej trendów będzie miał mały fragment, dlaczego jest stylowy, i osobny, dlaczego – lub czy – jest skuteczny.

Trzy najważniejsze trendy w projektowaniu stron internetowych 2020

1. Duża typografia

Dlaczego jest stylowy? W świecie, w którym każdy umieszcza w swoich projektach jak najwięcej tekstu, aby zadowolić 200 interesariuszy… jeśli potrafisz sprowadzić to do jednej kluczowej wiadomości, która jest bardzo krótka i sprawi, że będzie to ogromne – wygrywasz.

Czy to jest skuteczne: jest bardzo skuteczne, ponieważ ludzie wiedzą, na czym się skupić! Problem z tym, że każdy fragment tekstu ma ten sam rozmiar lub tylko małe różnice między sobą, polega oczywiście na tym, że nie jest jasne, co jest najważniejszą częścią.

2. Mniejszy bohater, bardziej wpływowe obrazy bohaterów

Dlaczego jest stylowy? Jak wspaniale jest nie zakrywać pięknych obrazów? Ludzie to uwielbiają, ponieważ wydaje się spójny i mniej prawdopodobne jest, że napotkasz problemy z trudnymi warstwami (przykłady w następnym punkcie).

Czy to jest skuteczne: z pewnością może być – najważniejsze jest to, że obrazy są dobre i naprawdę pomagają ludziom wyobrazić sobie, że odnoszą korzyści z twojego produktu lub usługi. Bez dobrych zdjęć może to wyglądać po prostu tandetnie.

3. Elementy warstwowe

Dlaczego jest stylowy? Podobnie jak w modzie, celowe nakładanie warstw jest pomysłowe – wydaje się celowe, a przez to może wyglądać bardzo ładnie.

Czy to jest skuteczne: To naprawdę zależy od konkretnego przedmiotu. To naprawdę NIE może być skuteczne, jeśli nie ma odpowiedniego zdjęcia, odpowiednich elementów pomocniczych, odpowiedniej nakładki kontrastowej lub odpowiedniej typografii (działa lepiej z cięższymi czcionkami). Uważaj, aby tego nie nadużywać – i używać kiedy masz solidne elementy, które ze sobą współpracują i „masz nad nimi kontrolę”. Często klient może zamienić obraz, który teraz nie działa – dlatego ważne jest, aby zrobić to z odpowiednimi komponentami, gdy wiesz, że nie będą się one często zmieniać.

Inne wyróżnienia:

Typografia pionowa — używana w elementach interfejsu użytkownika, może nadać projektom bardziej celowe wrażenie.

Organiczne wycięcia w kształcie – Powyższy przykład Pops Diabetes również wykorzystuje ten trend.

Obrazy z 10% przesunięciem – Również powyższy element Schaefco zawiera to –

Wycinanki typograficzne – widziałem kilka niesamowitych przykładów. Duża, pogrubiona litera jest wycinana z białej przestrzeni, a czasami za nią znajduje się wideo - dając naprawdę fajny efekt warstwowy.

Wideo na każdej stronie — jeśli regularnie nagrywasz wideo — dlaczego nie zrobić po jednym dla każdej z kluczowych usług i uwzględnić je, aby wydłużyć „czas spędzony w witrynie”? Świetne dla SEO – i świetne dla użytkowników, którzy nie mają ochoty na czytanie. (Wskazówka: większość z nas wolałaby obejrzeć film.)

Lekkie animacje uzupełniające – animacje przyciągają wzrok, zwłaszcza jeśli poruszają się trochę, ale upewnij się, że twoje oko przyciąga wzrok. Lub upewnij się, że animacje rzeczywiście są dobre / mają styl, który naprawdę pasuje do Twojej marki.

Więcej czcionek szeryfowych — czcionki szeryfowe są łatwiejsze do odczytania! Cieszę się, że szeryfy powracają w 2020 roku i później!

Inni projektanci biorą się za trendy w projektowaniu stron internetowych 2020 (crowdsourced).

Usługi projektowania stron internetowych w ostatnich czasach skupiają się na zapewnieniu użytkownikom jak najlepszych doświadczeń w czasie, gdy przeglądają oni witrynę. W związku z tym ze strony programistów bardzo ważne staje się upewnienie się, że działają odpowiednio.
Oto lista 17 najlepszych trendów w projektowaniu stron internetowych i interfejsie użytkownika na rok 2020.

1. Otwarty i kolorowy minimalizm
W dzisiejszych czasach, jeśli nadal myślisz o minimalistycznym designie przy użyciu czarno-białego tła, te czasy minęły. Otwarty i kolorowy minimalizm to najnowszy trend, który nadaje projektom internetowym spójny i przyciągający wzrok charakter.

2. Przyjazny dla urządzeń mobilnych
Wraz z rosnącym wykorzystaniem telefonów komórkowych projektanci muszą upewnić się, że witryna jest przyjazna dla urządzeń mobilnych, aby każdy z użytkowników mógł z łatwością przeglądać witrynę za pośrednictwem swoich telefonów komórkowych. Właśnie tam na ratunek przychodzi responsywna usługa projektowania stron internetowych.

3. Nadwymiarowe nagłówki
Przewymiarowane nagłówki i nagłówki stały się ostatnio niezwykle popularne, aby przyciągnąć uwagę czytelników, którzy mają znacznie mniej czasu na stronie. W ten sposób nagłówki są tak stworzone, że przykuwają uwagę czytelników.

4. Żywe kolory, wymagające gradienty i ciemne tła
Dzisiejsze strony internetowe skupiają się na zapewnieniu najlepszego doświadczenia użytkownika, a zatem usługi projektowania stron internetowych szczególnie skupiają się na tym samym. Stosowanie bardziej złożonych gradientów wraz z fantastycznym odwzorowaniem kolorów na ciemnym tle stało się bardziej powszechne w roku 2019. Klasyczna mieszanka wszystkich trzech jest tym, co jest trendem.

5. Szybkość ładowania strony internetowej
Dzisiejsi klienci zawsze się spieszą, dlatego wolno ładująca się strona jest po prostu pomijana przez użytkowników. W związku z tym prędkość ładowania witryny musi być znacznie wyższa, co stało się najnowszym trendem zwiększania komfortu użytkowania.

6. Animacje i ilustracje następnego poziomu
Użytkownicy przez cały czas czekają na coś nowego. Można to łatwo osiągnąć za pomocą animacji, a także ilustracji na wyższym poziomie, co jest właśnie powodem, dla którego stały się one najnowszym trendem.

7. Siatki CSS
Siatki CSS są nadal jednym z najpopularniejszych trendów w projektowaniu stron internetowych, który odgrywa istotną rolę w ułatwianiu projektowania stron internetowych. W ostatnich czasach jest to połączenie kilku nowych narzędzi z istniejącymi funkcjami. Współczesny CSS oferuje zupełnie nowy poziom responsywności, interakcji oraz wizualizacji danych.

8. Schematy kolorów, które są jasne i ciemne
Aby stworzyć coś ekscytującego dla użytkowników, użycie jasnych i ciemnych schematów kolorów jest po prostu zbyt dobre. Stwarza to pozytywne wrażenie na użytkownikach, a zatem korzystne.

9. Wciągające wrażenia 3D
Obrazy i grafika 3D są bez wątpienia zbyt dobre dla usług projektowania stron internetowych, dzięki czemu można tworzyć atrakcyjne projekty internetowe, które przyciągają wzrok użytkowników. Wciągające wrażenia 3D ożywiają Twoją witrynę i oferują użytkownikom wspaniałe wrażenia.

10. BrutalizmBrutalizm jest kolejnym ważnym trendem, który rośnie, co jest dość oczywiste, ponieważ coraz więcej marek woli używać odważnych, zuchwałych i zuchwałych koncepcji, aby objąć swoją wewnętrzną buntowniczą stronę.

11. Elementy latające i pływające
Aby przyciągnąć uwagę użytkowników, wizualizacje latania i unoszenia się są niezwykle skuteczne.

12. Kształty organiczne i geometryczne
Wykorzystanie geometrycznych i organicznych kształtów do usług projektowania stron internetowych dość solidnie zajęło swoje miejsce leżące gdzieś pomiędzy płaskimi projektami a połamanymi siatkami.

13. Nakładające się rzeczy
Efekt nakładania się jest z pewnością jednym z najgorętszych trendów roku 2020. Nakładające się elementy wywołują wizualne zainteresowanie niektórymi konkretnymi rodzajami treści. Ta koncepcja to świetna sztuczka, która wzbudza zainteresowanie ludzi, ale musi być wykonana ostrożnie w przypadku usług projektowania stron internetowych.

14. Zwiększone wideo
Dodanie większej ilości wideo ożywia stronę internetową i ma zdolność przyciągnięcia uwagi prawie wszystkich, jak żadne inne media. Jest to niewątpliwie trend roku 2020 i będzie się utrzymywał jeszcze przez długi czas.

15. Układy asymetryczne i łamane siatki
Asymetryczne układy strony internetowej wraz z wykorzystaniem łamanych siatek w czasach projektowania stron internetowych stały się coraz bardziej powszechne.

16. Rzeczywistość rozszerzona
Interfejsy tylko ekranowe nie wystarczą w dzisiejszym świecie, a użytkownicy chcą, aby fizyczne interakcje miały miejsce w prawdziwym świecie. W tym miejscu projektanci stron internetowych muszą wymyślić coś nowego, aby zaoferować funkcję rozszerzonej rzeczywistości.

17. Mikrointerakcje
Nie można za wszelką cenę lekceważyć znaczenia mikrointerakcji. Są one po prostu świetne do tworzenia wydarzeń, które są bardzo zachęcające, a tym samym rosną w 2020 roku.
Teraz, gdy znasz najważniejsze trendy w projektowaniu stron internetowych i interfejsie użytkownika na rok 2020, nie trać więcej czasu, ale uwzględnij je w swojej witrynie, aby zapewnić użytkownikom fantastyczne wrażenia.

Przykłady typowych trendów w projektowaniu stron internetowych, które są słabo wykorzystywane

Jak ustalić, czy dany trend jest słabo wykorzystywany? Empatia i intuicja. Skonsultuj się ze swoim wewnętrznym świerszczem Jiminy. Czy chciałbyś, gdyby ktoś zrobił ci to na swojej stronie internetowej? Jeśli odpowiedź brzmi „nie”, być może powinieneś zrezygnować z pięćdziesięciu wyskakujących okienek, nawet jeśli „masz tyle zapisów do newslettera”, że możesz je spamować do końca życia.

Czy to działa? Gratulacje, że nawróciłeś jeszcze 5 osób i wkurzyłeś kolejne 40, rujnując postrzeganie Twojej marki i zmuszając ich do ponownego rozważenia, kiedy ponownie klikną Twoje treści z gratulacjami. Więc tak, zgadliście, że moim przykładem numer jeden słabo wykorzystywanego trendu w projektowaniu stron internetowych jest:

Inwazyjne wyskakujące okienka

Inwazyjne wyskakujące okienka i takie, których nie możesz wymyślić, jak je zamknąć lub które zmuszają Cię do odpowiedzi na śmieszne pytanie, są okropne.

Jak zrobić to lepiej – Oddaj coś wartościowego, gdy ktoś odchodzi

Zamiast próbować wepchnąć kogoś na swoją listę e-mailową, pociągnij. Jeśli dajesz mi coś wartościowego, nie martwię się, że postawiłeś mi w twarz duże, stare wyskakujące okienko, w rzeczywistości mogę być trochę zaintrygowany. Należy zauważyć, że zmienną jest treść. Nie odkurzaj jakiejś gównianej białej księgi, zbuduj coś wspaniałego – pracuj z zespołem, aby zbudować coś wspaniałego – cokolwiek musisz zrobić, a następnie uczyń z tego centralny element. Połącz to z wyskakującym okienkiem „z zamiarem wyjścia” i nie zmuszaj nikogo do podejmowania decyzji – zawsze podawaj jasne sposoby na usunięcie wyskakującego okienka.

Nieskończone przewijania

Nie potrzebujemy wyraźnego wezwania do działania na końcu ani pięknej stopki z przemyślaną nawigacją

Może to jest przykład mojego cynicznego mózgu staruszka, ponieważ nie mogę nawet poradzić sobie, gdy Twitter zmienia się z gwiazd na serca – ale jeśli stosujemy tutaj złotą zasadę, nienawidzę kończenia artykułu i zmuszania kogoś innego do dokonania wyboru jaki artykuł chcę przeczytać dalej. Podejmowanie decyzji za nich może być przyjemne w przypadku filmów na Facebooku i YouTube, ponieważ hej, to wideo, a ja i tak po prostu wychodzę – ale jeśli chodzi o treść, którą musisz przeczytać, przepraszam, nie sądzę, że zrobisz trafnie decyzję o moich preferencjach na podstawie jednego artykułu lub fragmentu treści, który skończyłem.

Zastrzeżę to, biorąc pod uwagę fakt, że witryny typu galeria / Pinterest, w których przeglądasz szereg elementów, wydają się mieć pewne korzyści dla tego typu nawigacji, ale może to być ograniczone do społeczności. Reszta z nas potrzebuje satysfakcji z zakończenia i dalszej nawigacji.

Jak zrobić to lepiej – Zastanów się, co dana osoba chciałaby zrobić po przeczytaniu wpisz tę kategorię lub rodzaj treści na stronie.

Każdy rodzaj treści na stronie może mieć rodzaj pre-stopki z innymi podobnymi artykułami, elementami nawigacyjnymi i najlepiej kilkoma jasnymi dalszymi krokami dostosowanymi do tego, co właśnie skończyli. Chociaż nienawidzę czcionki „Lobster” w powyższym przykładzie (Messages Home), myślę, że Jared długo i intensywnie zastanawiał się nad tym, czym ludzie mogą być zainteresowani po tym, jak skończyli czytać stronę z treścią i udostępnili ją w sposób wizualny, który jest jasne i proste. Gdyby tylko inne stopki miały tyle szczęścia. Przyznam się, mam fetysz na stopkę.

3. Boleśnie rozpraszająca paralaksa, która nie dodaje żadnej wartości poza jedną milisekundą oooh-ahhh.

Ta organizacja sztuki i kultury ma ruch, ma głębię – ale czy ma znaczenie? Nie wyobrażam sobie, jak kółka z tyłu dodają jakiś przydatny element, z wyjątkiem tego, że w pewnym momencie był oryginalny lub jeszcze nie wiele. IE sztuczka – ale hej, wygrali nagrodę za witrynę… więc witryna musi być dobra, prawda?

Ruch i głębia mogą być świetne, gdy są gustownie zaimplementowane, niestety duża liczba osób rzuciła się, aby wdrożyć paralaksę bez zbytniego zastanowienia się, jak to naprawdę pomogłoby odwiedzającym i wniosło wartość dodaną. Duże, przestrzenne projekty są piękne, ale jeśli próbujesz dotrzeć do treści witryny i naprawdę dowiedzieć się, jak lub dlaczego chcesz współpracować z firmą lub kupić produkt – długie witryny paralaksy nie mają sensu.

Jak zrobić to lepiej – Zaimplementuj subtelnie, aby dodać trochę głębi i używaj oszczędnie w sposób, który w razie potrzeby doda trochę intrygi produktom.

Do tej pory być może wielu z was widziało artykuł o opadach śniegu w New York Times, który został opublikowany w 2012 roku. Artykuł wykorzystuje paralaksę i wideo w sposób, który był prawie rozbrajający, ponieważ był wtedy tak postępowy.

Klawisze, dzięki którym ta strona działa tak pięknie?

• Mocny nacisk na treść – elementy typograficzne są super przemyślane i czytelne
• Obróbka tytułów daje wyraźną hierarchię
• Wszystko to gra razem całkiem ładnie, tak że aspekt paralaksy nie jest w centrum uwagi, ale raczej przyjemny, subtelny kawałek w szerszym obrazie.

Właśnie w ten sposób paralaksa może być używana ze smakiem w 2016 roku, bez poczucia sztuczki.

Trendy w projektowaniu stron internetowych od 2019 roku

Projektanci stron internetowych nie różnią się od projektantów mody, ponieważ muszą stale słuchać, jak będą słuchać najnowszych trendów w projektowaniu stron internetowych w nadchodzącym roku.

Inteligentny projektant stron internetowych nie tylko ma na uwadze wizerunek marki podczas tworzenia układu witryny, ale także użyteczność dla użytkownika. Z tego powodu co roku projektanci usuwają szczegóły projektu, które nie podobały się użytkownikom, i rozszerzają te, które użytkownicy lubią.

W tym roku nie jest inaczej, a oto lista najważniejszych trendów, których należy szukać w projektowaniu stron internetowych na 2019 rok.

Tła wideo

Prawdopodobnie widziałeś przyzwoitą liczbę stron internetowych, które zawierają duże tła wideo, aby zaangażować użytkownika. Tła wideo to świetny sposób, aby dać użytkownikowi wgląd w Twoją firmę.

Zajrzyj na stronę firmy deweloperskiej Ditto , która przedstawia ich projekty mieszkaniowe wśród ludzi spędzających czas, oferując użytkownikowi możliwość zobaczenia wnętrza jednostek w angażujący sposób.

Współpracowaliśmy z Deneen Pottery, aby pomóc zaimplementować film na ich tle, który zawiera rzeczywisty materiał z ich ręcznie robionej ceramiki.

Tła cząstek

Dla firm, które nadal chcą wprowadzać ruch do swoich witryn internetowych, tła cząsteczkowe są świetną alternatywą dla tła wideo, zwłaszcza jeśli martwisz się o czas ładowania z większym filmem w tle. Te animacje są javascript, które tworzą naturalny i wciągający ruch jako część tła.

Heystack użył skomplikowanego tła cząsteczkowego na swojej stronie i oczekujemy, że więcej projektantów zrobi to samo.

Układy asymetryczne

Unikalne i wyróżniające się aspekty asymetrycznego projektowania stron internetowych sprawiają, że jest ona atrakcyjna pod względem odróżniania Twojej witryny od innych. W przeciwieństwie do minimalistycznego stylu, który jest popularny od kilku lat, asymetryczne projekty są bardziej zajęte, ale nadal wyglądają tak samo czysto i profesjonalnie, gdy są wykonane prawidłowo.

Niedawno uruchomiliśmy tę witrynę dla Sustainable 9, która zawiera nakładające się kształty i choć jest w niej pozorna równowaga, z pewnością są asymetryczne elementy, które dodają jej głębi.

Pogrubiona typografia

Wybór odpowiedniej typografii może mieć wpływ na niski współczynnik odrzuceń, a nie na wysoki. Wybór odważnej typografii, zwłaszcza w przypadku dużego rozmiaru czcionki, może naprawdę przyciągnąć uwagę użytkownika witryny.

Te dwie strony główne witryn internetowych, stworzone przez projektanta stron internetowych na Dribble, doskonale ilustrują prosty i nowoczesny charakter pogrubionego kroju pisma.

Zintegrowane animacje

Zintegrowane animacje są dokładnie takie, jak brzmią: animacje umieszczane w witrynie, aby dodać dodatkowe poczucie żywotności, ruchu i zaangażowania w witrynie. Jak już zauważyłeś, ruch jest ważnym tematem, którego należy szukać w projektowaniu stron internetowych na nadchodzący rok.

30 Species in Pieces, strona internetowa poświęcona edukacji ludzi na temat zagrożonych zwierząt, wykorzystuje ostre i wciągające animacje w swoich prostych projektach internetowych, aby ożywić ją.

Dynamiczne gradienty

Jak zauważyliśmy wcześniej, gradienty kolorów zaczynają powracać. Gradienty pozwalają na dostosowanie kolorów Twojej witryny, aby stworzyć coś, co naprawdę uosabia Twoją markę.

Firma Apple użyła gradientu dla koloru czcionki, aby zachować motyw przewodni swoich nowych reklam na iPhone'a X.

Niedoceniane trendy w projektowaniu stron internetowych od 2018 r.

Każdego roku trendy w projektowaniu stron internetowych nieustannie się zmieniają – więc to, co kilka lat temu wydawało się „modne”, może dziś nie być najlepszą opcją. Dlatego ważne jest, aby wszyscy właściciele firm byli na bieżąco z najnowszymi trendami w projektowaniu stron internetowych, aby sprzedawać swoją firmę i utrzymywać uwagę odwiedzających. Czytaj dalej, aby odkryć sześć największych niedocenianych trendów w projektowaniu stron internetowych w 2018 roku.

Zepsute układy siatki

Wiele witryn korzysta z siatek, aby zapewnić strukturę tekstu, obrazów i przycisków nawigacyjnych. Siatki nie tylko stanowią wytyczne dla projektantów, ale także ułatwiają odwiedzającym poruszanie się po witrynie. Jednak w tym roku typowy układ siatki został złamany. Zamiast trzymać się określonej zasady, pojawiła się możliwość zrobienia czegoś innego z projektowaniem stron internetowych. Deweloperzy przeszli w stronę układów z rozbitą siatką, które są mniej restrykcyjne. Układy łamanej siatki pozwalają tekstowi i obrazom swobodniej przemieszczać się po stronie. Gdy elementy nakładają się na siebie, tworzy to harmonijny projekt strony internetowej, który w naturalny sposób przepływa przez odwiedzającego. Układy łamanej siatki można również osiągnąć dzięki zastosowaniu warstw, nietypowemu pozycjonowaniu i subtelnym akcentom, które sprawiają, że strona jest bardziej atrakcyjna.

2. Chatboty

Coraz więcej projektantów stron internetowych zaczyna wdrażać wykorzystanie chatbotów na stronach internetowych. Chatboty są często spotykane na stronach firmowych, które znajdują się w prawym dolnym rogu ekranu. Małe wyskakujące okienko daje odwiedzającym możliwość porozmawiania z kimś z firmy lub uzyskania automatycznej pomocy w przypadku jakichkolwiek pytań. Dodanie okna czatu do projektu strony internetowej oznacza, że ​​każdy odwiedzający z pytaniem może otrzymać na nie natychmiastową odpowiedź. Niektóre firmy mają problem z udostępnieniem członka personelu do czatu. Możliwe jest jednak zaprogramowanie chatbota tak, aby odpowiadał na najczęściej zadawane pytania i podawał szczegóły, jak skontaktować się z firmą, jeśli nie zna ona odpowiedzi na pytanie.

Niestandardowe ilustracje

W przeszłości obrazy do projektowania stron internetowych składały się głównie z ujęć produktów, GIF-ów i fotografii redakcyjnych, które kładły nacisk na cechy, funkcjonalność i ludzkie wymiary produktu. W 2018 r. nastąpiło niewielkie odejście od tego, a na rynku dominują teraz ilustracje. Deweloperzy odkryli, że ilustracje są bardziej wciągające i zachęcające. Mają jasny i skoncentrowany przekaz dostosowany do marki. Ilustracje są zwykle uzupełniane nietradycyjnymi kombinacjami kolorów, które eksperymentują z różnymi kontrastami, tworząc napięcie, ale także zachowując czytelność projektu strony internetowej.

Przejścia stron

Za każdym razem, gdy doświadczenie użytkownika zostanie przerwane, istnieje duże prawdopodobieństwo, że może opuścić witrynę. Może się to również zdarzyć, gdy przechodzą z jednej strony na drugą. Niektóre witryny ładują się zbyt długo, podczas gdy inne wyrywają użytkownika z kontekstu, w którym znajdował się przed otwarciem nowej strony. Dlatego ważne jest, aby każdy projekt strony internetowej miał płynne i wydajne przejścia między stronami. W tym roku coraz więcej stron internetowych wprowadza spójne przejścia stron dla swoich odwiedzających. Zamiast przechodzić do nowej strony, odwiedzający mogą przeglądać różne informacje na tej samej stronie. Te płynniejsze przejścia stron mogą poprawić wrażenia użytkownika i zwiększyć zaangażowanie w Twoją markę.

Brutalizm

W 2018 roku nastąpił wzrost wykorzystania brutalizmu w projektowaniu stron internetowych. Brutalizm otwiera przestrzeń, w której programiści i projektanci mogą robić to, co chcą, a nie to, co powinni robić. Ten styl projektowania stron internetowych został zainspirowany architekturą lat 50., która była uproszczona, opłacalna i praktyczna. Brutalizm w projektowaniu stron internetowych jest surowy i wciągający. Główny nacisk kładziony jest na treść, ponieważ ważne jest, aby była wizualnie przyjemna dla odwiedzającego. Brutalizm w projektowaniu stron internetowych przejawia się poprzez wyeksponowane struktury, poczucie szorstkości i przemyślane procesy.

Treść wideo

W tym roku odnotowano również wzrost wykorzystania treści wideo na stronach internetowych. Wideo to świetny sposób na przekazanie złożonych informacji w formacie wizualnym. Treści wideo nie tylko sprawiają, że strony internetowe wyglądają nowocześniej, ale także stwarzają poczucie artyzmu, którego nie może po prostu zrobić statyczny obraz. Filmy są potężnym narzędziem, ponieważ mogą bezproblemowo wślizgnąć się w projekt Twojej strony internetowej i nadal zachować niezwykle wysoką jakość, nawet z dużą ilością kolorów, gradientów i szczegółów. Filmy można również zapętlić, aby zapewnić zgodność szczegółów kopii i filmu. Wielu twórców witryn internetowych widzi, jak odwiedzający pozostają w witrynach dłużej, gdy obecne są treści wideo, a odwiedzający są również bardziej skłonni do zarejestrowania się lub wyrażenia zgody na ich ofertę produktów i usług.Z biznesowego punktu widzenia – jakie trendy w projektowaniu stron internetowych w 2017 roku mają znaczenie?

Trendy w projektowaniu stron internetowych, które poruszają igłę

1. Formularz kontaktowy na każdej stronie

Nie daj się przekręcić – jeśli Twoja witryna jest witryną generującą leady, nie chcesz, aby formularz kontaktowy był trudny do znalezienia. Jeśli możesz umieścić go na każdej stronie, tym lepiej.

Może wydawać się to prostą sztuczką, ale najlepsze są takie „sztuczki”.

2. Zawsze obecne wezwanie do działania: stały, silny przycisk wezwania do działania

Nie musisz mieć formularza kontaktowego, aby zachęcić ludzi do skontaktowania się z Tobą, uzyskania wersji demonstracyjnej, wyceny lub jakiejkolwiek głównej akcji, do której chcesz skłonić klienta. Zamiast tego możesz cały czas umieszczać duży przycisk w prawym górnym rogu. Podczas przewijania pozostaw przycisk wezwania do działania u góry ekranu z „przyklejonym” nagłówkiem, który podąża za odwiedzającymi.

3. Przeciążenie projektu czynnikami zaufania, takimi jak odznaki organizacyjne i referencje

Trzymam się tylko najbardziej skutecznych rzeczy, o których wiem, że niektórzy z moich odbiorców mogli wcześniej nie być tak świadomi. Czynniki zaufania to wszystko w projektowaniu stron internetowych – to prawie wszystko, o czym myślę, poza czystym, nowoczesnym i estetycznym projektem wizualnym.

Jedynym sposobem na zachęcenie ludzi do podjęcia działania (duże przyciski Call to Action, przyciski Kup teraz itp.) jest otoczenie ich elementami, które wyjaśniają i zachęcają ich do kontynuowania – ponieważ ZAUFANIE jest absolutnie kluczowe w każdej transakcji.

Czy masz darmowe zwroty? Czy masz szybką i darmową wysyłkę? Czy masz gwarancję? Zaprezentuj te rzeczy.

Część lokalnej grupy handlowej? Biuro lepszego Biznesu? Posiadasz Certyfikat SSL w swoim sklepie internetowym?

Dodaj wizualną reprezentację tych elementów i rozważ dodanie ich do stylu swojej witryny, aby jeszcze bardziej zwiększyć zaufanie.

Jedną z największych pozycji w kategorii czynników zaufania, którą posiada większość wysokiej jakości firm, są recenzje i referencje online. Gorąco zachęcam do zaprezentowania ich w bardzo widoczny sposób na swojej stronie. Jeśli to referencje, najlepiej, jeśli masz zdjęcia samych klientów, aby jeszcze bardziej uwiarygodnić to, co powiedzieli o Twoim produkcie lub usłudze.

4. Posiadanie filmu, aby zaprezentować Twoją kluczową propozycję wartości

Kiedy po raz pierwszy zaprojektowałem DeneenPottery.com, pracowałem z tym, co miał klient – ​​zdjęciami jego wysokiej jakości kubków i filmem, który był nieco ukryty w projekcie. Narysowaliśmy ten film, podkreślając go, pokazując niezaprzeczalnie ręcznie robiony charakter ich kubków i dając ludziom przedsmak ich procesu:

5. Wysoce atrakcyjny projekt z białą przestrzenią – rozważ użycie znaczących przejść, nakładających się systemów siatek i podzielonych treści, aby wydobyć dychotomie

Biała przestrzeń to ten zachwycający element projektu, który sprawia, że ​​wszystko wydaje się bardziej „high-endowe”:

Na tej stronie postanowiłem wykorzystać naturalną otwartość fotografii, aby stworzyć wrażenie obszernej dekadencji.

Apple rozumie białe znaki. Nie oznacza to, że tło jest białe – to po prostu otwarta przestrzeń wokół głównego tematu projektu.

Oto naprawdę wysoki przykład wykorzystania przez Apple spacji w swojej witrynie :

Znaczące przejścia

Google od lat używa znaczących przejść w „Material Design” – ale coraz więcej projektantów stron internetowych zaczyna to wykorzystywać, aby stworzyć skuteczny sposób na nadanie większego kontekstu działaniom, które użytkownik podejmuje w witrynie. Sprawdź stan najechania na przycisk poniżej, rozchodzenie się koloru, gdy użytkownik kliknie przycisk, a następnie sposób, w jaki okno modalne/podręczne rośnie po kliknięciu:

Wykorzystanie Material Design na tej stronie pozwoliło mi stworzyć bardzo interaktywną i bardzo nowoczesną stronę. Pomaga również, że stosując konwencje z Material Design, subtelnie kojarzysz się z rodzajem doświadczenia użytkownika w Google.com i wielu produktach Google – ponieważ wszystkie one pasują do tych konwencji i korzystają z nich.

Nakładające się systemy siatkowe

Pudełka w projektowaniu stron internetowych są tradycyjne obok siebie, jeden na drugim, ale wielu projektantów używa stylu z 2017 roku, zwanego systemem nakładających się siatek lub systemem siatek odsuniętych. Ten styl zestawia ze sobą pudełka i zdjęcia, aby uzyskać bardziej organiczny, swobodny efekt.

Podziel kolor lub podziel obrazy, aby narysować dychotomię

Dychotomia to oddzielenie dwóch rzeczy – takich jak „gorące i zimne” lub „dobre i złe”. Dzięki temu, że dwie strony witryny bardzo różnią się od siebie, przyciąga ona uwagę odwiedzających.

Możesz użyć tego, aby wydobyć emocjonalne elementy sprzeciwu lub dwie strony mózgu „emocjonalną i logiczną”, „kreatywną i zorientowaną na systemy” lub po prostu użyć tego do stworzenia wizualnej atrakcyjności, takiej jak ten projekt Mateusza Koziorowskiego .

Cokolwiek robisz – nie wskakuj w trendy projektowania stron internetowych, chcąc nie chcąc

Pamiętaj, aby przede wszystkim wziąć pod uwagę swoje cele biznesowe. Trendy w projektowaniu wizualnym są niczym bez rozważenia tego, co zrobi, jeśli chodzi o przesuwanie igły z przychodami.

Lepsza strona internetowa jest tuż za rogiem
Przeszliśmy długą drogę od uruchomienia pierwszych stron internetowych. Projektanci stron internetowych stają się coraz bardziej szczegółowi, odważniejsi i, szczerze mówiąc, lepsi. Kolejne kilka lat projektowania stron internetowych będzie polegało na przesuwaniu koperty i próbowaniu nowych śmiałych pomysłów. Tutaj, w Hook, uwielbiamy przenosić starą witrynę, którą się zmęczyłeś, i przekształcać ją w coś, co naprawdę zawiera w sobie najnowocześniejszą i wyjątkowość Twojej marki. Jeśli chcesz stworzyć nową witrynę, która zaangażuje użytkowników i doprowadzi do większej liczby konwersji, skontaktuj się z Hook Agency już dziś, aby umówić się na spotkanie, na którym porozmawiamy o Twoich celach biznesowych i sposobach ich realizacji do nowej witryny.