Visual Regression Guard
Een ontwerpwijziging zichtbaar vergelijken.
Vergelijk een nieuwe visuele toestand met een eerder gekozen referentiebeeld.
Een ontwerpwijziging zichtbaar vergelijken.
Na een wijziging die onbedoeld de vormgeving kan raken.
Een aanpassing kan onbedoeld iets anders verschuiven. Visual Regression Guard vergelijkt vastgelegde beelden zodat je verschillen kunt onderzoeken die in code moeilijk opvallen.
Leg een passende referentie vast en keur die bewust goed. Vergelijk daarna een nieuwe weergave onder vergelijkbare omstandigheden. Bekijk de verschillen en beslis of ze gewenst zijn voordat je een nieuwe referentie accepteert.
Zo pak je het aan.
Van de eerste keuze tot het resultaat. Zo gebruik je deze functie in je eigen project.
- 01
Leg bewust een referentie vast van de gewenste toestand.
- 02
Laat een volgende versie vergelijken met dat beeld.
- 03
Onderzoek de verschillen en bepaal of die gewenst zijn voordat je een nieuwe referentie kiest.
Zo kan het voor jou werken.
Na een wijziging aan de contactknop blijkt ook de footer te zijn verschoven. De vergelijking helpt je die afwijking te zien en een gerichte correctie te vragen.
Zo beoordeel je het resultaat
Animaties, lettertypen en wisselende inhoud kunnen beeldverschillen veroorzaken. Een gelijk beeld bewijst niet dat formulieren, toegankelijkheid of backendlogica correct werken.
Hier vind je het.
Project Studio → Visuele vergelijking; Tools → Visual Regression Guard
Beschikbare acties hangen af van je abonnement, werkmodus en de huidige projecttoestand. Een functie waarvoor een taak nodig is, wordt pas beschikbaar bij een geschikt gesprek.Wat blijft bewaard?
Referenties en vergelijkingsresultaten blijven bij het project bewaard.
Wat je moet weten
Verschillende pixels kunnen gewenst zijn. Gelijke pixels bewijzen niet dat formulieren, navigatie of backendfuncties correct werken.