Verbeter de leesbaarheid van schema's in de mavim portal

Vraag:
Onze Mavim Portal gebruikers komen naar het Mavim Portal op verschillende typen devices die elk andere schermresoluties hebben. Voor sommige gebruikers is de content niet goed leesbaar. Hoe kan ik er voor zorgen dat dit voor zo veel mogelijk mensen zo goed mogelijk te lezen is?

Antwoord:
Het Mavim Portal is gebouwd met een Full HD (1920 x 1080) resolutie in gedachten en in de meeste gevallen is op deze resolutie de content goed zichtbaar. Toch kan het voorkomen dat jouw gebruikers de Portal bezoeken op devices met een lagere resolutie of dat je veel informatie wilt weergeven in bijvoorbeeld schema’s. 



In dit voorbeeld bestaat de daadwerkelijke content uit twee schema’s. Een startpagina aan de linker kant en een grijs / blauw schema aan de rechter kant. Als je goed kijkt zie je dat de informatie slechts een beperkt deel van het scherm gebruikt:



Om het Mavim Portal geschikt te maken voor zo veel mogelijk schermresoluties; raden wij aan het volgende te doen:

1. Zorg ervoor dat de Visio schema’s de juiste vorm hebben.
2. Stel de Mavim Portal zo in dat er veel ruimte is voor de content.
3. Leg gebruikers uit wat de optimale instellingen zijn.

Wij gaan deze tips hieronder in meer detail uitwerken:

1. Zorg ervoor dat de Visio schema’s de juiste vorm hebben
Dit is de meest effectieve manier om de ruimte op het scherm optimaal in te zetten.
De Visio schema’s in Mavim kunnen op een half scherm worden weergegeven; of op een heel scherm:

--------------------Half scherm ----------------------------------------Heel scherm -------------------------

Zoals je ziet in bovenstaand voorbeeld is het blauw/grijze schema in beide varianten goed leesbaar. In het hele scherm is er witruimte aan de rechterkant en in het halve scherm is er witruimte aan de onderkant. De startnavigatie die je links ziet op de tweede afbeelding is minder optimaal van vorm: Deze wordt in elkaar gedrukt wanneer deze in een half scherm wordt weergegeven. Je hebt als beheerder van het Mavim Portal geen invloed op hoe gebruikers van het Mavim Portal naar de content kijken. Daarom moet je met beide scenario’s rekening houden.
Door de juiste vorm te gebruiken kun je ruimte besparen op deze plekken:

De optimale vorm van een Visio schema volgt ongeveer een 4:3 beeldverhouding. Het schema moet dus iets breder zijn dan hoog; zoals je ook ziet in bovenstaand voorbeeld. 

2. Stel de Mavim Portal zo in dat er veel ruimte is voor content
Ook aan de bovenkant van de pagina kun je ruimte besparen. We gaan nu kijken naar dit gedeelte:


Ga naar Dashboard > Slotje > Mavim Portal Beheer > Algemeen om de volgende instellingen aan te passen:


Klik vervolgens op Bijwerken en vernieuw de Portal.
Zoals je ziet zijn nu de witte bovenbalk met het logo en de regel “Gepubliceerd op datum in versie versienaam” niet meer zichtbaar:


Focusweergave:



De knop Focusweergave kan worden gebruikt om de tabbladen voor een bepaald onderwerp weer te geven of te verbergen. Houd er rekening mee dat als u naar een nieuw onderwerp schakelt; de weergave opnieuw wordt ingesteld om tabbladen weer te geven.
Door &focus=true achter de startpagina URL toe te voegen zal een startpagina direct in de focusweergave getoond worden (dus bijvoorbeeld: https:/<portalURL>/Portal/Topic?webdcv=w28d10c173v1002&view=Description&source=d10c173v1002&page=0&maximize=true&latest=true&focus=true )

Door gebruik te maken van de overige instellingen in het Algemeen tabblad; kunnen er bijvoorbeeld ook knoppen worden verborgen die niet worden gebruikt. Hoewel dit geen direct effect heeft op de leesbaarheid; kan dit er wel voor zorgen dat de gebruiker gemakkelijker kan focussen op de content. 



3. Leg gebruikers uit wat de optimale instellingen zijn
Ziet het Portal er bij een bepaalde gebruiker nog steeds niet mooi uit? Dan raden wij aan de instellingen van de gebruiker te bekijken. In onderstaand voorbeeld is:

• De schermresolutie ingesteld op 1280x720; terwijl 1920x1080 wordt aangeraden.
• De zoom van de browser ingesteld op 125%.
• De favorietenbalk ingeschakeld.

Door deze niet-optimale instellingen verschijnen er scrollbalken en valt een deel van het schema buiten het scherm.


De zoomfactor van de browser kun je hier controleren:


De volgende instellingen raden wij aan:

• Browser: Een modern browser zoals Edge; Chrome; Opera; Firefox of Safari. Let op: Internet Explorer wordt niet meer ondersteund.
• Beelscherm grootte en scherpte: Op kleine netbooks; simpele tablets of oudere systemen kan kleine tekst moeilijker te lezen zijn.
• Resolutie (Beeldscherm instellingen): Minimaal 1920 x 1080.
• Tekengrootte (Beeldscherm instellingen): Maximaal 125%.
• Zoomfactor in de browser: 100%
• Favorietenbalk en andere toolbars: Uitgeschakeld
• Weergave: Maximaliseren; volledig scherm of app.

Tip: In Microsoft Edge is het mogelijk om websites als apps te installeren. Apps worden weergegeven als icoon in de startbalk van Windows en kunnen zo gemakkelijk worden geopend door op dat icoon te klikken. Zodra de app geopend is; heeft deze slechts een kleine menubalk en geen adresbalk; favorieten balk of andere toolbars:


Gebruikers kunnen apps aanmaken door naar de startpagina van de Mavim Portal te navigeren en vervolgens te kiezen voor Apps > Install this site as an app: