background design element dropbackground design element dropbackground design element drop

Tvorba webových stránek: 15 trendů roku 2019, které nesmíte nechat bez povšimnutí


Jak se objevují nové trendy a technologie, tak se objevují nové příležitosti pro zlepšení webů a získání nebo ztrátu konkurenční výhody.

Rychlost, jakou se tvorba webových stránek ubírá, je dobře vidět, pokud se člověk ohlédne zpět. Před 20 lety byly weby úplně jiné. 

Proto se dá očekávat podobný vývoj a člověk by měl být na novinky připravený a umět je využít na svém webovém projektu.

Zde přinášíme souhrn novinek, které je dobré sledovat v roce 2019.


1. Progresivní web aplikace - PWA - webové stránky s funkcionalitou mobilních aplikací 

Responzivní stránky už nestačí. Dnešní stránky jsou tzv. progresivní. 

Progresivní webové aplikace jsou webové stránky, které se snaží napodobit mobilní aplikace.

Proto jsou navrženy tak, aby se adaptovaly na prohlížeč, na velikost displeje a na zařízení uživatele.

Protože cílem je přinést na web podobnou funkcionalitu jako mají některé mobilní aplikace, dokážou progresivní webové aplikace fungovat i offline, bez připojení k internetu.

Firmy, které přešly ze svých normálních webových stránek na ty progresivní, tak zaznamenaly vyšší konverze a vyšší zapojení a interakci uživatelů s webovou stránkou.

Na webu PWA.Rocks můžete vidět některé příklady PWA webů. 

2. Tvorba webů s pomocí frontend JavaScript frameworků React, Vue.js nebo Angular

JavaScript frontend frameworky pro tvorbu webových stránek existují již několik let. 

Ale tento trend trvá a stále nabírá na své síle. Již se de facto stává standardem.

Pokud jste ještě neslyšeli nebo nepřemýšleli o Reactu, Vue.js nebo Angularu, tak je ten správný čas.

Tyto JavaScript frameworky přináší velké výhody, které dokáží přinést zásadní zlepšení uživatelského rozhraní, jež může mít značný vliv na výsledek celého projektu. 

https://reactjs.org

https://vuejs.org

https://angular.io

3. Frameworky pro statické webové stránky - Jekyll, Gatsby nebo Hugo

Frameworky pro tvorbu webových stránek jako Jekyll, Gatsby nebo Hugo mohou rychle vygenerovat jednoduchou statickou webovou stránku.

Statické webové stránky jsou díky své jednoduchosti rychlejší a bezpečnější než ty dynamické s klasickým redakčním systémem, CMS a databází.

Proto mohou i lépe bodovat co se týče SEO.

Dynamický obsah a vlastnosti můžete pak přidat pomocí API nebo markdown.

https://jekyllrb.com

https://www.gatsbyjs.org

https://gohugo.io

4. GraphQL nahrazuje na webových projektech REST API 

Trochu více technický trend je GraphQL. 

GraphQL, který byl vyvinut společností Facebook, je dotazovací jazyk, který rychle nahrazuje REST API.

Jako každé API, GraphQL umožňuje oddělit frontend od backendu webu, přičemž vývoj, správa a údržba je pro vývojáře jednodušší, rychlejší a zábavnější.

https://graphql.org

5. Cross-platform webové stránky a aplikace

Obliba mobilních zařízení stále stoupá. 

Dále tu jsou tablety, hodinky, chytré televize. Brzy se mohou objevit další zařízení. 

Cross-platformní webové stránky a aplikace budou stále více vyžadovány uživateli a budou víc a víc ceněny.

Proto je při tvorbě webové stránky nutností už dopředu přemýšlet, na čem všem může stránka bežet. 

Již dnes existují nástroje a frameworky, které právě tuto potřebu řeší. 

Jedním z nich je Electron. Dalším populárním řešením je Ionic.

https://electronjs.org

https://ionicframework.com

6. Webové komponenty pro tvorbu uživatelských rozhraní

Tento trend je opět technického rázu. 

Jedná se o způsob, jak se uživatelská rozhraní začínají tvořit. 

Díky JavaScript frameworkům, jako je React, se začínají skládat z komponent. 

Tyto komponenty na sebe různě navazují a potřebují nějakou správu v rámci dané webové stránky. 

Tyto komponenty lze znovu použít v dalších projektech nebo je sdílet. 

To umožňuje složitější vývoj pokročilejších funkcionalit za lepší ceny a kratší dobu.

https://stenciljs.com

7. Serverless aplikace a weby

Stále více se objevuje a prosazuje trend tzv. serverless webů a projektů. 

Tento trend vynechává server, tak jak ho známe dnes. 

Obvykle je k dispozici v cloudu nějaká předefinovaná struktura, která se může naprogramovat a nastavit tak, aby webová stránka mohla zavolat jen tuto strukturu a dostala potřebný výsledek. 

Odpadá tak náročný vývoj a nastavení webového serveru

Škálování webu, nastavení a údržba při správním nastavení a použití může být daleko lepší než u tradičního přístupu.

Příkladem serverless je nástroj Nuclio, ale hlavně velcí hráči na poli cloudů jsou v tomto směru nejdál. Jak Amazon AWS, Microsoft Azure a Google Cloud, všichni se serverless architektuře věnují a nabízejí svá řešení.

https://nuclio.io

8. Strojové učení a umělá inteligence

Machine learning a AI se stále víc přibližuje lidem. 

Nejedná se již jen o výsadu pár vědeckých pracovišt a univerzit. 

První veřejně dostupné služby jsou již dávno na světě a čekají na využití.

Jedním z nejznámějších nástrojů je TensorFlow, který umožnujě využití machine learning modelů za použití JavaScriptu. 

Také můžete využít služby jako Amazon AWS Rekognition pro rozpoznání obrázků, pokud to vaše webová stránka potřebuje.

https://www.tensorflow.org

https://aws.amazon.com/rekognition

9. Chatboti pro zákaznickou podporu, virtuální asistenti, hlasové ovládání

Společně s umělou inteligencí rostou i možnosti interakce lidí a počítačů. 

Webové stránky mohou využívat služeb chatbotů. 

Chatboti stojí stále ještě na psaném textu, ale právě díky umělé inteligenci se čeká i nástup ovládání hlasovou komunikací.

Očekává se, že tento způsob komunikace může být velkou konkurenční výhodou a firmy bez zdařilého přechodu na umělou inteligenci a chatboty mohou ztrácet.

Již nyní můžeme vidět první zdařilé implementace chatbotů a virtuálních asistentů jako jsou Amazon Alexa, Apple Siri nebo Microsoft Cortana. 

10. Blockchain technologie

Crypto měny dosahují velkého růstu a popularity. 

Bitcoin stojí na technologii blockchain, která přináší nové možnosti při vývoji webových stránek.

Decentralizace, velmi obtížné podvrhnutí falešných informací a velká bezpečnost jsou základní prvky, které s sebou nesou nové možnosti a funkcionality.

Firmy jako IBM, Microsoft a Amazone investují velké částky do rozvoje a objevování nových způsobů využití technologie blockchain.

11. Tvorba webových stránek bez nutnosti programování

Stále více se do popředí dostává trend vývoje webových stránek bez nutnosti programování. 

Již dříve se objevily nástroje pro základní editaci a tvorbu webů

Nyní se objevují nástroje pro tvorbu složitějších webových stránek.

K těmto nástrojm patří například Google App Maker, Microsoft PowerApps nebo Bubble.is.

Tyto nástroje snižují potřebu znalosti programování pro vývoj internetových projektů.

Očekáváme, že se stále složitější a komplexnější weby obejdou bez nutnosti programování.

https://developers.google.com/appmaker

https://powerapps.microsoft.com/en-us

https://bubble.is

12. Tvorba webových stránek s příběhem, tzv. Story telling

Jedná se o nový a stále oblíbenější způsob designu při tvorbě webových stránek.

Vyprávění příběhu na webových stránkách je odlišným pojetím klasického web designu, který má za úkol pouze představit základní fakta. 

Tzv. story tellingem se míří ke stejnému cíli, jen cesta je odlišná. Sdělení faktů a informací je doplněné o kreativu a emoce. Tím pomáhá vytvářet silnější propojení mezi značkou, její webovou stránkou a návštěvníkem.

Pro příklady, jak na takový design webových stránek,  je dobré se podívat na Awwwards.com, kde jich je dostatečné množství. 

13. Vyhledávání a oládání webových stránek hlasem

Ovládání webových stránek hlasem je již stará disciplína. Bohužel se ještě plně nepovedlo tento způsob ovládání naplno do webových stránek integrovat.

Tzv. voice control je ovšem opět na vzestupu a možná se dočkáme většího rozšíření při tvorbě webů. K tomu se přidává vyhledávání hlasem.

Ovládání hlasem se již úspěšně implementovalo. Důkazem toho je Apple Siri nebo Amazon Alexa. Stejně tak IronMan má svého Jarvise. Přes tato zařízení se poté provádí hlasové vyhledávání.

Proto lze očekávat, že ovládání hlasem přijde brzo i na webové stránky. Již existují první nástroje, které s tím pomohou. Stejně tak vyhledávání hlasem je na strmém vzestupu. 

14. API-First přístup při tvorbě webů

API se stává stále důležitějším a je používané napříč vývojem webů a online aplikací

Potřeba zvládat tuto část webových stránek a systémů je stále vyšší, zatímco složitost API je stále složitější. 

Proto se přistupuje stále více k přístupu API-first, tedy kdy se začne celý vývoj od designu a návrhu API, a až následně se programují další části webových stránek.

15. Rozšířená realita, tzv. augmented reality (AR) a virtuální realita (VR)

Hra Pokemon Go ukázala světu malou část, kterou může rozšířená realita nabídnout.

Obchodníci jako JCPenny a mnozí další zkouší využí AR a VR v jejich obchodech a nabídnout zákazníkům možnost si „vyzkoušet“ oblečení virtuálně místo složitého oblékání každého kousku oblečení. 

Objevují se například aplikace prodejců aut, kdy člověk může vidět cenu a další parametry přímo venku u auta na ulici nebo v garáži. 

Google a Microsoft plánují investovat velké částky do VR a AR a mnoho společností již tak činí. 

 

Potřebujete poradit s tvorbou webových stránek?

Pokud ano, tak nás kontaktujte a my Vám rádi pomůžeme, ať už s úvodní analýzou nebo dokončením celého webu.

Pojďme na to!

Email: hello@rascasone.com

Tel: +420 777 963 653



Average Rating:
Your Rating:



    TVORBA WEBŮ A MOBILNÍCH APLIKACÍ

    Od designu až po finální vytvoření webové stránky nebo mobilní aplikace