Zapisz się!
Zapisz się!
Udało się!
Podaj e-mail!

Blog

Tu dowiesz się, jak zrobić stronę internetową.

Chcesz być na bieżąco?

Jakie będą trendy w projektowaniu stron www w 2019 roku?

Nowy rok przyniesie sporo naprawdę fajnych rozwiązań, które warto dodać do swojej strony.

Lub pomyśleć o nich na etapie projektowania.

Warto to zrobić, bo te trendy pojawią się niedługo na wielu stronach. A na wielu już są!

Pamiętaj, że ludzie lubią to, co znają i warto wyjść użytkownikom Twojej strony naprzeciw.

Jeśli jeszcze Cię nie przekonałem, to tegoroczne trendy w projektowaniu stron to ukłon w stronę użytkownika.

A taki ukłon zawsze warto zrobić.

Zwłaszcza na stronie internetowej.

 

Najgorętsze trendy w projektowaniu stron w 2019 roku

Mobile friendliness

Geometryczne kształty i flat design

Powrót fontów szeryfowych (zwłaszcza w nagłówkach)

Hero images

Filmy w tle jako forma aktywizacji użytkowników

Szybkość stron

Asymetryczne projekty

Mikroanimacje i mikrointerakcje

Minimalizm

 

Mobile friendliness (duże obiekty, łatwe do „naciśnięcia” palcem)

O tym, że mamy kolejny „rok urządzeń mobilnych” nikogo nie trzeba przekonywać.

Za to warto coś z tym zrobić, a nie tylko powtarzać. Ale tak NAPRAWDĘ coś z tym zrobić. Bo responsywna strona internetowa to nie tylko taka, która jest „dostosowana” szerokością do telefonów czy tabletów.

To strona, na której palcem (najczęściej – kciukiem) łatwo trafisz w każdy przycisk, suwak czy link.

Ten trend to świetny przykład „ukłonu” w stronę użytkownika, czyli dobrego user experience. A przy okazji pokrywa się z niedawnym wprowadzeniem Mobile-First Indexing.

Jeśli nie wierzysz, to nawet Google sygnalizuje w Search Console, że na niektórych stronach obiekty są za blisko siebie i warto się tym zainteresować.

O czymś takim jak menu mobilne w formie hamburgera i odpowiednio dużych literach nawet nie wspominam ;).

przykłąd strony dostosowanej do urządzeń mobilnych

 

Geometryczne kształty i flat design

Ładne kształty na stronie zawsze przykuwają oko.

Zwłaszcza że użyte ze smakiem i pomysłem. Dzięki nim coś tak prozaicznego jak strona internetowa staje się dziełem sztuki.

Rok 2019 będzie zdecydowanie (kolejnym) rokiem flat designu i eleganckich, geometrycznych kształtów.

Łączę te dwie rzeczy w jeden trend ponieważ mają wspólny mianownik: poprawę czytelności strony.

Czyli wyraźne kolory i różnice między obiektami oraz czytelność – te rzeczy są ważne nie tylko na stronach o wysokim dostępie, ale też na urządzeniach mobilnych.

Do tego dobra kompozycja obiektów na stronie potrafi zrobić prawdziwy efekt wow i przybliżyć użytkowników do realizacji celu. A przecież o to chodzi!

No i warto pamiętać, że najlepszym formatem dla takich kształtów i najlepszym przyjacielem flat design jest oczywiście SVG, czyli wektorowe grafiki, które możesz dodać do strony internetowej.

przykłąd strony flat design trendy w projektowaniu stron

https://www.brandaiddesignco.com/

 

Powrót fontów szeryfowych (zwłaszcza w nagłówkach)

Fonty bezszeryfowe to bezpieczne rozwiązanie na stronie internetowej. Są czytelne, przyjazne i najczęściej: bardzo zgrabne. Czy to Arial, Lato czy google’owska Futura na sterydach – te kroje liter łatwiej czyta się na monitorze.

Ale w tym roku warto trochę zaszaleć i wykorzystać fonty szeryfowe. Czyli takie z „kreseczkami” na końcach.

Najładniejsze projekty pokazują, że oszczędne użycie fontów szeryfowych, zwłaszcza w dużych nagłówkach, świetnie się sprawdza.

Najlepiej widać to na przykładzie Medium.com – projekt tego serwis świetnie łączy klasyczne, „drukowane” kroje tekstu z prostszymi, „internetowymi”.

Konsekwentnie realizowana hierarchia typograficzna pomaga osiągnąć naprawdę świetny efekt!

Idealne kompozycje fontów stworzysz chociażby w Google Fonts.

Do tego duże nagłówki, uzupełnione angażującą treścią lub hasłami, zawsze są świetnym uzupełnieniem każdego tekstu na stronie.

przykłady wykorzystania hierarchii typograficznej trendy w projektowaniu stron 2019

https://medium.com

 

Hero images

Ten trend jest obecny zwłaszcza na stronach skupionych na konkretnych produktach.

Hero image to duże, wyraźne zdjęcie produktu lub kompozycja z tym produktem w tle. Właśnie ten produkt jest bohaterem (czyli – hero).

To znane rozwiązanie, które poprawia user experience i od początku komunikuje użytkownikom, o co chodzi na stronie.

Jeśli to rozwiązanie pasuje do Twojej strony, to koniecznie przyjrzyj się temu trendowi bliżej.przykłady hero image - trendy w projektowaniu stron www 2019

https://www.leocoffee.co.in/

Dołącz do 130 tysięcy ludzi, którzy tworzą strony za darmo i  bez kodowania

Kreator stron internetowych WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony.

STWÓRZ SWOJĄ STRONĘ ZA DARMO 

Filmy w tle jako forma aktywizacji użytkowników

Filmy w tle strony są powiązane z hero images, jednak są osobnym trendem.

Angażujący i ciekawy film w tle strony przykuwa uwagę. Co jeszcze ważniejsze – wzbudza zainteresowanie i zachęca użytkowników do pozostania na stronie.

W takim filmie warto pokazać o co chodzi na stronie, co jej treść lub temat mogą zmienić w życiu użytkowników. To może być też intrygująca historia.

Innymi słowy: to kolejny sposób na efekt wow.

Do tego dobrze zoptymalizowany film (czyli nie za duży i ładujący się szybko) nie sprawi kłopotu nowoczesnym przeglądarkom stron.

Nie warto się bać filmów w tle, zwłaszcza że dzisiejsze łącza radzą sobie z pobraniem odpowiedniej ilości danych bez kłopotu.

 

https://www.rolex.com/pl

 

Szybkość stron

Szybkość stron, podobnie jak REALNE dostosowanie ich do potrzeb urządzeń mobilnych to kolejny mocny trend w projektowaniu stron w 2019 roku.

Nie chodzi tu tylko o AMP, czyli Accelerated Mobile Pages.

Chodzi tu o coś więcej.

Użytkownicy nie lubią czekać, aż strona się załaduje. I jest naprawdę wiele sposobów na to, żeby im to ułatwić.

Wspomniałem przed chwilą, że dzisiejsze łącza radzą sobie z ładowaniem chociażby automatycznie uruchamiających się filmów w tle strony.

Jest jednak wiele istotniejszych rozwiązań, które przyśpieszają ładowanie strony.

Począwszy od optymalizacji grafik (zmniejszenie ich rozmiaru, stosowanie dobrych formatów), poprzez dobry dobór plug-inów i innych rozszerzeń, a na rozwiązaniach takich jak lazy loading kończąc.

asymetryczny układ strony - trendy w projektowaniu stron www 2019

https://www.ampproject.org/

 

Asymetryczne projekty stron

Ten trend mi osobiście bardzo się podoba, bo wykorzystuje to, co nasze oko „lubi”. A potem stawia to na głowie ;).

Chociaż układ strony www powinien być symetryczny, a najważniejsze treści wyśrodkowane, to pojawienie się elementów, które zaburzają tę symetrię przykuwa uwagę.

I właśnie dlatego wstawienie „krzywego” elementu – menu, grafiki czy call-to-action – przykuwa uwagę użytkownika. To może być nawet grafika z kluczowym obiektem poza osią pionową strony.

Jednak nie ma co przesadzać z tym rozwiązaniem. Raz użyte zrobi robotę. Częściej – może być po prostu irytujące.
 

Mikroanimacje i mikrointerakcje

Strona, która zachęca użytkowników do wchodzenia w interakcję lub zaskakuje drobnymi animacjami jest naprawdę świetna!

Ale – żebyśmy się dobrze zrozumieli – mikroanimacje i mikrointerakcje powinny być „mikro”.

Małe urozmaicenia czy coś, co wchodzi w interakcję z użytkownikiem, ale nie przeszkodzi mu w korzystaniu ze strony – dokładnie o to chodzi.

Coś się dzieje po najechaniu kursorem, po przesunięciu ekranu i tak dalej. Innymi słowy: użytkownik ma poczucie, że nie jest tylko odbiorcą, ale może też kształtować swoje własne user experience.

Można je wykorzystać do opowiedzenia historii, pokazania czegoś naprawdę ciekawego lub – po prostu – do zaktywizowania użytkownika. To z pewnością forma grywalizacji strony, a przecież każdy lubi dać się w ten sposób zaangażować ;).

Do tej grupy można nawet zaliczyć dobrze dobrane okna modalne czy automatycznie uruchamiające się animacje, które potrafią miło zaskoczyć.

Jeśli nie masz pewności, czym są (lub mogą być) mikroanimacje i mikrointeracje, to wejdź na pocztę (na przykład nowego Gmaila), Facebooka lub Instagram i… polub coś lub utwórz nowego maila ;).

asymetryczny układ strony - trendy w projektowaniu stron www 2019

Sergey Valiukh 

 

Minimalizm

Można powiedzieć, że to już nie trend, ale pewna norma w robieniu stron internetowych.

Jednak wspominam o nim, bo dla wielu osób dalej jest to coś nowego.

Minimalizm przy projektowaniu stron jest znanym trendem. Dzięki niemu strony pokazują tylko najważniejsze rzeczy, ale przy okazji są przyjazne użytkownikom. I potrafią zachwycić.

W takim „minimalistycznym” otoczeniu najważniejsze treści faktycznie przyciągają uwagę, a użytkownik wie dokładnie, co ma zrobić.

 

To jakie w końcu są te trendy w projektowaniu stron?

Na pewno – ciekawe.

Jak wspomniałem – w tym roku trendy wprowadzą na strony sporo urozmaiceń i naprawdę fajnych rozwiązań. Zwłaszcza z perspektywy użytkowników.

Dlatego warto dać szansę każdemu z nich i zastanowić się, który z tych trendów zrobi najlepszą robotę dla Twojej strony?

A może zrobisz ją w WebWave? Zobacz, jak mało zajmie Ci to czasu :).

Koniecznie przeczytaj podobne artykuły:

Autor: Bartek Raducha. Prowadził i konsultował projekty stron internetowych w sektorze kultury. Pracując w agencji reklamowej prowadził i współprowadził projekty stron dla klientów (m.in. Beko, Bonduelle Food Service czy Froneri Polska). W WebWave – człowiek od marketingu i nie tylko.

 

Jak pisać teksty na stronę internetową
27 grudnia 2018

Blog

Darmowe szkolenie z tworzenia stron internetowych 

WYPRÓBUJ ZA DARMO

Wypróbuj nasz kreator stron internetowych i uzyskaj dostęp do darmowego szkolenia. Po rejestracji wyślemy Ci e-maila z linkiem do zapisu na szkolenie on-line. Na godzinnym szkoleniu dowiesz się jak samodzielnie stworzyć swoją stronę internetową!

9 gorących trendów w projektowaniu stron internetowych w 2019 roku

 

Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony www. Strona internetowa za darmo? To łatwe - zacznij już teraz.

Panel webmastera

KONTAKT

contact@webwavecms.com

KREATOR

OFERTA

DLA KLIENTÓW

WEBWAVE

MATERIAŁY

Ta strona została stworzona w całości przy użyciu naszego kreatora stron www WebWave. Na tej stronie wykorzystujemy ciasteczka. Dowiedz się więcej.

PL

EN

POZNAJ NAS BLIŻEJ W SIECI

Zacznij Teraz

RO

ZACZNIJ TERAZ

PANEL WEBMASTERA

Logowanie