Spring naar inhoud
Inloggen

Verbeterde interface voor het CMS

Blog

Leestijd
3 min lezen
Datum

Vanwege het samengaan van Kirra en iWink hebben onze producten een nieuw uiterlijk gekregen. Behalve de nieuwe huisstijl hebben we ook verbeteringen aan de gebruikersinterface doorgevoerd in het CMS.

Auteur
Rudolf Bos
Functie
Product Owner iWink

Een opgefrist loginscherm

In ons platform worden alle accounts van onze gebruikers beheerd. Nieuwe gebruikers kunnen zich hier aanmelden en bestaande gebruikers kunnen hier inloggen, hun wachtwoord wijzigen of hun profiel aanpassen. De naam is gewijzigd van Kirra Platform naar iWink Login en deze omgeving draait nu op login.iwink.nl in plaats van op platform.kirra.nl. Naast de nieuwe naam zijn er ook diverse verbeteringen doorgevoerd in de gebruikersinterface.

Lees meer over de rebranding

Van Kirra naar iWink CMS

Ons CMS heet vanaf nu niet meer Kirra CMS, maar iWink CMS. (Wel is het CMS nog altijd te bereiken door "/kirra" achter de URL te plaatsen.)

We hebben deze update ook aangegrepen om verbeteringen door te voeren waardoor het werken met ons CMS effectiever wordt. De interface heeft een opfrisbeurt gekregen voor betere leesbaarheid en een helder uiterlijk. Ook hebben we diverse veranderingen doorgevoerd die de gebruikerservaring verbeteren.

Snel toegang tot eigenschappen

De grootste aanpassing is de nieuwe zijbalk aan de rechterkant. Op grote schermen (vanaf 1920 pixels breed) wordt het tabblad "Eigenschappen" verplaatst naar de rechterkant van het scherm, waardoor deze direct in beeld is. Hierdoor kunnen bijvoorbeeld eenvoudiger SEO-optimalisaties worden gedaan en wordt de gebruiker er steeds aan herinnerd om deze eigenschappen netjes in te vullen. Ook is de knop om de rechten van de pagina in te stellen van plaats veranderd. Deze stond eerst bovenaan naast de titel van de pagina en is nu ook verplaatst naar de eigenschappen.

Verbeterde bovenbalk

In de bovenbalk zijn drie onderdelen aangepast

  • Meldingen worden nu beter weergegeven – De meldingen worden overzichtelijker weergegeven. Nu is direct de complete melding te lezen in plaats van een compacte weergave waarbij alleen de eerste regel van de melding zichtbaar was.
  • De instellingenknop is verplaatst – De knop met het tandwiel is naar rechts verplaatst, naast de knop van de meldingen.
  • Opslaan-knop verplaatst – Deze primaire actie staat nu altijd rechts in de groep van koppen.

Vereenvoudigd uploadveld

Het uploaden van afbeeldingen of andere bestanden is een makkelijker geworden. De interface is compacter en de knoppen leiden nu minder af.

Sneller componenten toevoegen

Het toevoegen van componenten kan nu sneller dan voorheen. De drie meest gebruikte componenten kunnen altijd direct worden toegevoegd. Wil je een andere component toevoegen dan kan dat via het uitklaplijstje. Hiermee wordt het aantal clicks om componenten toe te voegen verminderd.

Flexcontainers

Bij de laatste update aan de flex-containers hebben we deze blauwe hendels gegeven op plekken waar nieuwe flex-containers aangemaakt of verwijderd kunnen worden. Deze zijn na een aantal testen iets minder prominent gemaakt, waardoor ze minder afleiden.

Diverse kleine verbeteringen

Tenslotte hebben we nog een aantal kleinere verbeteringen doorgevoerd:

  • Relaties worden compacter weergegeven.
  • Velden kunnen nu een breedte krijgen zodat ze naast elkaar kunnen worden getoond.
  • Diverse tekstuele verbeteringen om de gebruiker betere feedback te geven in het CMS.
  • Diverse placeholders in velden toegevoegd die de werking van een veld moeten verduidelijken.
  • Rustiger interface voor tekstvelden met opmaakmogelijkheden.
  • Betere hiërarchie van kleurgebruik in knoppen, om primaire en secundaire acties beter van elkaar te scheiden.
  • De voorbeeldweergaveknop bij formulieren is verwijderd, omdat van formulieren geen voorbeeld getoond kan worden.
  • Diverse snelheidsverbeteringen door het asynchroon en "lazy loaden" van lettertypes en afbeeldingen.