De nieuwe editor is live!

Editor BW

Na de update van het dashboard en de template pagina was nu de editor aan de beurt. De afgelopen weken hebben we alle feedback en ideeën verzameld en zijn we eens goed achter de tekentafel gaan zitten. De insteek van deze release was om het ‘self service’ gebruik van onze applicatie te optimaliseren.

Een nieuwe gebruiker moet in staat zijn om zonder uitvoerige instructies de applicatie volledig te kunnen gebruiken; van inloggen, bewerken van het document tot het downloaden van een cPDF. Belangrijk zijn logische opeenvolgende stappen voor de gebruiker (‘happy flow’),  hier & daar een tactische aanwijzing (‘tooltip’) en natuurlijke interactie met de pagina’s van de applicatie.

Uitgangspunten voor deze update van de editor:

- Volledig ‘self service’ gebruik van de applicatie
- Zo veel mogelijk ruimte voor de voorvertoning van de template
- Logisch stappenproces voor het bewerken van een document

 

Voor de navigatie in de editor hebben we gekozen voor een duidelijke werkbalk aan de bovenkant van de pagina. Hier zijn de verschillende functies van de editor samen gebracht. Deze werkbalk maakt het ook mogelijk om hier in de toekomst nieuwe functies aan toe te voegen. Hieronder zie je een video van 90 sec met alle nieuwe functies en een complete ‘walkthrough’ met screenshots.
 

 

Het eindresultaat:

Alle updates op een rij met een reeks screenshots:

1. Nieuwe tekst & beeld toevoegen

De knop om nieuwe tekst & beeld toe te voegen is verplaatst naar de werkbalk aan de bovenzijde in de vorm van een plus icoon +.

2. Invoer velden altijd in beeld

Bij het bewerken van het document blijven de invoer velden nu altijd in beeld en wordt de voorvertoning direct ge-update. Ook zie je een referentie tussen het invoerveld en de tekst in de voorvertoning door middel van een gele ‘highlight’.

3. Nieuwe afbeeldingen uploaden

Om nieuwe afbeeldingen in het document te uploaden gebruik je het icoon links onder de invoer velden. Vervolgens worden de beelden getoond in het paneel daarboven.

4. De producten bibliotheek

Onder de invoer velden wordt de ingevoerde tekst & beeld automatisch opgeslagen als een product. Deze bibliotheek blijft nu altijd in beeld en direct ge-update zodra je op ‘Bewaren’ klikt.

5. Account beheer

De functies ‘Account bewerken’ en ‘Producten verwijderen’ zijn ook naar de werkbalk verplaatst. Vanuit deze 2 knoppen kom je in een venster waar je bedrijfsgegevens kunt bewerken en ingevoerde producten uit je bibliotheek kunt verwijderen.

6. Klaar!

Wanneer je klaar bent met bewerken is kun je verder gaan door op ‘volgende stap’ te klikken. Vervolgens word er een drukklaar document gegenereerd en kan je de cPDF downloaden vanuit het dashboard.

- De editor wanneer je als gebruiker voor het eerst binnenkomt:


- Bewerk tekst & beeld in je document:


- Het bewerken van beelden in je document:

- Het beheren van je account gegevens: