Stappen indicatie en navigatiemogelijkheden in verhaalmodus en uitdagingen toevoegen

[patrickkerling]

TYPE
UX/Technisch

LOCATIE/URL
Gehele sectie van cases, bijv https://holontool.nl/casus-overzicht/buurtelektrificatie/verhaal-buurtelektrificatie/

PROBLEEM
De individuele stappen zijn voor de gebruiker vrij onduidelijk en er zijn weinig/geen mogelijkheden om hier makkelijk doorheen te navigeren. Tevens dit moment aangrijpen om de individuele stappen iets duidelijker van elkaar te scheiden / visueel duidelijker te maken (bijv door iets meer ruimte ertussen en toevoegen van een kopje)

BESCHRIJVING
Zie PPT, schetsen.

TE VINDEN IN PPT #18 #21

[patrickkerling]

Om eea te illustreren hebben we de volgende mockups gemaakt.

[Erikvv]

Initiele versie gedaan.

Moet nog doen:

• aangeven vanaf waar op de pagina tot waar de stappenindicatie zichtbaar is (is nu van helemaal boven tot helemaal onder).
• mobiele versie (is nu verborgen op mobiel)
• titels instelbaar maken (hij haalt nu titels uit de tekst)
• stappen-indicator bovenaan zetten ipv verticaal centreren (feedback Patrick)

[Erikvv]

Bovenstaande gedaan behalve mobiele versie.

[patrickkerling]

Ziet er goed uit. Wellicht kunnen we nog kijken of we de individuele stappen iets duidelijker van elkaar kunnen scheiden. Bijv. door de hele achtergrondkleur van een stap gelijk te trekken en om en om af te wisselen tussen wit en grijs? En wellicht iets meer afstand tussen de stappen onderling.

[Erikvv]

En wellicht iets meer afstand tussen de stappen onderling.

Ik heb de ruimte tussen de stappen indicatie wat groter gemaakt.

[patrickkerling]

Top, Ik zou op termijn wel willen kijken of we het nog iets meer gelijk kunnen trekken met de mockup die we eerder gemaakt hebben. Daar was het toch nog iets duidelijker en ook iets rustiger.