Achievement Badges
Feature Detail
Description
Achievement Badges award peer mentors and coordinators visual recognition for reaching milestones such as activity counts, sustained engagement, certifications completed, or special contributions like "Ă…rets koordinator." Badges are displayed on the user's profile and surfaced on the home dashboard, creating a lightweight gamification layer that rewards consistency and visible commitment without turning volunteering into a competition.
Sources & reasoning
Badges are explicitly mentioned in §2.2 alongside Wrapped and listed by name in the Fase 3 (Growth & Engagement) deliverables, anchoring both scope and target_release.
-
docs/source/likeperson.md · line 47Også nevnt: «Årets koordinator», statusbadges og halvårsoppsummeringer.
-
docs/source/likeperson.md · line 265-266Fase 3 - Vekst og engasjement - Gamification / «Ditt likepersonsår» (Wrapped, badges, Advantage Calculator)
Analysis
Badges provide low-cost recognition that directly addresses the workshop finding that volunteer effort is "usynlig innsats" - invisible work. Three of four organizations called out status badges and recognition mechanisms as motivating, and the cost to issue a badge is essentially zero compared to the retention value of a mentor who feels seen. Beyond retention, badges feed the Referral Program by giving mentors something concrete to share, and give coordinators a soft tool to highlight exemplary contributors without formal awards. They also create natural milestones that nudge mentors toward sustained engagement rather than one-off activity bursts.
The Badges Screen renders a grid of earned and unearned badges with progress indicators. The Badge Service evaluates eligibility rules (e.g. activity thresholds, certification completions, tenure) against the activities and user_badges tables; the Badge Store persists awarded badges and timestamps. Eligibility evaluation runs server-side on activity write or via scheduled job to keep clients simple. Badge definitions are config-driven so new badges can be added without app releases. WCAG 2.2 AA applies: badge icons need text alternatives, color is never the sole differentiator, and tap targets meet the 24Ă—24 minimum. The feature is gated by the achievements-gamification module toggle and hidden entirely when disabled.
Quality Assurance
Peer Mentor (primary) · Coordinator (same flow)Peer Mentor (Likeperson)
Quick UAT
- Logg inn i Meander-mobilappen som likeperson som allerede har 9 registrerte aktiviteter.
- Ă…pne Hjem-skjermen og kontroller at fremdriftsindikatoren viser '9 av 10 aktiviteter' for merket '10 aktiviteter'.
- Trykk Legg til → Aktivitet og fullfør registrering av en enkel aktivitet (kontakt → dato → varighet → Lagre).
- Bekreft at en bekreftelse vises: 'Nytt merke opptjent: 10 aktiviteter'.
- Åpne Profil → Merker og verifiser at '10 aktiviteter' nå vises som opptjent med dagens dato, og at neste låste merke ('50 aktiviteter') viser fremdrift 10/50.
Quick UAT — Accessibility
-
Logg inn i Meander-mobilappen som likeperson som allerede har 9 registrerte aktiviteter.
- Screen reader Innloggingsskjerm annonseres; e-post- og passordfelt har semantiske labels.
- Focus visibility Synlig fokusring pĂĄ input-felt og Logg inn-knapp.
-
Ă…pne Hjem-skjermen og kontroller at fremdriftsindikatoren viser '9 av 10 aktiviteter' for merket '10 aktiviteter'.
- Screen reader Fremdriftsindikator annonseres som '9 av 10 aktiviteter mot merket 10 aktiviteter' – ikke kun visuell prosent.
- Zoom Hjem-skjermen forblir brukbar ved 200% zoom.
- Contrast Fremdriftsbar oppfyller 3:1 kontrast; status formidles ikke kun ved farge (tall og label vises).
-
Trykk Legg til → Aktivitet og fullfør registrering av en enkel aktivitet (kontakt → dato → varighet → Lagre).
- Keyboard / focus Legg til-knapp nĂĄs via Tab; wizard-steg navigeres med Tab/piltaster; Lagre er siste fokuserbare element.
- Touch target Legg til-knapp og Lagre-knapp er minst 24Ă—24 CSS px.
-
Bekreft at en bekreftelse vises: 'Nytt merke opptjent: 10 aktiviteter'.
- Focus visibility Fokus flyttes til bekreftelses-dialog eller forblir pĂĄ et meningsfullt element etter at toasten lukkes.
- Live region 'Nytt merke opptjent: 10 aktiviteter' annonseres via polite live region.
-
Åpne Profil → Merker og verifiser at '10 aktiviteter' nå vises som opptjent med dagens dato, og at neste låste merke ('50 aktiviteter') viser fremdrift 10/50.
- Screen reader Hvert merke leses opp med navn, status (opptjent/låst) og fremdrift – status formidles tekstlig, ikke bare via ikon.
- Zoom Merke-rutenettet flyter pent ved 200% zoom uten horisontal scroll.
- Contrast Opptjent vs. lĂĄst skilles av tekst/ikon i tillegg til farge (4.5:1 tekstkontrast).
Expected End State
Det nye merket er persistert i Badge Store, vises som opptjent pĂĄ Badges-skjermen med korrekt opptjeningsdato, og fremdrift mot neste lĂĄste merke er oppdatert pĂĄ bĂĄde Hjem-dashbordet og profilskjermen.
Components (5)
Shared Components
These components are reused across multiple features
User Stories
No user stories have been generated for this feature yet.