10 trendóww projektowaniu stron www

2014

WstępZorientuj 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

1. Mobilność

http://joshuaelliottlong.com

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

2. Responsywność

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.

ResponsywnośćDopasowany rozmiar

3. “Tradycyjna” technologia

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

“Tradycyjna” technologiaStabilnie 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ądui 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.

4. Alternatywny styl

Prosto, ale efektownie

Alternatywny stylGłę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.

5. Kolorystyka

http://oliverrussell.com

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

6. Niestandardowa czcionka

http://www.kitchensinkstudios.com

Nietypowy font

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.

Niestandardowa czcionkaSkrojona dla Ciebie

7. Duże obrazy

http://moderngreenhome.com

Duże obrazyGrafika 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 produktui podniesienia funkcjonalności strony.

* wg. danych z działu prasowego na Instagram.com

8. Wideo

http://www.madebyhangar.com

Atrakcyjny przekaz

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.

WideoTreściwa forma

*wg. raportu Interaktywnie.com: Wideo w internecie, Polska 2012.

9. Nawigacja

http://allforfashiondesign.com

NawigacjaPoprowadź 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.

10. Media społecznościowe

Daj się polubić

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.

Media społecznościoweBliżej ludzi

Daj się polubić

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

Podsumowanie“Rewolucji nie będzie - tylko ewolucja”

Maciej PotępaContent Designer

Porozmawiajmyo nowoczesnej stronie Twojej firmy!

Agencja Interaktywna Krakweb.plwww.krakweb.pl Maciej Chmielowski

CEO