Trendy w projektowaniu stron internetowych w nadchodzącym nowym roku 2014. Strony mobilne, responsywne, wideo, media społecznościowe.

1. 10 trendów
w projektowaniu stron www
2014

2. Wstęp
Zorientuj się na użytkownika!
Webdesign w 2014 roku będzie podążać
w kierunku wzmocnienia przejrzystości
stron firmowych i podniesienia ich
użyteczności dla internautów.
To kolejny krok w odejściu od agresywnych
form w stylu “popatrz na mnie”. Dziś to
Internauta puka do interesujących go drzwi,
nie czekając na akwizytora. Dlatego zatroszcz
się o to, aby odwiedzając Twoją stronę, znalazł
na niej w wygodny sposób to, czego szuka.
Maciej Potępa

3. 1. Mobilność

4. http://joshuaelliottlong.com

5. Mobilność
Bądź wszechdostępny!
72% użytkowników smartfonów korzysta z nich
do przeglądania stron internetowych zaś wśród
posiadaczy tabletów wskaźnik ten sięga 53,9%*.
Aby podnieść wygodę użytkowania strony www
ogranicz elementy na stronie do minimum.
Zatroszcz się o to, żeby użytkownik znalazł
na niej jedynie wartościowe treści, w dopasowanej
do wyżej wymienionych urządzeń formie.
* wg. badań przeprowadzonych przez Eniro
we wrześniu 2013 w Polsce

6. 2. Responsywność

8. Responsywność
Dopasowany rozmiar
Responsywność to dopasowywanie się stron
do szerokości ekranu urządzenia, bez utraty
funkcjonalności przeglądanej witryny.
Zastosowanie technologii Responsive Web
Design (RWD) pozwoli Ci uniknąć tworzenia
kilku różnych stron, dla wielu platform, na
których chcesz zaistnieć.
Chciałbyś zobaczyć jak Twoja strona wypada na
różnych urządzeniach mobilnych?
Użyj http://quirktools.com/screenfly lub http:
//www.responsinator.com. Narzędzie to
umożliwi Ci weryfikację sposobu wyświetlania
się Twojej strony w różnych rozdzielczościach.

9. 3. “Tradycyjna” technologia

10. http://www.360langstrasse.sf.tv

11. “Tradycyjna” technologia
Stabilnie i nowocześnie
W 2014 roku nadal będzie królować “tradycyjna”
technologia HTML+CSS. Jej najnowsze wersje
tj. HTML5 i CSS3 oraz nowoczesne frameworki
Java Script np. jQuery pozwalają na stworzenie
zaawansowanej pod względem wyglądu
i funkcjonalności strony.
Najważniejszą zaletą wykorzystania wspomnianej
technologii jest to, że jest ona przyjazna technikom
pozycjonowania stron w wyszukiwarce,
co np. w bardzo popularnej wcześniej
technologii flash, było bardzo trudne.
Dzięki temu będziesz mógł zoptymalizować stronę
tak, by osiągnąć wysoką pozycję w wynikach.

12. 4. Alternatywny styl

14. Alternatywny styl
Prosto, ale efektownie
Głębia czy prostota?
W przyszłym sezonie dominować będą dwa
trendy. Pierwszy polega na imitacji głębi
opartej na warstwach.
Opozycyjnym do niego jest minimalistyczny
styl, oparty na wyważonym doborze kolorów
oraz prostym blokowym układzie treści.
Przykładem takiej realizacji jest portal Pinterest,
czyli największa światowa tablica z obrazami.
Blokowy sposób prezentacji treści możesz
zobaczyć także na stronie natemat.pl i onet.pl.

15. 5. Kolorystyka

16. http://oliverrussell.com

17. Kolorystyka
Kolor zwraca uwagę!
Kolor w najbliższym sezonie zyska na znaczeniu.
Jako tło preferowany będzie biały lub delikatny,
nieodwracający uwagi odcień szarości.
Dzięki niemu strona staje się przejrzysta.
Pomaga to użytkownikowi skupić się głównie
na jej funkcjonalności i zawartości.
Jeśli chodzi o samą treść możesz zastosować
więcej koloru. W 2014 roku nie spełnia
on jedynie funkcji estetycznej, ale przede
wszystkim pomaga w nawigacji. Dlatego
zaznacz nim ważne elementy, by wspomóc
dzięki niemu intuicyjność obsługi Twojej strony.

18. 6. Niestandardowa czcionka

19. http://www.kitchensinkstudios.com

20. Niestandardowa czcionka
Nietypowy font
Skrojona dla Ciebie
Dzięki wsparciu takich serwisów, jak
Google fonts czy technologii web fonts,
przeglądarki są w stanie wyświetlić praktycznie
każdą czcionkę. Odchodzi się więc
od stosowania tylko typowych krojów,
jak Arial czy Verdana.
Nadaj tekstom indywidualności i stwórz
interesującą dla oka kompozycję.
Aby jej jednak nie przeładować wybierz
maksymalnie 2-3 kroje czcionki.

21. 7. Duże obrazy

22. http://moderngreenhome.com

23. Duże obrazy
Grafika wielkiego formatu
Patrząc na rozwój portali i aplikacji ze zdjęciami
takich jak Instagram, możesz zauważyć,
że kultura obrazkowa rośnie w siłę.
Użytkownicy wcześniej wspomnianego portalu
dodają dziennie średnio 55 mln zdjęć*.
W 2014 roku preferowane będą zdjęcia dużych
rozmiarów. Możesz ich użyć np. w formie tła
w nagłówku strony. Jako, że elementy graficzne
są łatwiej przyswajalne, trend wykorzystywania
ich do przekazywania wiedzy w formie infografik
będzie się nadal umacniał.
Przyciągaj internautów grafiką, ale użyj jej przede
wszystkim do wyeksponowania cech produktu
i podniesienia funkcjonalności strony.
* wg. danych z działu prasowego na Instagram.com

24. 8. Wideo

25. http://www.madebyhangar.com

26. Wideo
Atrakcyjny przekaz
Treściwa forma
W 2012 roku 80% polskich internautów,
deklarowało, że regularnie korzysta z sieci do
oglądania materiałów wideo*. Podobne wyniki
zainteresowanie treściami filmowymi odniosło
na świecie w roku kolejnym. Ma to odzew
w tendencjach webdesignu na 2014 rok.
Aby dodać efektywności przekazu treści
publikowanych na Twojej stronie, pomyśl o tym,
co mógłbyś pokazać na stronie za pomocą filmu.
Może Twój główny produkt lub bio Twoich
pracowników? Skorzystaj z możliwości prezentacji
ruchu, dźwięku i perspektywy w jednym czasie,
jaką niesie za sobą technologia wideo.
*wg. raportu Interaktywnie.com: Wideo w internecie, Polska 2012.

27. 9. Nawigacja

28. http://allforfashiondesign.com

29. Nawigacja
Poprowadź użytkownika
W 2014 roku dla wzmocnienia wygody użytkowania
menu główne i przyciski social media stają się
"przyklejone". Oznacza to, że są one statycznie
umieszczone na stronie i nie znikają z niej
przy jej przesuwaniu.
Aby ułatwić przeglądanie Twojej strony zatroszcz się
o zwracające uwagę przyciski menu. Najlepiej postaw
na odróżniający się kolor i czcionkę.
Skup się na tym, aby odwiedzający mogli w intuicyjny
i pozbawiony nadmiernej ilości kliknięć sposób,
zapoznać się z ofertą i informacjami o Twojej firmie.

30. 10. Media społecznościowe

32. Media społecznościowe
Daj się polubić
Bliżej ludzi
Portale takie jak Facebook czy Linkedin nadal
będą na topie. Nie ograniczaj się jednak tylko
do prowadzania fanpage’a, ale zintegruj swoje
działania na portalach społecznościowych
z wszelkimi innymi działaniami promującymi
Twoją firmę.
W 2014 prognozuje się również wzrost udziału
mediów społecznościowych w procesie
sprzedaży. Pamiętaj więc o nich przy opracowaniu
strategii sprzedażowo-marketingowej firmy na ten
rok.

33. Podsumowanie
Daj się polubić
“Rewolucji nie będzie - tylko ewolucja”
2013 rok w webdesignie wyznaczył standard, który można nazwać
powrotem do przyszłości. Wróciły i spopularyzowały się najnowsze
wersje starych technologii - HTML 5, CSS3, połączone z social
mediami i coraz bardziej popularną technologię mobilną wymuszoną przez udział urządzeń mobilnych w rynku. Układy
stron internetowych są coraz bardziej uporządkowane, użyteczne.
Ciężko w 2014 roku spodziewać się rewolucji. Będzie to raczej
ewolucja obserwowanych już trendów. Dlatego też przykłady
realizacji zgodnych z tymi trendami zaczerpnęliśmy z istniejących
już serwisów.
Maciej Chmielowski

34. Porozmawiajmy
o nowoczesnej stronie Twojej firmy!
Maciej Potępa
Content Designer
Maciej Chmielowski
CEO
Agencja Interaktywna Krakweb.pl
www.krakweb.pl