Toelichting Release notes Vernieuwde back-end van het CMS
29 januari 2015
2
Toelichting Release notes Error! Unknown document property name.| 29 januari 2015
Inleiding release notes In deze update van het kañooh webplatform zit maanden werk verweven. Onze developers ontwikkelden in samenwerking met de UX-designer een compleet vernieuwde back-end voor het CMS. Het totaal van deze aanpassingen betekent een aanzienlijke uitbreiding van de gebruiksvriendelijkheid. Met het gebruik van heldere kleuren en intuïtieve knoppen wordt werken aan je website een pak gemakkelijker. In deze release notes lees je wat er precies veranderd is en hoe dit het gebruik van het CMS beïnvloedt.
Let wel De vernieuwing is nog niet afgerond. Vooral op bepaalde gebruiksprocessen staan we nog maar aan het begin. We zijn nog volop efficiëntere en kortere workflows aan het ontwikkelen. Maar er komen ook nog visuele verbeteringen aan. Het dashboard, de Paddle Store en de Theme Store zien er binnenkort helemaal anders uit. Hou de volgende release notes dus zeker in het oog.
Verder in deze release:
Algemene wijzigingen Pagina’s beheren Inhoud toevoegen o Pagina’s o Afbeeldingen en bestanden o Mediatheek Pagina’s bewerken Structuur en Taxonomie
Voor kañooh staan performantie en kwaliteit voorop. Alle tickets in deze release zijn onderworpen aan onze uitgebreide testprocedures en hebben de verschillende stadia succesvol doorlopen. Hier kan je terecht voor een uitgebreide beschrijving van onze testingprocedures. Heb je vragen of wens je meer informatie? Stuur een mailtje naar
[email protected].
3
Algemene wijzigingen De wijzigingen aan de back-end van jullie website zijn reeds zichtbaar aan het vernieuwde login scherm. De donkere wolken maakten plaats voor een veelbelovend landschap. Er prijkt een heldere afbeelding met transparante velden. Het aantal knoppen is gereduceerd van 3 naar 1: ‘Inloggen’.
Zodra je hebt ingelogd, kom je op het dashboard terecht en vallen direct het nieuwe lettertype en kleurgebruik op. De groene menubalk bovenaan is sticky, wat wil zeggen dat deze niet uit beeld gaat wanneer je naar beneden scrolt. Er hoeft dus ook niet terug naar boven worden gescrold om te navigeren in de back-end.
In de vernieuwde back-end springt ook de lichtgroene menubalk bovenaan direct in het oog. Deze is groter en breder uitgelijnd. Je ziet in een oogopslag waar je je bevindt in het beheer van je website. Bovendien is er ook een zoekfunctie in de menubalk geïntegreerd, waarin je steeds inhoud in jouw website kan terugvinden, ongeacht de pagina waar je aan het werken bent. De werkruimte van de back-end oogt ook ruimer dankzij de grotere bladspiegel. We trachten de volledige lengte en breedte van het scherm te benutten en lieten de grijze achtergrond achterwege. Aan een kañooh website werken moet ook voor mensen met een beperking mogelijk zijn. Net omdat toegankelijkheid zo belangrijk is, luisteren we naar de adviezen en richtlijnen van AnySurfer. Zo kunnen sinds deze nieuwe update ook redacteurs die enkel met het toetsenbord werken moeiteloos aanpassingen doorvoeren. Met de tab + enter navigeer je tussen verschillende pagina’s, met de pijltjes kan je vb. menu-items verplaatsen bij ‘Structuur’. Toetsenbordtoegankelijkheid is een feit!
Het lettertype Er is gekozen voor het lettertype ‘Source Sans Pro’ dat gekend staat als een professioneel web font. Het is speciaal ontwikkeld voor user interfaces en Content Management Systemen. Het is goed leesbaar in alle stijlen, vetgedrukt, italic, groot en klein. We zien hier nog verbeteringen mogelijk en zullen deze geleidelijk verder doorvoeren.
4
Toelichting Release notes Error! Unknown document property name.| 29 januari 2015
Pagina’s beheren Om een pagina aan te passen vanuit de front-end van je website, moet je niet langer naar het klein kruisje rechts bovenaan zoeken. In de groene balk bovenaan klik je op ‘Pagina aanpassen’, dat mooi in het midden staat. In deze balk zie je vanuit de bezoekersweergave rechts wie er is ingelogd en links kan je naar het dashboard gaan.
Ook in de back-end is de ‘beheer inhoud’-pagina behoorlijk aangepast. Eerst en vooral is de zoekfunctie steeds ingeklapt, de meest gebruikte zoekvelden ‘Titel’ en ‘Paginatype’ primeren. Uiteraard is er steeds mogelijkheid om geavanceerd te zoeken.
De linkse kolom op het overzicht om te filteren op de verschillende statussen van een pagina is hier weggelaten. Wil je een overzicht van vb. de concepten, dan kan je deze filteren via geavanceerd zoeken. De paginalijst bij Paginabeheer blijft chronologisch geordend op ‘Laatst gewijzigd’. De mogelijkheid om de paginavolgorde te wijzigen blijft onveranderd. Nieuw bij ‘Pagina’s beheren’ is het feit dat de paginatitels klikbaar zijn, waardoor je vlot naar de front-end van een pagina gaat. De actieknoppen rechts zijn ingekort en functioneler. Je kan gemakkelijk doorklikken naar ‘Pagina inhoud en opties’ of ‘Pagina regio’s’, de twee meest gebruikte knoppen hier. Via het plusteken kan je ook nog naar het ‘Pagina overzicht’ gaan, de pagina weergeven of verwijderen. Ook hier hielden we rekening met intuïtiviteit en het kunnen aanpassen van inhoud zonder omwegen.
5
Inhoud toevoegen Pagina’s Een kañooh website kan je ook aanvullen met nieuwe pagina’s. Om nieuwe inhoud toe te voegen aan je website ga je naar ‘Inhoud’ > ‘Inhoud toevoegen’. Je zal zien dat ook hier heel wat is veranderd. Eerst en vooral zijn de paginatypes voorzien van een woordje uitleg. Het hele kader met icoon en uitleg is klikbaar en verwijst je door naar de volgende stap. De middelste kolom springt uit het oog en helpt je de juiste regiostructuur voor je nieuwe overzichtspagina te kiezen.
Let op: De zichtbare paginatypes hangen af van wat je in de Paddle Store geïnstalleerd hebt!
Afbeeldingen en bestanden Tenslotte is het via deze pagina ook mogelijk om afbeeldingen en bestanden toe te voegen aan de mediatheek. Eens deze aangemaakt zijn, bestaan ze in de mediatheek en kan je ze op elk paginatype toevoegen. Nadat je via deze weg een bestand hebt toegevoegd, kom je automatisch terug op ‘Inhoud toevoegen’.
Mediatheek De mediatheek blijft na deze update vrijwel identiek. Wel zijn de voordelen van de algemene wijzigingen, zoals lettertype en heldere kleuren, zeer merkbaar. Navigeren binnen de mediatheek en het beheren van bestanden, zal een pak vlotter lopen.
6
Toelichting Release notes Error! Unknown document property name.| 29 januari 2015
Pagina’s bewerken Het functionele gebruik van kleuren is een belangrijke verbetering. Naast de groene menubalk werden ook de actieknoppen bovenaan een bewerkingspagina geüpdatet. Deze contextual toolbar is dankzij de variatie in kleur intuïtiever en vooral duidelijker in gebruik. Bovendien heeft iedere kleur een betekenis, die je overal in het CMS kan toepassen:
Blauw
Oranje
Rood
Lichtblauw
Grijs
Wit
Algemene handeling zoals het creëren en aanpassen van inhoud.
Cruciale handeling die een impact heeft op de inhoud van je website, zoals het bewaren of publiceren van inhoud. Waarschuwing voor definitieve gevolgen, zoals het verwijderen van inhoud.
Neutrale handelingen die geen gevolgen hebben, zoals een preview bekijken.
Het annuleren van een handeling
Knop met dropdown, een onderliggend menu klapt open zodra je over deze knop navigeert.
Ook de ‘Parkeren’-status werd uit de workflow gehaald en de bijhorende ‘Parkeren’-knop verdween daarmee uit de contextual toolbar.. Hiermee was het mogelijk om niet gepubliceerde pagina’s tijdelijk on hold te zetten. Gezien de geringe meerwaarde van deze knop voor de gebruikers, is besloten deze status weg te laten.
7
Structuur en Taxonomie In de back-end bij ‘Structuur’ en ‘Taxonomie’ vallen de nieuwe knoppen bovenaan al gauw op. De kleuren van de knoppen om menu-items en trefwoorden toe te voegen of te bewerken variëren. Meer uitleg over het gebruik van kleuren lees je bij ‘Pagina’s bewerken’. Sinds deze release oogt de lay-out van ‘Structuur’ en ‘Taxonomie’ helder en duidelijk, mede dankzij het lettertype Source Sans Pro. De linkerkolom is nog een element dat aangepast moet worden. Bij ‘Structuur’ zijn de menu-items in de lijst doorklikbaar, waardoor je vlot naar de bezoekersweergave van een pagina gaat. De actieknoppen rechts bleven naast een frisser blauw kleurtje identiek.
