Ett fullt rum i svag belysning och ett städat rum från en annan vinkel kan skapa stor dramatik. Skillnaden förklarar inte i sig vilken del som kommer från tjänsten i annonsen.
När ChatGPT-annonsens målsida använder före och efter behöver kunden förstå vad som förändrats, vad som går att jämföra och vad företaget faktiskt gjorde. Behandla bildparet som en presentation av underlag för en bestämd fråga. Det ska inte bara vara ett sätt att göra sidan övertygande.
Bestäm vad jämförelsen ska visa
Skriv ett konkret syfte. Bilderna kan visa en reparerad yta, en annan förvaringslösning eller utseendet efter en installation. Ett allmänt syfte som ”visa förvandlingen” kan rymma påståenden som materialet inte stöder.
Skilj utseende från prestation. Fotografier kan visa var hyllor placerats men fastställer inte hur mycket tid personalen sparar när saker hämtas. Om sidan gör ett sådant påstående behövs relevant dokumentation utöver bildparet.
Använd registret över påståenden för att avgränsa texten innan bilderna väljs. Annars riskerar den mest imponerande kontrasten att styra löftet i stället för att dokumenterat arbete styr presentationen.
Kontrollera att bilderna hör ihop
Verifiera att båda vyerna gäller samma motiv och att datum och samband är kända. Två liknande rum blir inte en före- och efterjämförelse bara för att det ena är stökigt och det andra ser färdigt ut.
Anteckna sådant som påverkar tolkningen: kamerans position, ljus, styling och annat arbete mellan fotograferingarna. Helt identiska förhållanden är inte alltid möjliga i ett äldre projektarkiv. När skillnader har betydelse ska de förklaras i stället för att jämförelsen framställs som kontrollerad.
ASA CAP:s vägledning om före- och efterbilder är en referens för att behandla presentationen som ett påstående som behöver stöd. Arbetssättet här är redaktionell granskning och innebär inte att en viss layout ensam visar att alla regler i varje marknad är uppfyllda.
Följ ett hypotetiskt förvaringsexempel
Tänk er en målsida som annonserar installation av kontorsförvaring. Förebilden visar kartonger på golvet. Efterbilden visar inbyggda skåp, starkare ljus och färre saker. Skåpen kan vara leverantörens arbete medan belysningen och utrensningen har andra orsaker.
En rättvis bildtext identifierar förvaringen som installerats och beskriver kundens egen utrensning när den påverkar intrycket väsentligt. Om verksamheten inte kan fastställa sambandet mellan bilderna är ett foto av det färdiga arbetet med korrekt beskrivning ett bättre val.
Skapa inte ett sämre utgångsläge och ta inte digitalt bort störande detaljer för att förstärka kontrasten. En tydligt märkt konceptbild kan förklara en möjlig lösning, men ska inte presenteras som bevis på ett genomfört kunduppdrag.
Vad ändrades mellan två hypotetiska bilder?
- Förvaringslösning
Dokumentera det arbete leverantören faktiskt gjorde.
Kontrollpunkt - Ljus och vinkel
Skillnader kan förstärka ett intryck utan att visa tjänstens effekt.
Att ompröva - Utrensade saker
Beskriv kundens egen insats i förändringen.
Beskriv insatsen och dess gräns
Förklara vad leverantören levererade, ändrade eller reparerade. Om andra företag bidrog behöver den relevanta ansvarsfördelningen framgå. Kunden ska inte behöva anta att allt som syns på efterbilden ingår i paketet som annonsen beskriver.
Ange hur lång tid som gått när det har betydelse för tolkningen. Ett foto direkt efter arbetet visar en annan sak än ett foto efter lång användning. Antyd inte hållbarhet över tid enbart genom en bild av den färska finishen.
Ett fullständigt kundcase kan innehålla projektets hela berättelse medan målsidan visar ett avgränsat bildutdrag. Utdraget behöver ändå vara sant på egen hand eftersom många besökare aldrig öppnar fördjupningen.
Gör bilderna användbara utan dragreglage
Ett reglage kan vara visuellt lockande men ska inte vara det enda sättet att se tillstånden. Besökaren kan använda tangentbord, skärmläsare eller en enhet där dragning är besvärlig. Ge tydliga benämningar och en fungerande väg till varje bild.
För ett eget jämförelsereglage behövs en väg med vanliga klick eller tryck utan dragning, exempelvis knappar som visar hela före- respektive efterbilden. W3C:s vägledning om dragrörelser skiljer detta pekalternativ från tangentbordsstöd. Piltangenter löser inte ensamma problemet för någon som använder en pekskärm. Prova båda sätten att styra jämförelsen.
W3C:s vägledning om informativa bilder förklarar betydelsen av textalternativ som förmedlar bildens information. Beskriv vad jämförelsen visar och håll samtidigt nödvändigt sammanhang tillgängligt som synlig text.
Förlita er inte på enbart vänster och höger som märkning. Mobilversionen kan stapla bilderna och en skärmläsare kan möta dem utan den visuella positionen. ”Före installation” och ”Efter installation” är stabilare benämningar när de stämmer med materialet.
Skilj siffror från visuella intryck
Ett stort procenttal ovanpå efterbilden kan uppfattas som en uppmätt effekt av tjänsten. Kontrollera grunden och förklara vad siffran avser. Fotot kan inte fylla i saknad bas, jämförelseperiod eller mätmetod.
Om påståendet gäller utrymme behöver ni skilja skåpens nominella volym från användbar förvaring i det verkliga uppdraget. Om det gäller tid eller kostnad behöver stödjande data identifieras. Lägg inte till ett tal bara för att få bildparet att verka analytiskt.
En portföljpresentation kan vara tillräcklig när syftet är att visa utseende och utförande. Varje attraktivt färdigt arbete behöver inte göras till en berättelse som påstår orsak och verkan.
Granska helhetsintrycket
Se bildparet tillsammans med rubrik, bildtext och nästa handling. Vilket resultat skulle en ny kund förvänta sig i sin egen situation? En liten not om varierande resultat reparerar inte en presentation som i övrigt lovar en garanterad förändring.
Kontrollera godkänd användning och spara originalfilerna med projektets dokumentation. När översättning eller omformning flyttar bildtexterna behöver sambandet granskas igen så att avgörande sammanhang inte tappas bort.
Jämförelsen fungerar när besökaren kan förklara vad den visar och vad den lämnar öppet. Då hjälper den beslutet bakom ChatGPT-annonsen utan att bilderna får bära ett starkare bevis än det dokumenterade arbetet klarar.
Källor och avgränsning
Gör en visuell före- och efterjämförelse begriplig genom samma motiv, beskrivna förhållanden och avgränsad förändring utan att bilder ensamma får bevisa effekter.
- ASA CAP: Before and after photosLäst
- W3C WAI: Informative ImagesLäst
- W3C: Understanding Dragging MovementsLäst
Arbetsmetoder och exempel är redaktionella förslag. Kontrollera aktuella plattformsvillkor och funktioner inför genomförandet.