{"id":16312,"date":"2019-12-03T17:55:24","date_gmt":"2019-12-03T14:55:24","guid":{"rendered":"https:\/\/stage.cactus-now.com\/web-development-trends-to-get-ready-for-in-2020\/"},"modified":"2026-06-01T17:11:48","modified_gmt":"2026-06-01T14:11:48","slug":"web-development-trends-om-je-op-voor-te-bereiden-in-2020","status":"publish","type":"post","link":"https:\/\/stage.cactus-now.com\/nl\/cactus-nieuws\/web-development-trends-om-je-op-voor-te-bereiden-in-2020\/","title":{"rendered":"Web Development Trends om je op voor te Bereiden in 2020"},"content":{"rendered":"\n

In de web development branche zijn elk jaar nieuwe trends en idee\u00ebn te zien. En degenen, die op het punt staan een website of webapp te bouwen, zouden hiervan op de hoogte moeten zijn. Het volgen van trends op het gebied van development brengt immers een betere gebruikerservaring met zich mee en verbetert de prestaties en positie van je website.<\/h4>\n\n\n

Het helpt je ook om de stevige concurrentie in de branche het hoofd te kunnen bieden.<\/p>\n\n\n

Vandaag zullen het dus hebben over 8 veelbelovende trends in web development, die we in 2020 zullen gaan zien. Laten we ze eens bekijken.<\/p>\n\n\n


#1. Inclusive Websites<\/strong><\/h2>\n\n\n

Inclusive websites zijn geen nieuwe trend in web development, maar ze zullen in 2020 niet minder relevant zijn. Het bouwen van inclusive sites betekent het bouwen van websites, die beschikbaar en eenvoudig te navigeren zijn voor alle gebruikers, inclusief mensen die bepaalde beperkingen hebben.<\/p>\n\n\n

\"<\/figure>\n\n\n

Dit zijn de basisstappen voor het bouwen van inclusive websites:<\/p>\n\n\n

    \n
  • Houd de lay-out eenvoudig en duidelijk, maak het scherm niet te vol.<\/li>\n\n\n
  • Voeg grote knoppen toe.<\/li>\n\n\n
  • Schakel de optie voor het aanpassen van de lettergrootte in.<\/li>\n\n\n
  • Controleer of de toetsenbordnavigatie werkt.<\/li>\n\n\n
  • Voeg video-ondertitels en transcripties toe voor audio.<\/li>\n<\/ul>\n\n\n

    Als je deze stappen volgt, maak je de site in het algemeen bruikbaarder. Voor iedereen. In ruil daarvoor krijg je meer paginabezoeken, verhoog je de tijd die gebruikers op de pagina doorbrengen en wordt het eenvoudiger voor hen om een item in je webwinkel te kopen.<\/p>\n\n\n


    #2. PWAs <\/strong><\/h2>\n\n\n

    De populariteit van PWA\u2019s (progressieve webapps) zet webontwikkelaars aan tot het vergelijkbaar maken van het browsen op een website met het zoeken in een native app. En dit maakt het hele proces gebruiksvriendelijker.<\/p>\n\n\n

    Wat is een progressieve webapp? Eenvoudig gezegd, is het een website die functionaliteit biedt, die dicht bij een native app ligt, zodat gebruikers pushmeldingen kunnen krijgen, de app offline kunnen gebruiken, toegang krijgen tot hardwarefuncties en meer.<\/p>\n\n\n

    Het Global Digital Future-rapport<\/strong> toont aan dat mobiele apparaten populairder zijn dan desktops en tablets. Mensen maken op hun smartphones meer gebruik van mobiele apps dan mobiele browsers. In feite brengen gebruikers 80%<\/strong> van hun totale tijd online door met native apps.<\/p>\n\n\n

    Degenen die echter kiezen voor progressieve web app development hebben een grote kans om dat te veranderen. Door slechte gebruikerservaring en trage websiteprestaties, evenals andere veel voorkomende problemen te elimineren en offline toegang te bieden, kunnen ze websites weer geweldig maken.<\/p>\n\n\n


    # 3. AMP\u2019s (Accelerated Mobile Pages ofwel Versnelde Mobiele pagina\u2019s)<\/strong><\/strong><\/h2>\n\n\n

    Google heeft enorme stappen gezet om mobiele gebruikers een uitstekende browse-ervaring te kunnen bieden. Daarom introduceerden ze in 2015 AMP en tegenwoordig is dit nog steeds een trend.<\/p>\n\n\n

    AMP\u2019s stimuleren de creatie van sites, die binnen enkele seconden worden geladen en op verschillende platforms werken. Accelerated Mobile Pages hebben ongeveer twee seconden nodig om te worden geladen, in vergelijking met de 22 seconden, die nodig zijn voor reguliere websites.<\/p>\n\n\n

    Bovendien houdt Google van snelle sites en het gebruik van AMP\u2019s verhoogt de zichtbaarheid van een website en draagt bij aan het bereiken van een hogere positie in de zoekresultaten.<\/p>\n\n\n


    # 4. Voice Search (Spraakgestuurd zoeken)<\/strong><\/strong><\/h2>\n\n\n

    Tot nu toe was voice search niet erg opmerkelijk, omdat de resultaten tegenstrijdig waren (en vaak vreselijk). Bovendien waren de producten met spraakinvoer van hoge kwaliteit allesbehalve goedkoop. Maar nu staat geoptimaliseerde voice search hoog op de lijst voor 2020.<\/p>\n\n\n

    In 2017 voorspelde Gartner dat v\u00f3\u00f3r het jaar 2020, 30% van alle zoekopdrachten met behulp van spraak zouden plaatsvinden. En dit lijkt nu min of meer uit te komen. Tegenwoordig kun je Uber bellen met je stem, kun je AirPods van Apple activeren, vragen stellen aan Google Home en Amazon Echo of met virtuele assistenten, zoals Siri of Alexa communiceren.<\/p>\n\n\n

    En dat is ook een trend, die afkomstig is vanuit de mobiele ervaring.<\/p>\n\n\n

    Het invoeren van tekst op kleine mobiele toetsenborden is vrij ingewikkeld en leidt tot veel spelfouten. Nu domineren spraakgestuurd zoeken en het geven van opdrachten ook websites.<\/p>\n\n\n


    # 5. API-First Development<\/strong><\/strong><\/h2>\n\n\n

    Tegenwoordig is er een groot aantal mobiele telefoons, wearables en andere apparaten, die kunnen worden ge\u00efntegreerd. Nieuwe producten moeten in staat zijn om verbinding te maken met andere apps en API\u2019s kunnen daarbij goede ondersteuning bieden.<\/p>\n\n\n

    We zien vaak het volgende: een bedrijf richt zich op het bouwen van een web- of mobiele oplossing, maar besteedt niet veel aandacht aan API development. In het beste geval is het slechts een nevenproject, niet goed ontworpen en getest.<\/p>\n\n\n

    Een andere reden: API development kost te veel tijd (en dus geld).<\/p>\n\n\n

    Hier zie je de traditionele cyclus van API development:<\/p>\n\n\n

    1.<\/strong> R&D-team maakt een ontwerp.<\/p>\n\n\n

    2.<\/strong> Back-end developers werken aan een prototype.<\/p>\n\n\n

    3.<\/strong> QA en front-end developers krijgen toegang tot het prototype (zodra het klaar is).<\/p>\n\n\n

    4.<\/strong> In geval van een bug of als verbetering nodig is, wordt de cyclus herhaald.<\/p>\n\n\n

    \"<\/figure>\n\n\n

    API-first development helpt deze cirkel te vermijden. De ontwikkeling gebeurt tegelijkertijd: het ene deel van het team hoeft niet te wachten tot het andere deel hun werk heeft voltooid. Het proces is sneller, omdat API een mock is en het hele team ermee aan de slag kan.<\/p>\n\n\n

    \"<\/figure>\n\n\n


    # 6. Slimme Chatbots<\/strong><\/strong><\/h2>\n\n\n

    We hebben het gehad over voice search en nu volgt een andere AI use case: chatbots, die heel snel slimmer aan het worden zijn.<\/p>\n\n\n

    Het blijkt dat een eenvoudige databank met een enorme hoeveelheid data niet voldoende is. Chatbots werken niet als het gaat om veelgestelde vragen, omdat veelgestelde vragen op zich niet werken. Ze helpen klanten niet, omdat veelgestelde vragen voor de hand liggende antwoorden bevatten, maar mensen roepen de hulp van ondersteuning in als ze met complexe vragen zitten.<\/p>\n\n\n

    De chatbots van 2020 bestuderen klantgedrag en begrijpen hoe verschillende situaties moeten worden aangepakt. Veel websites hebben al slimme chatbots. Bots staan klaar voor eventuele vragen en kunnen zelfs bestellingen aannemen en orders plaatsen.<\/p>\n\n\n

    \"<\/figure>\n\n\n


    # 7. Dark Mode (donkere modus)<\/strong><\/strong><\/h2>\n\n\n

    Waarom is iedereen zo dol op de donkere versies? Het antwoord is simpel: de donkere modus maakt je content beter leesbaar, vooral als het gaat om blogposts of artikelen. Het zo leesbaar mogelijk maken van een website is geweldig voor het stimuleren van de gebruikerservaring. Als een blog de optie \u2018Donkere modus\u2019 heeft, bestaat er minder kans op vermoeide ogen. Daarom zie je de knoppen \u2018Overschakelen naar de donkere modus\u2019 steeds vaker.<\/p>\n\n\n

    Maar het moet een echte overschakeling zijn. Geef bezoekers de kans om het \u2018lichte\u2019 of \u2018donkere\u2019 thema te gebruiken, waar zij de voorkeur aan geven. Je moet de modus als een goede secundaire optie beschouwen, wanneer het geschikt is voor de context en het gebruik, zoals Hulu dat doet.<\/p>\n\n\n

    \"<\/figure>\n\n\n

    Zoals je hebt gezien, zijn de trends in web development niet zo verschillend van die van voorgaande jaren. Maar als je van plan bent om je website te updaten en klaar te stomen voor 2020, is het zeker de moeite waard om de moderne trends te bekijken en te zien wat van pas kan komen voor je webproduct.<\/p>\n","protected":false},"excerpt":{"rendered":"

    The web development field sees new trends and ideas every year. And those who are about to build a website or web app should be aware of them. After all, following development trends brings better user experience, and improves your website’s performance and ranking. <\/p>\n","protected":false},"author":25,"featured_media":8792,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-16312","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cactus-nieuws"],"acf":[],"_links":{"self":[{"href":"https:\/\/stage.cactus-now.com\/nl\/wp-json\/wp\/v2\/posts\/16312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.cactus-now.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.cactus-now.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.cactus-now.com\/nl\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.cactus-now.com\/nl\/wp-json\/wp\/v2\/comments?post=16312"}],"version-history":[{"count":0,"href":"https:\/\/stage.cactus-now.com\/nl\/wp-json\/wp\/v2\/posts\/16312\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage.cactus-now.com\/nl\/wp-json\/wp\/v2\/media\/8792"}],"wp:attachment":[{"href":"https:\/\/stage.cactus-now.com\/nl\/wp-json\/wp\/v2\/media?parent=16312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.cactus-now.com\/nl\/wp-json\/wp\/v2\/categories?post=16312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.cactus-now.com\/nl\/wp-json\/wp\/v2\/tags?post=16312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}