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 www bez kodowania? To łatwe - zacznij już teraz.

contact@webwavecms.com
+48 731 395 898

Porozmawiaj z nami na czacie
Od godziny 08:00 do 24:00

Ta strona została stworzona w kreatorze WebWave.

Znajdziesz nas na:


Kreator WebWave.

Pomoc. 

Oferta. 

Materiały. 

Firma.

Popularne artykuły. 

Jak zrobić sklep internetowy?

Jak zrobić landing page?

Jak zrobić stronę internetową?

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

Zacznij teraz 

Zacznij teraz 

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

27 grudnia 2018

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.

 

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 ;).

 

Zacznij teraz 

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/

 

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ć.

Zacznij teraz 

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

Panel Webmastera

Zarejestruj się

Zaloguj się