Najnowsze trendy w projektowaniu stron na 2017 rok

Od kilku lat, coraz większą wagę przykłada się do projektowania stron internetowych. To oczywiste, że to wizytówka naszej firmy. Przedstawiamy najciekawsze, naszym zdaniem trendy na nadchodzący rok.

Ludzie są istotami, które bardzo zwracają uwagę na to co widzą. A slogan "jak Cię widzą - tak Cię piszą", dotyczy też stron internetowych i ich designu. Dlatego na następny rok zapowiedziano parę zmian. Film i obraz będzie dominującą tendencja i nie chodzi tutaj tylko o sam content marketing. Zawartość video jest już bardzo silnie obecna na blogach i co raz śmielej wkracza na portale społecznościowe. Jednak trzeba uważać -  można łatwo wpaść w pułapkę dostępnych narzędzi. Wszystko trzeba zrobić tak, żeby nie było przesytu formy nad treścią. Wybraliśmy parę gorących trendów, które wkraczają do web designu i powoli stają się standardami na stronach, które chcą być odbierane jako profesjonalne i nowoczesne.

1. Płaski design

Co raz większą uwagę przyciąga tzw. flat design (projektowanie płaskie). Zaadoptował je Google i teraz szturmem zdobywa kolejne witryny. Jednym z jego odłamów jest "material design". Charakteryzuje się trójwymiarowością poprzez zastosowanie różnych odcieni koloru i cieni.  W tym designie wyróżnia się trzy podstawowe głębokości, które można stosować do wyróżniania jednych elementów nad drugimi.

2. Age-responsive design

W poprzednich rano stawiano na to, żeby strony były dostosowane do większości urządzeń i były responsywne. W 2017 roku stawiać się będzie na dostosowanie designu stron i ich układu do wieku użytkownika. Tutaj potrzeba zrozumienia jakie są ważne czynniki dla osób starszych, a jakie powinno się wziąć pod uwagę przy projektowaniu np. kanału telewizji dla dzieci. Jednym z takich elementów ma być automatycznie dopasowywana czcionka podczas przewijania i przesuwania poszczególnych elementów strony. Kolory natomiast mają być bardziej jaskrawe na stronach przeznaczonych dla młodzieży, a stonowane i pastelowe dla osób dojrzałych.

Storytelling

Dużym plusem nowych stron jest zastosowanie "narracji wizualnej". Tzw. storytelling ma skupić użytkownika na eksplorowaniu strony i dowiadywaniu się wszystkiego czego chce o danej rzeczy. Główne zastosowanie "opowiadań" ma przydatność przy prezentowaniu nowego produktu bądź wydarzenia. Świetnym przykładem takiej witryny jest strona poświęcona hybrydowemu modelowi samochodu marki Hyundai lub portal National Geographic o rodzinie Kennedych.

3. Mini-interakcje

Duży nacisk położny będzie też na "mini-interkacje", które będą zachęcały użytkownika do większej aktywności, jak share'owania postów czy dodania "łapki w górę" do danej rzeczy lub szybkiego skomentowania z poziomu nawet nie otwartego artykułu, a samego tytułu.

4. User Offboarding

„Dobry produkt jest jak kinowe arcydzieło” - tym hasłem ma kierować się nowa metoda przyciągania gości na swoje strony. Ma to być element strony, który użytkownik ujrzy i nie będzie mógł od niego oderwać uwagi. Będzie tak bardzo w niego się zagłębiał, że odwiedzi całą witrynę. Od początku do końca i „obejrzy ją jak dobry  film”. Jednym z takich przykładów jest m. in. witryna Canva, która jest tak skonstruowana, że nie pozwala użytkownikowi przestać tworzyć strony, a krótkie filmiki pokazujące na zasadzie - „zrób -> pokaż -> powiedz” powodują u użytkownika chęć poznania szczegółów.

5. Typografia

Co raz większą wagę przywiązujemy nie tylko do tego co jest napisane, ale też jak to wygląda. Czy czyta to się nam wygodnie, intuicyjnie i jest zrozumiałe dla nas. W graficznym przedstawianiu treści, duży nacisk będziemy kładli na odpowiedni dobór czcionek oraz to w jakim miejscu znajdą się dane słowa czy nawet poszczególne litery. Odchodzimy od nadmiaru informacji, a chcemy mieć przedstawione tylko to co najważniejsze. Przejrzystym połączeniem nowym trendów jest na pewno nowa strona domowa hostingu plików Dropbox.

6. Duże i wyśrodkowane zdjęcia

W przyszłym roku, trendem będą duże zdjęcia prezentujące przedmiot strony. Zdjęcia mają być tak dobrane, żeby współgrały z kolorystyką strony i animacjami, a ich przewijanie było płynne.

"Hero image"

Będzie to pierwsza, główna grafika (bądź slider)  jaką zobaczysz na stronie. Ma być odnośnikiem do pozostałych części serwisu. Wiele firm wprowadza to już teraz do swoich layoutów.

7. Ruchome "kinowe" zdjęcia

Po GIF-ach, które w tym roku opanowały serwisy czas na ich podrasowanie. Hitem i numerem jeden będą ruchome obrazki, które wyglądają jak kadr z filmu. Czym się różnić będzie taki obrazek od popularnych animacji? Głównie jakością techniczną. Zdjęcia użyte do tworzenia subtelnych ruchów, nie mogą być małe, a do ich wykonania będzie potrzebny dobry program graficzny.

8. Parallax Scrolling

W budowaniu witryny jednym z istotnych elementów jest szybkość działania całej witryny. W przyszłym roku skupimy się na budowaniu witryny na tyle szybkiej, żeby mogła sobie radzić z tzw. efektem paralaksy przy przewijaniu strony. Na czym polega? Na jednoczesnym przesuwaniu całej strony i tła przy jednoczesnym pozostawaniu tekstu na swoim miejscu. Daje to możliwość większego przyciągnięcia uwagi użytkownika, który odwiedza naszą witrynę. Taki efekt możemy zobaczyć na tej stronie.

Przeczytaj też:

• Trendy 2015 – Projektowanie stron internetowych
• Najpopularniejsze trendy wizualne na rynku stockowym 2014 (galeria)
• Trendy marketingowe na 2020 – prognoza