Your SlideShare is downloading. ×
10 trendów w projektowaniu stron www 2014
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

10 trendów w projektowaniu stron www 2014

2,582
views

Published on

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

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

Published in: Design

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,582
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
27
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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ść
  • 7. 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.
  • 8. 3. “Tradycyjna” technologia
  • 9. http://www.360langstrasse.sf.tv
  • 10. “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.
  • 11. 4. Alternatywny styl
  • 12. 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.
  • 13. 5. Kolorystyka
  • 14. http://oliverrussell.com
  • 15. 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.
  • 16. 6. Niestandardowa czcionka
  • 17. http://www.kitchensinkstudios.com
  • 18. 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.
  • 19. 7. Duże obrazy
  • 20. http://moderngreenhome.com
  • 21. 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
  • 22. 8. Wideo
  • 23. http://www.madebyhangar.com
  • 24. 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.
  • 25. 9. Nawigacja
  • 26. http://allforfashiondesign.com
  • 27. 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.
  • 28. 10. Media społecznościowe
  • 29. 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.
  • 30. 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
  • 31. Porozmawiajmy o nowoczesnej stronie Twojej firmy! Maciej Potępa Content Designer Maciej Chmielowski CEO Agencja Interaktywna Krakweb.pl www.krakweb.pl