Verbetering: layout aanpassingen en verbeteringen #1

202608

Zoals je waarschijnlijk hebt gezien zijn we bezig met oppoetsen van de layout in Planaday.
Dit doen we natuurlijk in stapjes.

Sectiemenu (het rechtermenu)

Het sectiemenu aan de rechterkant van het scherm is voortaan op te vouwen. Achter elke groepstitel — bijvoorbeeld Dagdelen, Financieel of Diverse — staat een pijltje waarmee je die groep dichtklapt. Zo zie je alleen de onderdelen die je echt gebruikt, en scroll je een stuk minder op schermen met veel secties.

Je keuze wordt onthouden. Klap je bijvoorbeeld het blok Financieel dicht op een cursus, dan blijft dat zo bij de volgende cursus die je opent. Per soort scherm bepaal je dus zelf wat je standaard wilt zien, en dat blijft staan totdat je het weer openklapt.

De scheidingslijnen tussen de groepen zijn verdwenen. De titels geven de indeling al aan, en zonder die lijnen passen er meer onderdelen op je scherm.

Kleuren van cursus, dagdeel en/of opleiding

Verder is de kleur van een cursus, dagdeel of opleiding nu ook terug te zien op de tab van het detailblok, in dezelfde kleur als de balk aan de linkerkant. Daarmee zie je in één oogopslag met welke cursus je bezig bent, ook als je naar een ander tabblad wisselt.

Actieknoppen boven aan het scherm

De knoppen bovenaan het scherm kleuren nu geleidelijk oranje wanneer je er met de muis overheen gaat, in plaats van in één keer om te klappen. Dat leest rustiger, zeker als je snel langs de knoppenbalk beweegt.

Linkermenu

Deze hadden we recent natuurlijk inklapbaar gemaakt
Het uitklapmenu in de linkerbalk blijft iets langer staan wanneer je de muis verplaatst. Voorheen schoot het menu al dicht terwijl je er schuin naartoe bewoog, waardoor je opnieuw moest beginnen. Ook verschijnt en verdwijnt het nu met een korte overgang in plaats van in één klap.

Vinkjes in tabellen

In tabellen staan de aanvinkvakjes en knoppen netjes onder elkaar uitgelijnd. Ze konden een paar pixels verspringen tussen de kopregel en de regels eronder, wat vooral opviel in lange lijsten.

Notitie weergave bij ingeschreven cursist/inschrijflijst

Notities bij een cursist worden voortaan getoond als een rustige lijst onder de regel, met om en om een lichte achtergrond, in plaats van als een tabel binnen een tabel. Achter de knop om ze te tonen staat meteen hoeveel notities er zijn, en het blok loopt over de volle breedte van de regel.

Zachtere interface elementen

Er een aantal kleinere verbeteringen aan de vormgeving doorgevoerd. Knoppen, tegels en blokken hebben nu overal dezelfde afronding, er passen zeven actieknoppen op een rij in plaats van zes, en de tekst op een knop wordt beter leesbaar wanneer je er met de muis overheen gaat.

Tot slot

Gebruik je in Windows of macOS de instelling om beweging te verminderen, dan worden deze overgangen automatisch overgeslagen.

Er verandert niets aan de werking van de schermen zelf: alle onderdelen blijven op dezelfde plek staan en doen hetzelfde als voorheen.