Het maken van een aangepaste opmaak voor uw instelling is een directe manier om uw logo, kleuren en belangrijke informatie weer te geven aan uw gebruikers. Een aangepaste opmaak communiceert het karakter, de stem, de belofte en diensten van je instelling. U kunt kiezen uit allerlei manieren om uw opmaak aan te passen, variërend van eenvoudig tot complex.

Bepaal eerst wat u wilt gaan aanpassen en hoe u dit wilt doen.

  • Stel vast welke aanpassingen in uw situatie wenselijk zijn en kies vervolgens de beste en eenvoudigste methode om deze te realiseren. Je hoeft bijvoorbeeld geen aangepast thema voor het systeem te maken als je alleen de kleuren en het logo van je instelling wilt toevoegen. Wijzig kleuren en voeg een logo toe door je standaardopmaak aan te passen.
  • Doe onderzoek naar de identiteit van de instelling, zodat je rekening kunt houden met officiële richtlijnen voor het gebruik van opmaak en stijl.
  • Maak mockups als u een aangepaste versie gaat maken van de aanmeldingspagina, toegangspagina en systeemthema.
  • Plan voldoende tijd in voor het ontwerpen, ontwikkelen en testen van aangepaste paletten en thema's.
  • Stel een plan op voor de kwaliteitsborging en het onderhoud van aangepaste systeemthema's.

Aangepaste aanmeldingspagina en toegangspagina

Aangepaste aanmeldingspagina - Een eenvoudige manier om te beginnen met het aanpassen van de opmaak is het personaliseren van de aanmeldingspagina. De aanmeldingspagina bestaat uit één bestand met een eigen CSS en vrijwel alle bewerkbare code. Het aanpassen van het ontwerp van de aanmeldingspagina heeft geen gevolgen voor de rest van de toepassing en de impact van de wijziging is dus beperkt. Ervaring met HTML en CSS is noodzakelijk om de aanmeldingspagina aan te passen. Ook moet worden bepaald waar eventuele afbeeldingen worden opgeslagen. Als je meer wilt weten, raadpleeg je De aanmeldingspagina aanpassen.

Toegangspagina: de toegangspagina is de eerste webpagina die gebruikers zien wanneer ze Blackboard openen (tenzij deze optie wordt omzeild). U kunt een eigen welkomstbericht en afbeelding toevoegen, evenals modules met belangrijke en tijdgevoelige informatie. Er is enige kennis van HTML en CSS nodig om aangepaste modules te maken. Als je meer wilt weten, raadpleeg je Modules en De toegangspagina aanpassen.

Aanbevolen procedures voor het ontwerpen van een portaalpagina

Een portaalpagina, zoals de pagina Mijn instelling, is vaak de eerste pagina die een gebruiker ziet na het openen van Blackboard Learn. Het zorgvuldig ontwerpen en rangschikken van de module-inhoud op deze pagina kan een versterking van de identiteit van de school betekenen, maar ook een verbeterde gebruikerservaring. Er zijn twee algemene stappen om dit te bereiken:

  1. Neem alle inhoud van de module door om er zeker van te zijn dat deze niet conflicteert met de nieuwe opmaak. Probeer bij het ontwerpen van de module-inhoud de conventies te volgen van het gebruikte thema en palet. Codeer de module met HTML als dat mogelijk is, zodat de moduletekst kan worden aangepast door de kleur- en lettertypestijlen die zijn vastgelegd in uw thema en palet. Soms worden modules gekenmerkt door één grote afbeelding (vergelijkbaar met een banner-advertentie op een website) om een signaal af te geven. Afbeeldingen zorgen ervoor dat een pagina gaat leven, maar soms past het uiterlijk van een "banner", compleet met koptekst, alineatekst en grafische elementen, niet bij het thema en de kleuren van je opmaak. Het toepassen van HTML zorgt ervoor dat de module flexibel is en dat het formaat van de inhoud wordt aangepast als het browservenster wordt verkleind of vergroot.
  2. Probeer een visuele hiërarchie te definiëren, zodat gebruikers de pagina eenvoudig kunnen scannen en snel de gewenste inhoud vinden. Dit is natuurlijk makkelijker gezegd dan gedaan. Het feit dat een portaal vaak verschillende modules met diverse inhoud bevat, betekent dat de pagina moet voorzien in de behoeften van allerlei interne belanghebbenden. Soms wil iedere belanghebbenden dat zijn of haar materiaal prominent wordt aangeboden. Als alle modules echter even prominent worden weergegeven, is het meestal zo dat geen van de modules opvalt en de gebruiker in verwarring achterblijft. Probeer de pagina holistisch voor te stellen, en orden de modules zo dat primaire inhoud eenvoudig kan worden gevonden door de gebruiker.

De andere aanbevolen procedures die van toepassing zijn op het ontwerpen van een portaalpagina zijn niet specifiek voor dit type pagina. Het gaat dan om procedures die u mogelijk al hebt overwogen tijdens het definiëren van het uiterlijk van uw opmaak.

Toegankelijkheid

  • Gebruik geschikte contrastverhoudingen
  • Maak tekst leesbaar door geschikte lettertypen, tekengrootten en regelafstanden te kiezen
  • Voorkom het gebruik van afbeeldingen voor tekst
  • Voorkom achtergronden met een textuur
  • Zorg ervoor dat koppelingen betekenisvolle namen hebben in plaats van 'klik hier'
  • Plaats koppelingen naar W3C en onze pagina's over toegankelijkheid

Esthetiek

  • Gebruik kleuren die aansluiten bij uw opmaak en thema
  • Gebruik eenvoudig leesbare lettertypen
  • Gebruik hoogwaardige grafische elementen
  • Orden modules zo dat ze de pagina vullen
  • Maak een visuele hiërarchie zodat inhoud snel kan worden gescand
  • Voorkom een drukke, onrustige, overvolle pagina-indeling/-layout
  • Vernieuw de inhoud van de pagina regelmatig
  • Pas indien mogelijk Responsive Design-technieken toe zodat de inhoud dynamisch wordt aangepast aan verschillende schermresoluties.

Als je de standaardopmaak van Learn-modules te beperkt vindt, kun je de portaalpagina bewerken zodat deze één kolom gebruikt die door slechts één HTML-module wordt gevuld. Je kunt de aangepaste HTML in de module bewerken met elke gewenste opmaak, zodat deze overeenkomt met trends op andere indexpagina's.

Besturingselementen van de grafische gebruikersinterface (GUI)

GUI-bediening: je kunt eenvoudig de uitstraling van je opmaak veranderen door kleuren en lay-outopties te selecteren voor je Learn-installatie. U hebt de volgende mogelijkheden:

  • De kleur van een beperkte set UI-elementen wijzigen
  • Een logo-afbeelding opgeven en deze gebruiken als koppeling naar een specifieke URL
  • De tabbladkleuren en layout-opties voor het systeem selecteren

Deze wijzigingen kunt u aanbrengen zonder kennis van HTML of CSS. Je kunt de aanpassingen bekijken in het voorbeeldvenster voordat je de wijzigingen doorvoert op het hele systeem. Alle kleurselecties kun je voor later gebruik opslaan als een kleurenpalet.

Kleurenpalet en systeemthema

Kleurenpalet: Blackboard Learn beschikt over verschillende kleurenpaletten. Je kunt een van deze paletten selecteren voor je standaardopmaak. Je kunt de kleuren in het palet wijzigen via de UI of je kunt het palet downloaden en wijzigingen aanbrengen met een teksteditor of CSS-editor.

Systeemthema: het systeemthema is de CSS-laag die de uitstraling van je instelling bepaalt. Je kunt een thema van Blackboard Learn gebruiken of zelf een thema ontwerpen. De eenvoudigste manier om zelf een thema te maken, is een bestaand thema te downloaden en dit als een sjabloon te gebruiken. Wijzigingen kun je aanbrengen met een teksteditor of CSS-editor.

Aangepast kleurenpalet

Aangepast kleurenpalet: pas je gebruikersinterface nog meer aan door je eigen kleurenpalet te maken zodat deze overeenkomt met de kleuren, het logo of opmaak van je instelling. Blackboard Learn wordt geleverd met verschillende kleurenpaletten waarmee je verschillende kleuren kunt toepassen op het systeem. U kunt een bestaand kleurenpalet bewerken en aanpassen aan uw specifieke wensen.

Aanbevolen procedures voor het ontwerpen van een aangepast kleurenpalet

Houd rekening met de volgende 'best practices' bij het selecteren van kleuren voor uw aangepaste kleurenpalet.

  • Gebruik kleuren die overeenkomen met de huisstijl van de instelling. Neem de stijlhandleiding van de instelling door voor voorgeschreven kleuren. Zorg ervoor dat de gekozen kleurencombinaties in een kleurenschema passen dat geschikt is voor gebruik in de UI.
  • Zorg ervoor dat de kleuren die je kiest bij elkaar passen en een visueel harmonieus geheel vormen. Color Matters is een goede website als je meer te weten wilt komen over monochromatische, overeenkomende en complementaire kleurenschema's. Als je meer kennis hebt van kleurtheorie, kun je gemakkelijker kleuren selecteren die goed aansluiten bij de huisstijl van de instelling.

Aangepast systeemthema

Aangepast systeemthema: je kunt de gebruikersinterface van de Learn-installatie van je instelling volledig wijzigen door een aangepast systeemthema te maken. Dit is de duurste en meest complexe aanpassingsmethode omdat er meer dan 12.000 regels code moeten worden gecontroleerd en aangepast. Het is de beste optie om de UI van Blackboard Learn volledig in overeenstemming te brengen met de huisstijl van de instelling, maar hiervoor moeten tests worden uitgevoerd bij elke nieuwe release van Learn.

Aanbevolen procedures voor het ontwerpen van een aangepast systeemthema

Het ontwerpen van een aangepast systeemthema is een complexe aangelegenheid en kan nooit worden beschouwd als een deelproject. Er is heel veel kennis van CSS en DOM nodig. Daarnaast moet u een ontwikkelomgeving hebben voor het ontwikkelen, testen en onderhouden van het thema.

  • Kleuren - Doe onderzoek naar de huisstijl van de instelling. De kans is groot dat er een stijlhandleiding is met richtlijnen voor het kleurgebruik. Zorg ervoor dat de gekozen kleurencombinaties in een kleurenschema passen dat geschikt is voor gebruik in de UI.
  • Kleurharmonie - Een algemene kennis van monochromatische, analoge en complementaire kleurenschema's maakt het eenvoudiger kleuren te selecteren die goed combineren en passen bij de instelling.
  • Toegankelijkheidsvereisten - Kennis van zaken is heel belangrijk om een systeemthema te ontwikkelen dat voldoende contrast heeft en verder ook goed zichtbaar is.
  • Lettertypen - Je kunt verschillende lettertypen gebruiken in je opmaak. Test lettertypen om er zeker van te zijn dat ze in verschillende besturingssystemen kunnen worden weergegeven. U kunt ook aangepaste lettertypen gebruiken door hiernaar in het thema te verwijzen met een regel @font-face. Controleer of aangepaste lettertypen ondersteuning bieden voor de talen waarin u lesgeeft.
  • Pictogrammen - Je kunt het ontwerp van bepaalde pictogrammen of symbolen aanpassen en deze binnen de toepassing als achtergrondafbeeldingen gebruiken.

Aangepaste systeemthema's en Building Blocks

Als je een aangepast systeemthema hebt, kan het handig zijn om deze aanpassingen ook te gebruiken voor nieuwe pagina's die worden toegevoegd aan een Building Block. Niet alle Building Blocks hebben hun eigen, tool-specifieke opmaakmodellen, maar sommige wel.

In het configuratiescherm voor systeembeheer kun je zien of er voor een Building Block tool-specifieke opmaakmodellen beschikbaar zijn. Selecteer in het gedeelte Integraties Building Blocks en vervolgens Geïnstalleerde tools. Open het menu van een weergegeven Building Block en selecteer Componenten weergeven. Als het Building Block tool-specifieke opmaakmodellen bevat voor één van de standaardthema's van Learn, worden de handles van het thema op deze pagina vermeld.

Verschillende opmaken voor dezelfde installatie van Learn

Je kunt verschillende opmaken of huisstijlen maken voor verschillende groepen gebruikers, gebaseerd op hun rol in het systeem. Je moet aangepaste hostnamen maken als je in één instantie van Learn meerdere opmaken wilt gebruiken.