Post on 06-Jul-2015
description
transcript
Aktuální on-line trendy
MOBILE FIRST JE STÁLE AKTUÁLNÍ
• změna přístupu – nejprve mobily, tablety, pak desktop
NASTUPUJÍ UŽIVATELSKÁ ROZHRANÍ PREFERUJÍCÍ DOTYK
• Souvisí s přístupem Mobile First
• jeden nebo dva prsty
NASTUPUJÍ UŽIVATELSKÁ ROZHRANÍ PREFERUJÍCÍ DOTYK
NASTUPUJÍ UŽIVATELSKÁ ROZHRANÍ PREFERUJÍCÍ DOTYK
• větší navigační tlačítka, větší odkazy (větší písmo)
DO POPŘEDÍ SE DOSTÁVÁ RESPONSIVNÍ WEB DESIGN
• co to je a jak to funguje: http://liquidapsive.com/
DO POPŘEDÍ SE DOSTÁVÁ RESPONSIVNÍ WEB DESIGN
JEDNODUCHOST
• 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
FLAT DESIGN
• 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
VIDEO
http://www.thewildernessdowntown.com/
KRÁTKÁ PREZENTAČNÍ VIDEA• Stručné představení produktu nebo služby• 1-2 minuty
http://getgoldee.com/
PARALAXNÍ SKROLOVÁNÍ
PARALAXNÍ SKROLOVÁNÍ• Imitace prostorovosti• Více nerovnoměrně posouvaných vrstev
INFOGRAFIKA
INFOGRAFIKA• Nadále atraktivní způsob prezentace dat• http://www.pinterest.com/tompekarek/infographics/
INTERAKTIVNÍ INFOGRAFIKA!• Vyšší úroveň - virálnost• http://www.bezkola.cz/zajimavosti/
http://www.evoenergy.co.uk/uk-energy-guide/
TYPOGRAFIE
VYUŽITÍ PÍSMA JAKO VÝRAZNÉHO GRAFICKÉHO PRVKUVíce např.
ZPŘÍJEMNĚNÍ UŽIVATELSKÉHO PROŽITKU (UX)
FORMULÁŘE • Milé drobnosti, které zrychlí a usnadní vyplňování formulářů
MEGAMENU • Stále častěji využíváno
FIXNÍ HLAVNÍ NAVIGACE
VYHLEDÁVACÍ POLE zabírá méně místa
ÚZCE ZAMĚŘENÉ LANDING PAGE
A MIKROSTRÁNKY
DALŠÍ…
3D SE ŠÍŘÍ POMALU, ALE JISTĚ http://codepen.io/tag/3d
ŠIROKOÚHLÝ FORMÁT NENÍ MRTVÝ• velké monitory• smart TV
ŠIROKOÚHLÝ FORMÁT NENÍ MRTVÝ
INTERNET VĚCÍ
http://youtu.be/LC6wptkt2Wk
http://youtu.be/rLTdK6G7m4Q
http://youtu.be/rLTdK6G7m4Q
http://youtu.be/qp1Nx3kIPlU
http://youtu.be/f2AjPfHTIS4
WWW.DIGITALVISION.CZ