Průřez tím, co se v různých zdrojích na internetu objevuje jako trend v on-linu pro rok 2014 a dál. Něco tu již pár let máme, něco se v plné míře projeví až v budoucnosti. Přehledné shrnutí s odkazy a ukázkami.

1. Aktuální on-line
trendy

2. MOBILE FIRST JE STÁLE AKTUÁLNÍ
• změna přístupu – nejprve mobily, tablety, pak desktop

3. NASTUPUJÍ UŽIVATELSKÁ ROZHRANÍ PREFERUJÍCÍ DOTYK
• Souvisí s přístupem Mobile First

4. • jeden nebo dva prsty
NASTUPUJÍ UŽIVATELSKÁ ROZHRANÍ PREFERUJÍCÍ DOTYK

5. NASTUPUJÍ UŽIVATELSKÁ ROZHRANÍ PREFERUJÍCÍ DOTYK
• větší navigační tlačítka, větší odkazy (větší písmo)

6. DO POPŘEDÍ SE DOSTÁVÁ RESPONSIVNÍ WEB DESIGN
• co to je a jak to funguje: http://liquidapsive.com/

7. DO POPŘEDÍ SE DOSTÁVÁ RESPONSIVNÍ WEB DESIGN

10. JEDNODUCHOST

11. • Pryč s balastem
• Chceme-li obsah, ať je pro lidi
zajímavý (Content Marketing)
• I zpravodajský web může být
přehlednější a „čistší“
2001
2014

12. FLAT DESIGN

15. • Minimum stínování
• Jednodušší uživatelské rozhraní, vhodnější pro responsive design
• Menší datová velikost = rychlejší načítání
• Důraz na barvy a typografii

16. VIDEO

19. http://www.thewildernessdowntown.com/

20. http://intothearctic.gp/en/

21. KRÁTKÁ PREZENTAČNÍ VIDEA
• Stručné představení produktu nebo služby
• 1-2 minuty
http://getgoldee.com/

22. PARALAXNÍ
SKROLOVÁNÍ

23. PARALAXNÍ SKROLOVÁNÍ
• Imitace prostorovosti
• Více nerovnoměrně posouvaných vrstev

24. INFOGRAFIKA

25. INFOGRAFIKA
• Nadále atraktivní způsob prezentace dat
• http://www.pinterest.com/tompekarek/infographics/

26. INTERAKTIVNÍ INFOGRAFIKA!
• Vyšší úroveň - virálnost
• http://www.bezkola.cz/zajimavosti/
http://www.evoenergy.co.uk/uk-energy-guide/

27. TYPOGRAFIE

28. VYUŽITÍ PÍSMA JAKO VÝRAZNÉHO GRAFICKÉHO PRVKU
Více např.

29. ZPŘÍJEMNĚNÍ
UŽIVATELSKÉHO
PROŽITKU (UX)

30. FORMULÁŘE • Milé drobnosti, které zrychlí a usnadní vyplňování formulářů

31. MEGAMENU • Stále častěji využíváno

32. FIXNÍ HLAVNÍ NAVIGACE

33. VYHLEDÁVACÍ POLE zabírá méně místa

34. ÚZCE ZAMĚŘENÉ
LANDING PAGE
A MIKROSTRÁNKY

35. LANDING PAGE, MIKROSTRÁNKY
• Mobilní hry
• Aplikace
• (Digitální) produkty

37. DALŠÍ…

38. 3D SE ŠÍŘÍ POMALU, ALE JISTĚ http://codepen.io/tag/3d

39. ŠIROKOÚHLÝ FORMÁT NENÍ MRTVÝ
• velké monitory
• smart TV

40. ŠIROKOÚHLÝ FORMÁT NENÍ MRTVÝ

41. INTERNET VĚCÍ

42. http://youtu.be/LC6wptkt2Wk

43. http://youtu.be/rLTdK6G7m4Q
http://youtu.be/rLTdK6G7m4Q
http://youtu.be/qp1Nx3kIPlU
http://youtu.be/f2AjPfHTIS4

45. WWW.DIGITALVISION.CZ