UX Indeks

Produkteksempel · Monitorering

Sitewatch

Sitewatch er et overvågningsværktøj til websites, der ud over oppetid tjekker, om sider, scripts, formularer og certifikater virker. Forsiden fører med »Catch website problems before your customers do.« og et gratis abonnement på ét site uden kreditkort.

Analyseret Oktober 202611 min læsning4 principper
UX-scorecard7.9 /10
  • Navigation8.0
  • Visuelt design8.6
  • Performance8.7
  • Onboarding7.5
  • Tilgængelighed7.2
getsitewatch.com
Skærmbillede af Sitewatch

Executive summary

Sitewatch scorer 7,9. Forsiden forklarer et teknisk produkt gennem konkrete fejl: en checkout, der bryder efter et deploy, et domæne, der udløber, og en chat-widget, der forsvinder, fordi leverandøren er nede. Et mockup viser en hændelse i værktøjet, og priserne står både på forsiden og på en separat prisside.12

Vejen fra knap til konto og tilgængeligheden trækker mest ned. Alle start-knapper lander på en login-skærm, der siger »Welcome back«. Lighthouse giver 100 for tilgængelighed på mobil, men sammenligningstabellens flueben er skjult for skærmlæsere, og fokus kan forsvinde under en åben menu.36

Privatlivspolitikken siger »No advertising or third-party tracking cookies.«, men forsiden indlæser Googles annoncetag og sætter cookien _gcl_au ved første besøg uden cookiebanner. Google beskriver _gcl_-cookies som brugt til at måle konverteringer fra annoncer. Appen efter login er ikke testet.468

Kort fortalt

  • Seks konkrete fejlscenarier og et mockup af værktøjet gør en teknisk pointe let at forstå.
  • Priserne står åbent: ét site gratis uden kreditkort, $9 for 25 sites og $19 for 100 sites om måneden.
  • Alle start-knapper lander på en login-skærm (»Welcome back«), så nye brugere selv skal finde »Create one here«.
  • Lighthouse giver 100 for tilgængelighed på mobil, men sammenligningstabellens flueben er skjult for skærmlæsere.
  • Lab-målingen er god (mobil median 95, LCP 2,5 sekunder). CrUX-feltdata kunne ikke hentes.

Hvad gør siden rigtig godt?

  1. Konkrete scenarier frem for abstrakte løfter

    Afsnittet »Nothing was deployed. Everything still broke.« viser seks kort, fra udløbet domæne og SSL-certifikat til en død købsknap. Hvert kort siger, hvornår Sitewatch opdager fejlen, og linker til den relevante funktion. Nielsen Norman Group regner fyldestgørende og korrekt indhold som en af fire faktorer for troværdighed.111

  2. Produktet vises i brug

    Heroens mockup viser en hændelse med den fejlende fil (»GET /assets/checkout.4f2a.css →404 Not Found«) og et »Plain-English summary«, der kan kopieres til en kunde. Du ser værktøjets output, før du opretter en konto.1

  3. Åben prissætning

    Tre planer med fast månedspris står på forsiden, og prissiden har en plansammenligning, årlig betaling med »2 months free« og en pris-FAQ. Sitewatch lover »Flat monthly pricing, no per-seat fees and no surprise overages«. Nielsen Norman Group nævner åbenhed om omkostninger som en troværdighedsfaktor.211

  4. FAQ, der tager indvendinger op

    »Can't I just check my sites manually?« og »Doesn't my hosting provider already monitor this?« svarer på de modargumenter, en skeptisk køber har. Svarene ligger i en accordion med aria-expanded, så de kun fylder, når de åbnes.1

  5. Hurtig og stabil side

    Lab-målingen viser en desktop-score på 98 med LCP på 1,1 sekund, og layoutet flytter sig næsten ikke (CLS 0,001 på mobil).5

Forbedringsmuligheder

  1. Start-knapperne lander på login

    »Start monitoring for free«, »Start free« og »Get Starter« fører alle til en skærm med »Welcome back« og en login-formular. Nielsen Norman Group beskriver, hvordan brugere vurderer et link ud fra dets tekst, før de klikker, og mister tid, når siden ikke svarer til den.310

  2. Sammenligningstabellen er tom for skærmlæsere

    Ikonerne har aria-label, men er skjult med aria-hidden="true", så en skærmlæser får rækkenavnet og to tomme celler i den tabel, siden bygger sit argument på. WAI-ARIA kræver, at indhold skjult med aria-hidden får en tilsvarende betydning eksponeret på anden vis.615

  3. Fokus kan forsvinde under menuen

    Åbner du Features med Enter og trykker Tab, bliver panelet stående over knappen, der får fokus, og Esc lukker det ikke. WCAG 2.4.11 kræver, at et element med fokus ikke er helt skjult af indhold, som forfatteren har lagt ovenpå, medmindre brugeren kan fjerne det uden at flytte fokus.614

  4. Cookiepolitik og adfærd stemmer ikke overens

    Privatlivspolitikken siger »We use only essential cookies«, men forsiden sætter Googles annoncecookie _gcl_au ved første besøg uden samtykkebanner. Cookiebekendtgørelsen kræver samtykke, før oplysninger lagres i brugerens udstyr (§ 3), med undtagelse af det, der er teknisk nødvendigt for at levere tjenesten (§ 4).489

  5. To påstande, en kritisk køber kan modsige

    Tabellen giver »Traditional uptime« kryds ved udløbet SSL-certifikat og domæne, men UptimeRobot nævner selv »SSL certificates and domain expiry« blandt sine overvågningstyper. Prisafsnittet siger, at man opgraderer »not to unlock features«, mens prissiden forbeholder Slack, webhooks, EU- og US-regioner og kunderapporter med eget brand til de betalte planer.172

Gennemgang af hver kategori

Navigation

8.0

Topmenuen har fire dropdowns (Features, Use Cases, Resources og Compare) og et direkte link til Pricing. Features-menuen rummer 25 funktionslinks i tre kolonner, og kolonnen »Security« indeholder også punkter som »Plain-English Diagnosis« og »Public Status Pages«, der ikke handler om sikkerhed.1

Forsiden er lang. På desktop begynder prisafsnittet ca. 7.000 pixels nede på en side på ca. 10.500 pixels, og på mobil er siden ca. 16.900 pixels høj. FAQ'en har 20 spørgsmål uden emneinddeling. Nielsen Norman Group anbefaler, at store FAQ'er deles op efter emne, så de kan skimmes.112

Visuelt design

8.6

Siden er mørk med én grøn accentfarve, store overskrifter og monospace til etiketter og tekniske detaljer. Under heroen viser et mockup af værktøjet en hændelse (»Checkout page is broken after deploy«), og længere nede står en oppetidsmonitor, der melder »All systems operational«, ved siden af en kundevisning, hvor »Buy now« ikke virker. Sammenligningstabellen bruger flueben og kryds i ni rækker, så forskellen kan aflæses hurtigt.1

Udtrykket bygger på mange små, grå monospace-tekster (sektionsnumre, tidsstempler, noter under tabeller), og flere af dem ligger under kontrastkravet på 4,5:1. Kort, mockups og tidslinjer følger tæt efter hinanden, hvilket gør siden tung at skimme på mobil.613

Performance

8.7

En egen Lighthouse-måling 11. oktober 2026 (simuleret mobil, fem kørsler) gav en performance-score med median 95 (fra 79 til 98), LCP med median 2,5 sekunder, TBT med median 97 ms og CLS på 0,001. Desktop gav 98 og LCP 1,1 sekund. På mobil er LCP-elementet heroens tekst, der glider ind med en animation, og 69 til 86 % af LCP-tiden går til render-forsinkelse. CrUX-feltdata kunne ikke hentes, så vurderingen bygger alene på lab-data.5

Onboarding

7.5

Tilbuddet står under hovedknappen (»1 site free forever · no credit card · monitored in minutes«), og prissiden lover »Setup in ~2 minutes«. Men »Start monitoring for free« og de andre start-knapper fører til app.getsitewatch.com, hvor der står »Welcome back« og »Sign in to monitor your sites and incidents.« En ny bruger skal selv finde »Create one here« nederst.123

Oprettelsen har fire felter (navn, e-mail, adgangskode og gentag adgangskode) eller Google-login. Planvalget fra prisknapperne (fx ?plan=starter) er ikke synligt på login-skærmen, og produktet kan ikke prøves uden en konto.3

Tilgængelighed

7.2

Lighthouse giver 100 på mobil og 96 på desktop. axe-core finder 29 elementer med for lav kontrast på desktop, bl.a. noten »You don't have to replace your uptime tool. Sitewatch fills the gap above it.« og tidsstemplerne i hændelsestidslinjen (begge 3,74:1). Mikroteksten under hovedknappen beregner vi til ca. 3,75:1. Kravet for normal tekst er 4,5:1.613

Fluebenene og krydsene i sammenligningstabellen har aria-label »Yes« og »No«, men også aria-hidden="true", så cellerne er tomme for en skærmlæser. Prissidens tabel har samme fejl. Åbner du Features-menuen med tastaturet og trykker Tab, får »See how it works« fokus helt skjult under panelet, og Esc lukker ikke panelet, når fokus er uden for menuen (WCAG 2.4.11).61514

Skip-link, synlige fokusringe, logisk overskriftsorden, alt-tekst på logoer og et logobånd, der stopper ved »reducer bevægelse«, er på plads. Oprettelsesformularen mangler autocomplete-attributter (WCAG 1.3.5). Der er intet cookiebanner at teste. Skærmlæserfundene er udledt af accessibility-træet, ikke testet med en skærmlæser, og zoom er ikke testet.616

Top 5 anbefalinger

  1. Send start-knapperne direkte til oprettelse

    Lad »Start monitoring for free« og plan-knapperne gå til /signup, vis den valgte plan på skærmen, og behold login som et sekundært link. Overvej at fjerne »Confirm password«, når adgangskodefeltet allerede kan vise det indtastede.310

  2. Indhent samtykke før annoncetagget, eller ret politikken

    Indlæs Googles annoncetag først, når brugeren har givet samtykke via et banner, der kan betjenes med tastatur, og beskriv cookien i privatlivspolitikken.49

  3. Gør tabellernes ikoner læsbare for skærmlæsere

    Fjern aria-hidden fra ikonerne, eller tilføj en visuelt skjult tekst (»Yes«, »No«, »Included«) i hver celle på både forsiden og prissiden.15

  4. Luk menupanelet, når fokus forlader det

    Luk dropdown-panelet, når fokus flytter ud af navigationen, og lad Esc lukke et åbent panel, uanset hvor fokus er.14

  5. Hæv kontrasten på sekundær tekst

    Løft den grå tekst fra ca. 40 % til mindst ca. 50 % hvid på den mørke baggrund, så den når 4,5:1, og understreg links i brødtekst. Start med mikroteksten under hovedknappen, der bærer løftet om gratis plan uden kreditkort.13

Hvad kan andre lære?

  1. Lad knappen føre derhen, hvor den lover

    En knap, der siger »Start … for free«, skaber en forventning om oprettelse. Lander brugeren på »Welcome back«, skal de selv finde vejen videre i det øjeblik, de er mest motiverede.10

  2. En automatisk score på 100 er et minimum

    Lighthouse fandt ingen tilgængelighedsfejl på mobil, men en manuel gennemgang af tastatur og accessibility-træ fandt en tom sammenligningstabel og et fokus, der forsvinder. Test de elementer, siden bygger sit argument på, med tastatur og skærmlæser.6

  3. Konkrete fejl gør et teknisk produkt forståeligt

    Seks navngivne scenarier og et mockup af en hændelse forklarer forskellen på oppetid og overvågning hurtigere end en liste over funktioner.1

Afslutning

Sitewatch forklarer et teknisk produkt gennem konkrete fejl, viser værktøjets output i et mockup og lægger priserne åbent frem. Siden er hurtig i lab-målinger og har et gennemført mørkt designsprog.

Scoren på 7,9 skyldes især fire forhold, der alle kan rettes: start-knapperne lander på en login-skærm, sammenligningstabellen er tom for skærmlæsere, fokus kan forsvinde under menuen, og privatlivspolitikken lover ingen sporingscookies, mens forsiden sætter en annoncecookie. Selve appen efter oprettelse er ikke testet, fordi der ikke blev oprettet en konto.

Ofte stillede spørgsmål

Kan man prøve Sitewatch uden at oprette en konto?

Nej. Den gratis plan dækker ét site uden kreditkort, men kræver en konto med navn, e-mail og adgangskode eller Google-login. Forsiden har ingen scanning, der kan køres uden konto.

Hvad koster Sitewatch?

Sitewatch oplyser tre planer: Free til $0 for ét site, Starter til $9 om måneden for 25 sites og Pro til $19 om måneden for 100 sites. De betalte planer har 7 dages gratis prøveperiode, og årlig betaling giver to måneder gratis.

Hvad er forskellen på Sitewatch og et oppetidsværktøj?

Ifølge Sitewatch tjekker et oppetidsværktøj kun, om serveren svarer, mens Sitewatch åbner siden som en browser og tjekker scripts, stylesheets, billeder, formularer og certifikat. Flere oppetidsværktøjer overvåger også SSL- og domæneudløb. UptimeRobot nævner fx »SSL certificates and domain expiry«.

Er Sitewatchs website tilgængeligt?

Lighthouse giver 100 på mobil og 96 på desktop, og der er skip-link og synlige fokusringe. En manuel gennemgang fandt dog, at sammenligningstabellens flueben er skjult for skærmlæsere, at fokus kan forsvinde under en åben menu, og at en del sekundær tekst har for lav kontrast. Gennemgangen er ikke en fuld WCAG-revision.

Dækker analysen selve appen?

Nej. Analysen dækker forsiden, prissiden, om-siden, privatlivspolitikken og oprettelsesflowet frem til den første formular. Der er ikke oprettet en konto, så dashboard, opsætning og alarmer er ikke testet.

Anvendte principper

  • Problem-først budskab
  • Information scent
  • Åben prissætning
  • Tilgængelighed ud over automatiske tests

Relaterede mønstre

Produktmockup i heroSammenligningstabelScenariekortMega-menuFAQ-accordion

Kilder

  1. Sitewatch Website Monitoring — Know When Your Site Breaksgetsitewatch.com · Forsiden læst i browser efter fuld scroll (desktop 1280×800 og mobil 390×844): hero, sammenligningstabel, logobånd, scenariekort, prisafsnit, 20 FAQ-spørgsmål og footer. Tjekket 11. oktober 2026.
  2. Website Monitoring Pricing — Plans from $0/month | Sitewatchgetsitewatch.com · Planer og priser, »Setup in ~2 minutes«, plansammenligning, årlig betaling ($90 og $190 om året) og pris-FAQ. Tjekket 11. oktober 2026.
  3. Sitewatch app: login og oprettelseapp.getsitewatch.com · Start-knapperne fører til app.getsitewatch.com, der viser »Welcome back« og en login-formular (også med ?plan=free og ?plan=starter). »Create one here« fører til /signup med fire felter og Google-login. Ingen formular er indsendt. Tjekket 11. oktober 2026.
  4. Privacy Policy | Sitewatchgetsitewatch.com · Afsnittet »Cookies«: »We use only essential cookies … No advertising or third-party tracking cookies.« (Last updated: March 2026). Tjekket 11. oktober 2026.
  5. Egen Lighthouse-måling af getsitewatch.comUX Indeks (egen måling, oktober 2026) · Målt 11. oktober 2026 med Lighthouse 12.8.2 (CLI, headless Chrome, simuleret throttling). Mobil, 5 kørsler: performance median 95 (79-98), LCP median 2,5 s (2,2-4,4 s), TBT median 97 ms (88-179 ms), CLS 0,001. Desktop, 2 kørsler: performance 98, LCP 1,1 s, TBT 0-5 ms, CLS 0,024. CrUX-feltdata kunne ikke hentes (PageSpeed Insights API-kvote opbrugt).
  6. Egen tilgængeligheds- og tastaturtest af getsitewatch.comUX Indeks (egen måling, oktober 2026) · Testet 11. oktober 2026. Lighthouse tilgængelighed 100 (mobil) og 96 (desktop). axe-core 4.10.2 efter fuld scroll: 29 kontrastfejl og 1 link kun adskilt med farve (desktop). Manuelt: tastatur og fokus, overskrifter, alt-tekst, formularlabels, tabellernes accessibility-træ og cookies ved første besøg i en ren browserprofil. Ikke testet med skærmlæser eller zoom.
  7. UptimeRobot: Free Website MonitoringUptimeRobot · Nævner »SSL certificates and domain expiry« blandt de understøttede overvågningstyper. Tjekket 11. oktober 2026.
  8. How Google uses cookiesGoogle · Cookies med præfikset _gcl_ bruges primært til at måle konverteringer fra annoncer.
  9. Bekendtgørelse om krav til information og samtykke ved lagring af eller adgang til oplysninger i slutbrugeres terminaludstyr (BEK nr 1148 af 09/12/2011)Retsinformation · § 3: lagring af eller adgang til oplysninger i slutbrugerens udstyr kræver samtykke efter fyldestgørende information. § 4: undtagelse for lagring, der er teknisk nødvendig for at levere en tjeneste, brugeren har bedt om. Tjekket 11. oktober 2026.
  10. Information Scent: How Users Decide Where to Go NextNielsen Norman Group
  11. Trustworthiness in Web Design: 4 Credibility FactorsNielsen Norman Group
  12. FAQs Still Deliver Great ValueNielsen Norman Group · Store FAQ'er bør deles op efter emne og være lette at skimme.
  13. Understanding Success Criterion 1.4.3: Contrast (Minimum)W3C WAI
  14. Understanding Success Criterion 2.4.11: Focus Not Obscured (Minimum)W3C WAI
  15. Accessible Rich Internet Applications (WAI-ARIA) 1.2: aria-hiddenW3C
  16. Understanding Success Criterion 1.3.5: Identify Input PurposeW3C WAI

Flere eksempler

Lignende produkter

Hele galleriet →
Skærmbillede af Vercel8.7

Vercel

Developer
HastighedMinimalisme
Læs hele analysen →
Skærmbillede af Linear9.0

Linear

SaaS
Keyboard-firstLav kognitiv belastning
Læs hele analysen →
Skærmbillede af Raycast8.9

Raycast

SaaS
Keyboard-firstUdvidelser
Læs hele analysen →