Centrum voor kennis en communicatie Concern communicatie Corporate communicatie Herman Gorterstraat 75 3511 EW Utrecht Postbus 18200 3501 CE Utrecht www.belastingdienst.nl Addendum Burgerportaal Contactpersoon Angelique Feitsema Senior communicatie advies Landelijke huisstijlcoördinator Belastingdienst T 030 275 45 52 M 06 1860 67 49 a.feitsema@belastingdienst.nl Colofon Dit is een uitgave van het UX team, Belastingdienst Centrum voor Kennis en Communicatie Dit addendum maakt deel uit van het totaal aan richtlijnen van de rijkshuisstijl. Kijk voor de richtlijnen als uitgangspunt en aanvullende richtlijnen op: www.rijkshuisstijl.nl Versienummer: 1.2 Datum: 4 april 2012 Locatie: Server UX Ontwerp: User Experience, Grafisch Ontwerp Auteur: Marion Smit Review: Angelique Feitsema Datum 8 juli 2013 Versie 1.2 Datum vaststelling 01 maart 2013 Vastgesteld door Angelique Feitsema Auteur Marion Smit Paul Rossel Kopie aan Marion Smit Paul Rossel Beheer Rijkshuisstijl BZK Historie van eerder gepubliceerde versies Versie 0.1 ter review aangeboden Versie 1.0 Goedkeuring huisstijl, 20 maart 2012 Versie 1.1 Update grid en contentindeling Versie 1.2 - Update grid ivm horizontale scrollbalk Pagina 1 van 10
Inhoudsopgave Colofon... 1 Inhoudsopgave... 2 Addendum Burgerportaal... 3 Header... 3 Het grid... 4 Domeinkleuren... 6 Achtergrondlaag en schaduwrand... 8 Content... 9 Pagina 2 van 10
Addendum Burgerportaal Voor het maken van een burgerportaal volgende we zoveel mogelijk de richtlijnen die zijn ontwikkeld voor de Rijkshuisstijl. In een aantal gevallen zijn er aanpassingen gedaan op de richtlijnen, die gelden als basis voor alle portalen die in de toekomst voor de Belastingdienst worden ontwikkeld. Tot op heden betreft het de ontwikkeling van Mijn Belastingdienst.nl. Met de ontwikkelingen van Mijn Toeslagen is er in het verleden rekening gehouden met de ontwikkelingen van de Rijkshuisstijl, maar visueel zullen er in de toekomst nog een aantal wijzigingen moeten plaatsvinden. Bij onderstaande aanpassingen die ontwikkeld worden, bijvoorbeeld voor Mijn Belastingdienst.nl, op de Rijkshuisstijl wordt ook rekening gehouden met de opbouw van Mijn Toeslagen. Header Bij de burgerportaal houden we de header aan zoals ontwikkeld voor een applicatie, waarbij er ruimte is voor de applicatienaam en inloggegevens. Voor een uitgebreide beschrijving, zie documentatie op de rijkshuisstijlwijzer: Algemene richtlijnen Applicaties (PDF), paragraaf Header uitgelicht. Header Mijn Belastingdienst.nl Pagina 3 van 10
Het grid Bij de ontwikkeling van het burgerportaal word er uitgegaan van het grid voor applicaties, zie Algemene richtlijnen Applicaties (PDF), paragraaf uitgebreid grid. Voor de visuele presentatie van de gegevens in een burgerportaal is er voor gekozen om naast de hoofdkolommen, een extra kolom toe te voegen die wel beschikbaar is conform het rijkshuisstijl grid maar volgens de richtlijnen niet word ingevuld. Deze beschikbare ruimte kan volledig worden benut door portalen, wat ten goede komt aan de hoeveelheid informatie die getoond dient te worden in bijvoorbeeld een applicatie, portaal of nodig is voor tabellen. Door toevoeging van deze extra kolom zou bij een beeldschermresolutie van 1024px een horizontale scrollbalk ontstaan. Om dit te voorkomen én om de tussenvorm tussen aplicatie en internet te visualiseren is ervoor gekozen om de verticale lijnen uit de contentlaag (8px schaduwrand) weg te laten en de 24px witruimte te reduceren naar 9 px. Hierdoor wordt de contentlaag 986px breed. Pagina 4 van 10
Grid Mijn Belastingdienst.nl met 4 hoofdkolommen en 1 extra kolom Pagina 5 van 10
Mijnbelastingdienst.nl Voor Mijnbelastingdienst.nl hanteren we de extra kolom nu aan de rechterkant, indien deze extra ruimte gewenst ivm persoonsgebonden content bij de 2 middelste hoofdkolommen, zal die ruimte daar worden benut. De rechter hoofdkolom zal dan terug gaan van 4 naar 3 kolommen. Domeinkleuren Voor de visuele ondersteuning van het burgerportaal en herkenning van de afzender sluiten we aan bij de kleurkeuze die is gemaakt voor het internet van de Belastingdienst. (www.belastingdienst.nl) Voor de drie domeinkleuren hanteren we de volgende hoofdkleuren en ondersteunende kleuren: Hoofdkleuren internet Fiscaal Pagina 6 van 10
Toeslagen Douane Pagina 7 van 10
Ondersteunende kleuren internet Achtergrondlaag en schaduwrand Applicaties bezitten in principe geen schaduwrand en worden niet geplaatst op een grijze achtergrondlaag. Aansluitend op de ontwikkelde portal van Mijn Toeslagen kan dit wel optioneel worden toegevoegd aan een burgerportal. Ook voor het gebruik van functionele links, die aansluiten bij de huidige internetsite kan dit een herkenbare oplossing bieden voor de gebruiker. Pagina 8 van 10
Portal Mijn Belastingdienst Functionele links in de achtergrondlaag Content Voor de content indeling houden we vast aan het feit dat tekst niet over meer dan 2 hoofdkolommen loopt in verband met de leesbaarheid. Tabellen, portlets, figuren, ed, kunnen wel gebruik maken van de 2 middelste hoofdkolommen en de toegevoegde extra kolom. Pagina 9 van 10
Content over 2 hoofdkolommen Tabel over 2 hoofdkolommen en 1 extra kolom Pagina 10 van 10