Cost Comparison
Feature Detail
Description
The Cost Comparison feature presents a side-by-side breakdown of the estimated administrative cost of an organization's current manual reporting workflow versus Meander's digitized approach. Using either pre-filled benchmark data or organization-supplied inputs, the widget surfaces concrete cost differentials - in hours, staff cost, and error rate - across the reporting lifecycle. Like the Impact Calculator, this runs entirely client-side with no authentication requirement and is embedded on the Sales Website to support the buying decision of prospective organizations.
Sources & reasoning
The blueprint marks cost-comparison as [v1.0], placing it after MVP. The source doc provides rich benchmark data (manual Word/Excel workflows, 380 annual registrations) that directly motivate a cost comparison widget, even though no single line names it explicitly. It depends on the Impact Calculator being in place first, and adds conversion value for organizations already engaged enough to explore cost details.
-
docs/source/likeperson.md · line 20-21Word-skjemaer sendes manuelt til regioner → manuell Excel-aggregering sentralt. Mål: registrering på under to klikk.
-
docs/source/likeperson.md · line 22En likeperson hadde 380 enkeltregistreringer på ett år.
Analysis
While the Impact Calculator shows total value delivered, the Cost Comparison widget answers a sharper procurement question - "What does our current approach cost us, and by how much does Meander reduce that?" For nonprofit organizations with constrained budgets, demonstrating a clear cost differential (including coordinator time spent on Excel aggregation, manual Bufdir report assembly, and error correction) strengthens the business case for adoption. The workshop data provides concrete benchmark anchors: NHF's Word-form-to-Excel workflow, HLF's 380 individual registrations per mentor per year, and the multi-hour Bufdir export process all translate directly into cost comparison inputs.
The widget can reuse input state from the Impact Calculator (mentor count, activity volume) and extend it with cost-side inputs such as coordinator hourly rate and hours spent on current reporting. Output is a comparison table or chart - current cost vs. Meander cost - rendered purely client-side. No dynamic data fetching is needed; benchmark defaults come from workshop findings baked into the component. Built as a React or static HTML widget composable alongside the Impact Calculator page. Ensure the visual output is accessible - color alone must not encode the comparison; use labels or patterns alongside color to distinguish columns. Static export compatible.
Quality Assurance
Prospective Organization Representative (primary)Prospective Organization Representative
Quick UAT
- GĂĄ til salgsnettsiden og naviger til siden for kostnadskalkulator (Benefit Calculator).
- Bekreft at widgeten viser to kolonner side om side: én for manuell rapportering og én for Meander-tilnærmingen, med forhåndsutfylte referanseverdier for timer, personalkostnad og feilrate.
- Juster inndatafeltet for antall likepersoner (eller tilsvarende organisasjonsparameter) og bekreft at de beregnede differansene oppdateres umiddelbart uten sideoppdatering.
- Bekreft at alle tre differansekategorier (timer spart, kostnad redusert, feilrate redusert) vises med konkrete tall og er lesbare uten innlogging.
Quick UAT — Accessibility
-
GĂĄ til salgsnettsiden og naviger til siden for kostnadskalkulator (Benefit Calculator).
- Screen reader Sideoverskrift annonseres ved lasting; tab-rekkefølge: hopp-til-innhold-lenke → navigasjonsmeny → sideoverskrift → widget.
- Keyboard / focus Alle navigasjonselementer nĂĄs med Tab; Enter aktiverer lenker.
- Focus visibility Synlig fokusring pĂĄ alle navigasjonslenker.
-
Bekreft at widgeten viser to kolonner side om side: én for manuell rapportering og én for Meander-tilnærmingen, med forhåndsutfylte referanseverdier for timer, personalkostnad og feilrate.
- Screen reader Kolonneoverskrifter og datarader annonseres i logisk rekkefølge; sammenligningsstruktur formidles via tabell-semantikk eller aria-label.
- Zoom Tokolonne-layout forblir lesbart ved 200%; ingen horisontal scrolling kreves for ĂĄ se begge kolonner.
- Contrast 4.5:1 for all tekst; status- og differansefarger ledsages av tekstlabel eller ikon, ikke farge alene.
-
Juster inndatafeltet for antall likepersoner (eller tilsvarende organisasjonsparameter) og bekreft at de beregnede differansene oppdateres umiddelbart uten sideoppdatering.
- Screen reader Inndatafelt har synlig label annonsert av skjermleser; oppdaterte resultater annonseres via polite live region.
- Keyboard / focus Inndatafelt nĂĄs med Tab; verdier endres med tastatur (piltaster eller direkte inntasting).
- Focus visibility Synlig fokusring pĂĄ inndatafelt; label er programmatisk knyttet via for/id eller aria-labelledby.
- Touch target Inndatafelt og eventuelle trinn-knapper er minst 24Ă—24 CSS-piksler.
- Live region 'Kostnadsestimater oppdatert' annonseres som polite live region etter beregning.
-
Bekreft at alle tre differansekategorier (timer spart, kostnad redusert, feilrate redusert) vises med konkrete tall og er lesbare uten innlogging.
- Screen reader Hvert resultatkort annonseres med kategoritittel og verdi i riktig rekkefølge.
- Zoom Alle tre resultatkort synlige og lesbare ved 200% zoom uten overlapping.
- Contrast 4.5:1 for resultatverdier og etiketter; differanseindikatorer (f.eks. grønn/rød pil) ledsages av tekstlig ekvivalent.
Expected End State
Widgeten viser en oppdatert kostnadsdifferanse basert på organisasjonens egne inndata (eller forhåndsutfylte referanseverdier), med konkrete tall for timer, personalkostnad og feilrate — uten krav om innlogging eller autentisering.
Components (19)
Shared Components
These components are reused across multiple features
User Stories
No user stories have been generated for this feature yet.