Jeugd Lot en Leven website, Mobile navigatie verbeterd
Status: ✔ Mobiele navigatie afgerond. Tijd om de volgende puntjes op de i te zetten.
Op het eerste gezicht lijkt het misschien een klein detail, maar juist dit soort verbeteringen zorgen ervoor dat een website prettig blijft werken.
Op mobiele apparaten liep ik tegen een vreemd probleem aan. Het hamburgermenu werkte prima, maar tijdens het scrollen leek de lijst halverwege even vast te lopen. Met een extra veeg was het probleem te omzeilen, maar echt prettig voelde het niet.
Na verschillende tests heb ik de oorzaak gevonden in de manier waarop de mobiele navigatie met scrollgedrag omging.
Door enkele gerichte aanpassingen in de CSS scrollt het menu nu weer volledig vloeiend van boven naar beneden.
Tijdens het testen ontstond bovendien een nieuw idee. In plaats van extra code of JavaScript toe te voegen, is de Home-knop voorzien van een klein subtiel pijltje (⌄). Daarmee wordt bezoekers op mobiele apparaten op een eenvoudige manier duidelijk gemaakt dat er nog meer menu-items onder staan. Een kleine aanpassing, maar precies het soort detail dat de gebruikservaring net iets prettiger maakt.
De website is hierdoor weer een stukje gebruiksvriendelijker geworden, zonder dat het thema groter of ingewikkelder is geworden. Soms zit de beste oplossing niet in meer techniek, maar juist in eenvoud.
Zoals altijd geldt: iedere verbetering brengt het project weer een stap dichter bij de definitieve versie.