1. Vernieuwing widgets

Vernieuwing widgets

Informatiepagina voor vernieuwing widgets 🎉

Naast een vernieuwd professional dashboard hebben wij ook de widgets op het deelnemers dashboard verbeterd. Lees er hieronder meer over. 

Vernieuwde widgets, wat kun je verwachten? 🤔

Programma’s die worden ingericht op ons platform worden opgebouwd uit widgets. Deze widgets zijn bijvoorbeeld een weergave van data, de manier waarop je een vragenlijst start of hoe het aanbod van een interventie eruit ziet. Met mooie widgets proberen wij het gebruiksgemak van de Johan.nl software en de toegankelijkheid van jouw programma zo goed mogelijk te maken.

In de basis werken de widgets functioneel hetzelfde. Dus geen zorgen, er hoeven geen instellingen actief te worden gewijzigd. Wél is het uiterlijk van de widgets hier en daar verbeterd. Het kan dus zijn dat in je programma widgets net iets anders worden getoond. 

Deze widget verbeteringen hebben wij gedaan op basis van verzamelde feedback van het afgelopen jaar. Wij zullen de widgets continu verder optimaliseren. Heb jij nog meer input of feedback naar aanleiding van de vernieuwde widgets? Laat het ons dan weten via support@johan.nl.

Voorbeeld hoe de vernieuwde widgets eruit gaan zien 🛎️

Om een goede indruk te geven van de vernieuwde widgets laten we hier een aantal voorbeelden. Zoals aangegeven gaat het om widgets op het deelnemers dashboard. Dat zijn dus widgets die in projecten en in workflows worden gebruikt. Note: voor publieke profielen zijn de widgets nog niet worden gewijzigd!


Project Header

  • De intro tekst is prominenter en duidelijker in beeld
  • Tekst grootte is aangepast voor betere leesbaarheid en uniformiteit

Oude weergave

Nieuwe weergave 🆕


Header widget 🆕

  • Er is een nieuw type widget bijgekomen, namelijk Header Widget. 
  • Hiermee kan je fraaie tussen koppen maken zodat je je programma’s mooi kan indelen en langere teksten gebruiksvriendelijk kan opknippen.
  • Kijk hoe mooi dat eruit ziet in combinatie met bijvoorbeeld een Image Widget 🙂


Article Widget Multiple

  • Het is mogelijk om een widget toe te voegen met meerdere artikelen. Hiervoor is de ‘Article Widget Multiple’ geschikt.
  • Voorheen had deze widget één vaste vorm. In de nieuwe versie heb je de mogelijkheid om te kiezen voor enkel tekst of ook met een afbeelding.
  • Standaard wordt de widget vernieuwd naar een widget mét afbeelding aangezien deze afbeelding immers ook ingesteld staan.

Oude weergave

Nieuwe weergave 🆕


Text widgets

  • De tekst wordt in een vaste kolom getoond. 
  • Deze kolom is iets smaller gemaakt zodat de teksten beter leesbaarder zijn
  • Tevens is de font grootte aangepast
  • In het deelnemers dashboard kunnen teksten niet meer in twee kolommen getoond worden.

Oude weergave

Nieuwe weergave 🆕


Workflow widget

  • De widget is nu meer in lijn met de weergave zoals de andere widgets
  • Binnenkort kijken we naar uitbreiding widget waarin we het percentage tonen van de voortgang (zoals ook op de timeline te zien is)
  • De button in in duidelijkere en uniforme stijl gemaakt (valt daardoor meer op)
  • Het label ‘Actief’ is aangepast naar ‘In uitvoering’ wat meer duidelijkheid geeft over de huidige status.

Oude weergave

Nieuwe weergave 🆕


 

Article widget

  • De vernieuwde article widget is in 2 varianten beschikbaar.
  • Standaard wordt de vernieuwde artikel widget getoond met een mooie duidelijke afbeelding.
  • De tweede variant is een versie waarbij geen afbeelding getoond wordt naar een standaard tekst blok.
  • De afbeelding die wordt gebruikt is de afbeelding van het artikel (en staat dus ingesteld bij het artikel).

Oude weergave

Nieuwe weergave (2 varianten) 🆕


 

Link widget

  • Bij de link widget was het toevoegen van een afbeelding noodzakelijk
  • Veel van onze partner wilde hier liever geen afbeelding (daarom werd er regelmatig snel een afbeelding toegevoegd aan de link widget omdat dit vereist was).
  • De vernieuwde link widget is omgebouwd tot een echte duidelijke link waardoor deze goed zichtbaar en klikbaar is.
  • Er is geen afbeelding vereist meer vereist (en wordt dus ook niet meer getoond).

Nieuwe weergave

Vernieuwde weergave 🆕


Page widget

  • Met de page widget kan je linken naar een andere pagina binnen een project.
  • De vernieuwde widget is in lijn met alle andere widgets (meer uniformiteit en betere uitlijning)
  • De afbeelding van de betreffende pagina is links uitgelijnd en duidelijker (2:1)

Oude weergave

Nieuwe weergave 🆕


Multiple Page Widget

  • Deze widget wordt gebruik om te linken naar meerdere pagina’s.
  • De oude weergave was vaat te groot om duidelijk te kunnen kiezen waar je naar toe wilt navigeren
  • Daarom is deze widget compacter gemaakt en in lijn met de andere widgets voor meer uniformiteit.
  • Door de nieuwe opzet is het ook mogelijk om meerdere pagina’s toe te voegen zonder dat het onoverzichtelijk wordt.
  • De vernieuwde widget krijgt 2 varianten. Standaard met een afbeelding, maar ook mogelijkheid met enkel tekst. 

Oude weergave

Nieuwe weergave 🆕


Attachment widget

  • Voor de attachment widget zijn minimale aanpassingen doorgevoerd.
  • De widget is meer in lijn met alle andere widgets en oogt hierdoor passender en rustiger.
  • De widget heeft een duidelijkere call to action button (bekijk)

Oude weergave

Nieuwe weergave 🆕


Product widget

  • De product widget is in lijn gemaakt met de andere widgets
  • Er is een label toegevoegd. Dit label kan ingesteld worden bij het product

Oude weergave

Nieuwe weergave 🆕