Stappen indicatie en navigatiemogelijkheden in verhaalmodus en uitdagingen toevoegen

Zenmo / Holon-webapp

MIT License

2 stars 2 forks source link

Stappen indicatie en navigatiemogelijkheden in verhaalmodus en uitdagingen toevoegen #974

Open patrickkerling opened 6 months ago

patrickkerling commented 6 months ago

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 commented 5 months ago

Om eea te illustreren hebben we de volgende mockups gemaakt.

202406 - Holon fase 2 - Verhaalmodus 1

Erikvv commented 5 months ago

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 commented 5 months ago

Bovenstaande gedaan behalve mobiele versie.

patrickkerling commented 5 months ago

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 commented 5 months ago

En wellicht iets meer afstand tussen de stappen onderling.

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

patrickkerling commented 5 months ago

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.