🏠 Overview › 🎯 Features ›🎯 Role-Specific Home Dashboard

Role-Specific Home Dashboard

Feature Detail

medium complexity extracted Home & Navigation Confidence: 100%
3
Components
18
Shared
0
User Stories
Yes
Analyzed

Description

The role-specific home dashboard delivers tailored entry-point screens for each mobile user role. Peer mentors see their personal activity feed, quick-log shortcuts, and upcoming follow-up tasks, while coordinators see team oversight widgets and pending approval queues. The dashboard assembles its widget layout at runtime from the enabled module set, so only capabilities relevant to the organization's configuration are shown, keeping the experience uncluttered for users at all digital skill levels.

Sources & reasoning

The source explicitly defines role-specific home content as a named screen type and specifies Peer Mentor and Coordinator as the two mobile roles. The module registry pattern described at lines 307-308 requires a home surface that assembles dynamically at runtime. Blueprint marks this feature MVP; Fase 1 core mobile scope confirms role-aware navigation must ship at launch.

  • Role-specific home content (peer mentor vs coordinator variants)
  • Bottom nav with 5 tabs: Home, Contacts, Add (modal launcher for Activity and Event wizards), Work, Notifications
  • On mobile, an Org Admin is surfaced as a Coordinator - they use the same mobile experience as coordinators without a separate UI path.

Analysis

Business Value

A role-appropriate home screen reduces navigation steps to the most common tasks, directly supporting the design principle of minimal cognitive load stated across all workshops. For peer mentors with lower digital literacy - including stroke survivors highlighted by NHF - a predictable home reduces errors and abandonment. Coordinators gain immediate situational awareness of their team without navigating through menus. Module-aware rendering ensures new organizations see only enabled capabilities from day one, reducing onboarding confusion and support overhead across all tenant organizations.

Implementation Notes

Built with Flutter and Riverpod, the dashboard uses a widget registry pattern where each module registers its home widgets against its area ID. ModuleRegistryService fetches the enabled module set from the backend at startup and assembles the home screen dynamically - no compile-time per-organization branching. HomeDashboardService provides scoped API calls for role-specific content. WCAG 2.2 AA compliance requires semantic labels on all dashboard widgets, sufficient touch targets (minimum 24x24 px), and a visible focus indicator for keyboard and switch-access navigation throughout.

Quality Assurance

Peer Mentor (primary) · Coordinator (primary)
2
Scenarios
10
UAT Steps
31
A11y Annotations
2
Role Boundaries
Peer Mentor

Peer Mentor

Quick UAT

  1. Logg inn i Meander-appen som Likeperson. Bekreft at du lander direkte på Hjem-fanen uten ekstra navigasjon.
  2. Bekreft at personlig aktivitetsfeed er synlig med dine siste registrerte aktiviteter listet i kronologisk rekkefølge.
  3. Bekreft at hurtiglogging-snarvei (f.eks. «Logg aktivitet»-knapp) er synlig og lett tilgjengelig øverst på hjemskjermen.
  4. Bekreft at listen over kommende oppfølgingsoppgaver vises under aktivitetsfeeden med riktige datoer og kontaktnavn.
  5. Be administrator deaktivere ett valgfritt modul (f.eks. Utgiftsrefusjon) for din organisasjon. Start appen på nytt og bekreft at modulens widget ikke lenger vises på hjemskjermen.

Quick UAT — Accessibility

  1. Logg inn i Meander-appen som Likeperson. Bekreft at du lander direkte på Hjem-fanen uten ekstra navigasjon.
    • Screen reader Skjermleser annonserer «Hjem» som aktiv fane og leser sidetittel ved landing.
    • Keyboard / focus Tab-rekkefølge starter på Hjem-fane-knappen; første interaktive element i innhold nås med én Tab.
    • Focus visibility Synlig fokusring på aktiv Hjem-fane; fokus plasseres på toppen av innholdsområdet ved landing.
  2. Bekreft at personlig aktivitetsfeed er synlig med dine siste registrerte aktiviteter listet i kronologisk rekkefølge.
    • Screen reader Hvert aktivitetskort annonseres med dato, type og varighet; liste-semantikk kommuniseres.
    • Keyboard / focus Piltaster navigerer mellom aktivitetskort; Enter åpner aktivitetsdetalj.
    • Zoom Aktivitetskort forblir lesbare og uten avklipping ved 200 % zoom.
    • Contrast Aktivitetstittel og dato oppfyller 4,5:1 kontrast mot kortbakgrunn.
  3. Bekreft at hurtiglogging-snarvei (f.eks. «Logg aktivitet»-knapp) er synlig og lett tilgjengelig øverst på hjemskjermen.
    • Screen reader Knapp annonseres som «Logg aktivitet, knapp» av skjermleser.
    • Focus visibility Synlig fokusring på knappen; label er synlig og ikke bare ikon.
    • Touch target Knapp har minst 24×24 CSS px berøringsfelt; anbefalt 48×48 px.
  4. Bekreft at listen over kommende oppfølgingsoppgaver vises under aktivitetsfeeden med riktige datoer og kontaktnavn.
    • Screen reader Oppfølgingsliste annonseres med antall elementer; hvert element leses med dato og kontaktnavn.
    • Keyboard / focus Tab navigerer gjennom oppfølgingselementer i visuell rekkefølge.
    • Contrast Kontaktnavn og datoer oppfyller 4,5:1 kontrast; statusindikator formidler ikke informasjon kun via farge.
  5. Be administrator deaktivere ett valgfritt modul (f.eks. Utgiftsrefusjon) for din organisasjon. Start appen på nytt og bekreft at modulens widget ikke lenger vises på hjemskjermen.
    • Screen reader Skjermleser finner ingen referanse til den deaktiverte modulens widget etter omstart.
    • Live region Ingen feilmelding eller tomt plassholder-element annonseres for deaktivert modul.
    • Zoom Gjenværende widgets fyller tilgjengelig bredde uten layout-feil ved 200 % zoom.
Coordinator

Coordinator

Quick UAT

  1. Logg inn i Meander-appen som Koordinator. Bekreft at du lander på Hjem-fanen og ser koordinatorspesifikt innhold.
  2. Bekreft at teamoversikts-widgeter er synlige og viser aktivitetsstatus for likepersonene i ditt lokallag.
  3. Bekreft at kø for ventende godkjenninger er synlig på hjemskjermen med antall ventende elementer.
  4. Trykk på ett element i godkjenningskøen og bekreft at du navigeres til aktivitetsdetaljene uten å forlate appen.
  5. Trykk tilbake-knappen og bekreft at du returnerer til hjemskjermen med oppdatert køteller.

Quick UAT — Accessibility

  1. Logg inn i Meander-appen som Koordinator. Bekreft at du lander på Hjem-fanen og ser koordinatorspesifikt innhold.
    • Screen reader Skjermleser annonserer «Hjem» som aktiv fane; første widget leses med beskrivende overskrift som indikerer koordinatorvisning.
    • Keyboard / focus Tab fra fane-raden når første interaktive widget-element umiddelbart.
    • Focus visibility Fokus plasseres på toppen av koordinator-innholdsområdet ved landing.
  2. Bekreft at teamoversikts-widgeter er synlige og viser aktivitetsstatus for likepersonene i ditt lokallag.
    • Screen reader Teamoversikt annonseres som region med overskrift; individuelle likeperson-rader leses med navn og aktivitetsstatus.
    • Zoom Teamoversikt-widget er scrollbar og ikke avklippet ved 200 % zoom.
    • Contrast Statusfarger for likepersoner suppleres med ikon eller tekst — ikke farge alene — for å oppfylle WCAG 1.4.1.
  3. Bekreft at kø for ventende godkjenninger er synlig på hjemskjermen med antall ventende elementer.
    • Screen reader Kø-widget annonserer antall ventende elementer som del av widgetoverskriften.
    • Live region Telleren oppdateres dynamisk og annonseres via polite live-region ved endring.
    • Contrast Teller-badge oppfyller 4,5:1 kontrast mot bakgrunn; antall suppleres ikke kun med fargekoding.
  4. Trykk på ett element i godkjenningskøen og bekreft at du navigeres til aktivitetsdetaljene uten å forlate appen.
    • Screen reader Hvert kø-element annonseres med likepersonnavn, aktivitetstype og dato; knapp eller rad er merket med handling.
    • Focus visibility Synlig fokusring på valgt kø-element; fokus flyttes til toppen av aktivitetsdetalj-skjerm ved navigasjon.
    • Touch target Kø-element har minst 24×24 CSS px berøringsfelt; anbefalt 48 px høyde per rad.
  5. Trykk tilbake-knappen og bekreft at du returnerer til hjemskjermen med oppdatert køteller.
    • Screen reader Tilbake-knapp annonseres som «Tilbake, knapp»; hjemskjerm-tittel leses ved retur.
    • Focus visibility Fokus returnerer til kø-widgeten på hjemskjermen etter navigasjon tilbake.
    • Live region Oppdatert køteller annonseres via polite live-region etter retur til hjemskjermen.

Role Boundaries

2 role(s) must NOT access this feature
  • Global Administrator

    Ingen hjemskjerm vises i mobilappen; global administrator omdirigeres til Admin Web Portal ved forsøk på innlogging i mobilappen.

  • Prospective Organization Representative

    Rollen har ikke brukerkonto i mobilappen; innlogging er umulig og ingen hjemskjerm er tilgjengelig.

Expected End State

  • Peer Mentor

    Likepersonen ser sin personaliserte hjemskjerm med aktivitetsfeed, hurtiglogging-snarvei og oppfølgingsoppgaver. Kun moduler aktivert av organisasjonen er synlige.

  • Coordinator

    Koordinatoren ser sin dedikerte hjemskjerm med teamoversikt og godkjenningskø. Kø-telleren reflekterer korrekt antall ventende elementer etter navigasjon frem og tilbake.

Components (21)

User Interface (2)

ui CoordinatorHomeScreen medium ui PeerMentorHomeScreen medium

Service Layer (1)

service HomeDashboardService medium

Shared Components

These components are reused across multiple features

User Stories

No user stories have been generated for this feature yet.