Strategie, Concept en Structuur van Bibliotheek.nl Naslag, versie 2.0 Uitgave Stichting Bibliotheek.nl 22 september 2011, samengesteld door Almar van der Krogt
Inhoudsopgave
1!
Inleiding
2!
Strategie
! ! !
2.1 Doelgroepen 2.2 Ambities 2.3 Positionering
5! !
Detailstructuur 5.1 Pagina templates
6! ! !
User Experience 6.1 Vorm 6.2 Interactie
5.1.1 Homepage 5.1.2 Thema 5.1.3 Overzicht 5.1.4 Titeldetail 5.1.5 Auteurdetail
! !
6.3 Tone of voice 6.4 Skinning
!
Woordverklaring
3!
Concept
! ! ! ! !
! !
3.1 White Label website 3.2 Widget store
! !
5.1.6 Content (subnavigatie) 5.1.7 Content (widgets)
4! !
Hoofdstructuur 4.1 Pagina types
!
5.2 Componenten
!
4.2 Navigatie
! ! ! ! !
5.2.1 Basis 5.2.2 Informatief 5.2.3 Exploratief 5.2.4 Sociaal 5.2.5 Content elementen
pg 2
1!
Inleiding
“De bibliotheek is in de kern een makelaar en schakelaar naar álle bronnen van kennis en cultuur – een openbare en toegankelijke schakel in de kennismaatschappij - een partner in levenslang leren, in persoonlijke ontwikkeling, en in reizen met de geest”
De bibliotheek zorgt voor een vrije toegang tot bronnen van kennis en cultuur. Ze is een partner in levenslang leren, in persoonlijke ontwikkeling, in
van alle goede non-fictie, van digitale content uit tijdschriften en kranten, toegang tot de relevante databases van cultuur- en wetenschapsinstellingen en
reizen met de geest.
maatschappelijke instellingen.
Deze kern, onze identiteit, is een moderne op het individu en de kenniseconomie toegesneden vertaling van het DNA waar we meer dan honderd jaar geleden
Dit document beschrijft de uitgangspunten en ontwerp-richtlijnen van Bibliotheek.nl en alle daarvan afgeleide websites, welke er op gericht zijn
mee gestart zijn en die zich in de woorden van toen laat vertalen als “verheffing van het volk”. Dat mag wellicht wat hoogdravend klinken, maar dat is het niet. We hebben de beschikking over alle in Nederland uitgegeven literatuur, speelfilms, muziek.
om deze bibliotheek functies optimaal te realiseren.
We hebben een ruime selectie aan bladmuziek en games. En we hebben een overdonderende selectie pg 3
2!
Strategie
“Een gezamenlijke webpresence voor openbare bibliotheken levert een kostenbesparing op en er ontstaat een grotere eenheid in de presentatie van de openbare bibliotheek op internet”
Op dit moment werken wij aan een gezamenlijke webpresence voor openbare bibliotheken. Dat betekent dat bibliotheken voor hun eigen website
site beheren, die gebaseerd is op een gezamenlijke template.
kunnen aansluiten bij het ontwerp en de technologie die worden gemaakt voor alle bibliotheken.
Dit levert een kostenbesparing op voor bibliotheken en hierdoor ontstaat er een grotere eenheid in de presentatie van de openbare bibliotheek op internet.
Uitgangspunt hierbij is de positionering van de bibliotheek als schatkamer en ontmoetingsplaats. De hieraan gekoppelde online strategie maakt gebruik van drie pijlers: zoeken & vinden, ontdekken & reizen, verzamelen & delen. Op termijn is het de bedoeling dat bibliotheken allemaal gebruik kunnen maken van een centraal CMS (Content Management Systeem), waarin zij hun eigen pg 4
2.1 Doelgroepen Jeugd
Cultuurgenieter
Dynamisch gezin
Jeugd
beleving
Cultuurgenieter
Starter en Student
De bibliotheek is er voor iedereen, maar om sturing te geven zijn er een aantal segmenten onderscheiden. De belangrijkste doelgroepen die hier uit voort zijn gekomen zijn beschreven volgens zogenaamde personaʼs. Personaʼs zijn een aantal typerende gebruikers. Doel is om bij het ontwerpen van Bibliotheek.nl rekening te houden met wijze waarop de persona de website het liefst zou gebruiken. Onderscheiden personaʼs: - Dynamisch gezin - Cultuurgenieter - Starter en Student - ZZP-er - Jeugd (5x) In het diagram is aangegeven hoe zij de bibliotheek voornamelijk zien.
Starter en Student
ZZP-er
Gerelateerde onderwerpen - Persona beschrijvingen + marktonderzoeken
pg 5
2.2 Ambities
Er zijn drie uitgangspunten in het ontwerp, gebaseerd op het type gebruik en op de essentie van ons merk. - Zoeken en vinden: direct, functioneel uitkomen waar je naar op zoek bent en en passant wat extra suggesties krijgen uit meerdere bronnen. De basisfuncties (site, pagina- en navigatiestructuur ) zijn helder en consistent. De taal is direct. De interactie functioneel. - Ontdekken en reizen – exploreren (Schatkamer): explorerend en ontdekkend komen er geheel nieuwe opties. Als gebruiker word je uitgedaagd, verrast en krijg je het gevoel steeds in een compleet nieuwe wereld te kunnen stappen. Er zijn verschillende werelden. De overgang is intuïtief en vloeiend. Er is een rijke interactie en beleving. - Verzamelen en delen: ontmoetingsplaats: je verzamelt je ideeën en ontdekkingen in lijstjes, geeft ze beoordelingen of acties mee, deelt ze met anderen, neemt ze mee naar andere sites (sociale media). Detail invulling op volgende pagina Gerelateerde onderwerpen -
pg 6
A`^[`WEfdSfWY[W Strategische ontwerpeisen waaraan Bibliotheek.nl moet voldoen om de internetambitie waar te maken.
Internetambitie Bibliotheek.nl 2011 Schatkamer en ontmoetingsplaats
De bibliotheek is een plek voor ontdekkingen, voor reizen met de geest.
De bibliotheek is een ontmoetingsplaats waar ervaringen en ideeën worden gedeeld met andere gebruikers. De bibliotheek maakt je een interessanter mens. (Geeft verhalen om te delen)
De bibliotheek is een plaats om je wereld te verbreden en jezelf te ontwikkelen.
2. Ontdekken en reizen (Schatkamer)
3. Verzamelen en delen (Ontmoetingsplaats)
Zonder overzicht en structuur is het lastig ontdekken en ontmoeten. De
In deze pijler worden de ontwerpregels beschreven die de kernbelofte
ontwerpregels die genoemd worden in deze pijler zijn basisvoorwaarde voor het
‘Ontmoetingsplaats’ realiseren
realiseren van de kernbelofte ‘Schatkamer en ontmoetingsplaats’ (pijler 2 en 3).
De gebruiker wordt uitgedaagd om verder te exploreren.
De gebruiker wordt verrast in zijn journey.
De gebruiker moet op basis van zijn behoeftes in zijn reis het gevoel krijgen
Bezoekers kunnen hun ontdekkingen verzamelen en vastleggen op lijstjes en deze lijstjes delen.
Gebruikers stimuleren elkaar om tot andere inzichten te komen. Op die manier wordt je uitgedaagd je blikveld te verruimen.
steeds in een compleet nieuwe wereld te kunnen stappen.
Ratings en reviews triggeren de gebruiker. Wat deden andere gebruikers?
De overgangen tussen de verschillende werelden moeten intuitief en vloeiend
Testimonials,verpakt in een spannende vorm, kunnen als gids dienen voor
zijn (switchen tussen verschillende thema’s).
=RUJYRRUJHQRHJDÀHLGLQJHQYHUPDDNWLMGHQVGHUHLV
Bij ontdekken hoort verbergen: content verrassend verpakken.
Ontdekken en reizen ondersteunen met rijke interactie en beleving (visuals,
bezoekers.
Bezoekers worden in de mogelijkheid gesteld rondom thema’s hun kennis en ervaringen te delen. De site moet een verzamelplaats van interessante en vernieuwende ideeen zijn.
video’s, short copy).
Wat je gevonden of ontdekt hebt tijdens je reis (lees: widgets) neem je mee naar plaatsen waar je vaak bent zoals Hyves, Facebook etcetera of deel je via andere middelen zoals magazines.
1. Zoeken en vinden (Functioneel) Zonder overzicht en structuur is het lastig ontdekken en ontmoeten. De ontwerpregels die genoemd worden in deze pijler zijn basisvoorwaarde voor het realiseren van de kernbelofte ‘Schatkamer en ontmoetingsplaats’ (pijler 2 en 3).
De basisfuncties (site, pagina- en navigatiestructuur ) zijn helder en consistent.
De behoeften van de bezoeker zijn leidend voor ingangen, taalgebruik en samen-
Informatie en functionaliteit moeten in positie en timing relevant zijn voor de gebruiker.
stelling van pagina content.
Pagina’s zijn goed scanbaar, het taalgebruik is helder en eenvoudig.
De site biedt hulp waar nodig in verschillende vormen (Virtuele Assistant).
De website past zich aan aan de behoeftes van de gebruiker bijvoorbeeld door middel van personaliseren en het aanbieden van verschillende weergaveopties.
pg 7
2.3 Positionering
We beschouwen de Bibliotheek misschien als een instituut, maar het is ook een merk. En een merk is geen naam, een product of logo, maar hoe je er over denkt en wat je er bij voelt; dus het merk ʻde Bibliotheekʼ is hoe je de Bibliotheek het ervaart. In het diagram is de essentie van de Bibliotheek weergegeven, wat tevens haar positie in de maatschappij bepaalt: een Schatkamer en een Ontmoetingsplaats.
Gerelateerde onderwerpen - Merkbeeld van de Bibliotheek
pg 8
3!
Concept
“In het huidige internet tijdperk is een uitgebreide, verzorgde website niet langer voldoende. Je moet je continu kunnen aanpassen en meebewegen met de gebruiker. Het gebruik van widgets maakt dit mogelijk.”
Bij de opzet van het nieuwe Bibliotheek.nl is gekozen voor een white label (ʻkaleʼ, aanpasbare) website met een modulaire structuur als basis welke door middel
Tot in de kleinste niche is het dus relatief simpel en goedkoop om met de behoeftes van de eindgebruiker mee te bewegen; een must in het
van widgets (kleine miniprogrammaatjes met een eigen 'scherm') ingevuld een uitgebreid kan worden.
huidige internet-tijdperk.
Deze opzet biedt eenheid in veelzijdigheid. Immers iedere instantie van de site zal verschillen door andere en nieuwe combinaties van widgets, met houvast voor de eindgebruiker door vaste structuren en interactieprincipes. Het concept van Bibliotheek.nl maakt het mogelijk om te variëren in gebruikers, themaʼs, regioʼs etc. en de widgets zijn uitwisselbaar, waardoor iedere innovatie het systeem versterkt. pg 9
3.1 White Label website
De website heeft een heldere structuur, is gemakkelijk aan te passen, met overzichtelijke thema's (Literatuurplein, Leesplein, etc), een keur aan bruikbare widgets (kleine miniprogrammaatjes met een eigen 'scherm') en lege standaardpagina's (templates). Het platform is volledig modulair opgebouwd. De lokale content krijgt alle ruimte en wordt automatisch verrijkt met het landelijke aanbod. De gehele collectie Nederland zal uiteindelijk beschikbaar zijn. De informatie wordt weergegeven via widgets. Deze widgets zijn multi-inzetbaar, naast elkaar en/of in verschillende pagina's, en toegespitst op welke speciale gebeurtenis dan ook. Tegelijkertijd kunt u ook volledig meeliften op landelijke initiatieven en diensten. Door de centrale basisstructuur is www.bibliotheek.nl geheel in lijn met de landelijke huisstijl, zowel in vorm en kleur, als in de wijze waarop de functies opgebouwd zijn.
Gerelateerde onderwerpen -
pg 10
3.2 Widget Store
De bibliotheek gebruikt de widgetstore voor het vullen van de eigen bibliotheekwebsite. Naast het afnemen van widgets, is de widgetstore ook een platform voor het uitwisselen en delen widgets. Een widget die door een bibliotheek gemaakt is, kan via de widgetstore aan andere bibliotheken aangeboden worden om ook op hun website te plaatsen.
Gerelateerde onderwerpen - Menukaart
pg 11
4!
Hoofdstructuur
“Structuur biedt houvast aan zowel de gebruiker als de beheerder. Door de site gestructureerd op te bouwen kunnen uitbreidingen sneller doorgevoerd worden en zal de eindgebruiker deze sneller kunnen begrijpen en hanteren.”
Om structuur en overzicht te bieden tijdens het ontwerpproces, zijn er een aantal basistemplates ontworpen die gebruikt kunnen worden om
De vaste templates en niveaus van templates zorgen voor een herkenbare navigatie, ook bij toekomstige uitbreidingen.
Bibliotheek.nl op te bouwen. De templates kunnen gebruikt worden voor het maken van landelijke en lokale paginaʼs. Er zijn 4 verschillende niveaus waarin deze templates gebruikt kunnen worden. Hoe dieper het niveau, des te meer ruimte er beschikbaar is voor content en detailinformatie. Hoe hoger het niveau, des te meer ruimte voor het bieden van overzicht en
Dit houdt zowel het beheer overzichtelijk en zorgt voor een snellere acceptatie door de eindgebruiker; immers nieuwe elementen wekken vertrouwen door overeenkomstig met de bestaande elementen te functioneren.
inspiratie.
pg 12
4.1 Pagina types
• De website bevat 4 verschillende niveaus:
1.
Homepage
Thema pagina
1. 2. 3. 4.
Overzicht
2.
Homepages Overzicht-paginaʼs Content-paginaʼs Profiel-paginaʼs
• Elk niveau heeft verschillende variaties • Variaties geven de paginaʼs een eigen karakter, maar in basis maken ze gebruik van hetzelfde template
Titeldetail
3.
4.
Auteurdetail
Content
Profiel
Gerelateerde onderwerpen - Interactie ontwerp
pg 13
4.2 Navigatie
Vanuit de homepage kan de bezoeker direct doorgaan naar (1) themapagina's (op basis van een gekozen thema), naar (2) overzichtspagina's (op basis van een zoekactie) of naar (3) een contentpagina (op basis van een geselecteerd boek, film, game, enzovoorts). Van elke type zijn er meerdere varianten. Vanzelfsprekend zijn er ook onderlinge verwijzingen (doorkliks) mogelijk. En voor alle duidelijkheid: ook op basis van widgets kun je terechtkomen op een van de bovengenoemde pagina's.
Gerelateerde onderwerpen - Interactie ontwerp
pg 14
5!
Detailstructuur
“Een modulaire structuur kenmerkt zich door het strikt doorvoeren van een aantal standaarden. Daardoor blijven alle elementen uitwisselbaar.”
De detailstructuur van de white label website van Bibliotheek.nl beschrijft de richtlijnen op pagina en op component niveau. Een component is een
verschillende componenten. Zo krijgt iedere pagina toch een eigen karakter.
functioneel onderdeel van een pagina, veelal een widget.
Er is een scala aan componenten dat uiteenloopt van navigatie elementen als tabbladen en footers tot complete functionele videoplayers en kaartgebaseerde data-presentaties. Deze uitgebreidere functies zijn ook op andere,
De paginaʼs hebben een vastgesteld stramien of grid om te waarborgen dat alle huidige en toekomstige componenten op de verschillende paginaʼs geplaatst kunnen worden. Ook biedt het houvast voor de eindgebruiker als gelijksoortige paginaʼs op vergelijkbare wijze zijn opgebouwd en bediend kunnen worden.
externe websites te plaatsen. Wanneer dit het geval is, is er sprake van widgets.
Binnen het stramien kan er veelvuldig gevarieerd worden door het plaatsen en combineren van pg 15
5.1 Pagina templates
Alle pagina templates kenmerken zich door een vooropgesteld stramien van kolom-indelingen met vaste en variabele elementen. De vaste, niet veranderbare, elementen waarborgen de herkenbaarheid van de specifieke pagina en Bibliotheek.nl als geheel. De variabele elementen bestaan uit componenten als menubalk, header en footer (beperkt veranderbaar) en uiteenlopende widgets welke onbeperkt gevarieerd en gecombineerd kunnen worden. Juist deze widgets en hun content zullen iedere pagina een eigen karakter geven. Let bij het inrichten van een pagina ook op de ʻfoldʼ, de plek tot waar de gemiddelde webbrowser de pagina initieel toont (zonder te scrollen). Kenmerkende widgets dienen zo mogelijk boven deze lijn geplaatst te worden.
Gerelateerde onderwerpen -
pg 16
5.1.1 Homepage
De homepage heeft een herkenbaar stramien. Het vaste deel in het sjabloon geeft de bezoeker direct het beeld van de bibliotheek als 'Schatkamer' met de mogelijkheid voor leden om geselecteerde onderdelen aan de eigen lijsten toe te voegen. Hier krijgt een bezoeker direct het beeld van de onmetelijke veelheid, van verrassende selecties. De inhoud van het getoonde kan overigens lokale content zijn en dus aan te passen door elke bibliotheek. Daaronder is ruimte voor verschillende widgets, zoals agenda, acties, nieuws, openingstijden en locaties, extra (thema-georiënteerd) aanbod, en nog veel meer. Deze widgets zijn naar eigen inzicht te herschikken. De (dubbele) menubalk geeft de mogelijkheid door te schakelen naar functies als inloggen, zoeken, en thema's. De footer geeft een opsomming van de belangrijkste shortcuts. In beide zijn een aantal onderdelen vast, maar is er ook enige redactionele vrijheid.
Gerelateerde onderwerpen - Menukaart
pg 17
5.1.1 Homepage (design impressie)
Deze design impressie toont een voorbeeld invulling van de homepage met vaste en variabele componenten volgens de huisstijl-richtlijnen. De uiteindelijke pagina(ʻs) kunnen op onderdelen afwijken.
Gerelateerde onderwerpen - Manual huisstijl online
pg 18
5.1.2 Thema (vgl. Homepage + skinning)
Er zijn in eerste instantie vier typen themapagina's. Elk type kan overigens weer verder verwijzen naar dieper liggende pagina's en/of gecombineerd worden met themapaginaʼs uit andere typen. - Collectiepagina's die gemaakt zijn door verschillende bibliotheken, bedoeld voor landelijk gebruik. Dat zijn bijvoorbeeld de themapagina's van de bèta-bibliotheken. - Pagina's voor speciale doelgroepen, zoals onderwijs, jeugd en bijvoorbeeld inhoudelijke thema's als literatuur (ons omgebouwde Literatuurplein). - Eigen, zelf samengestelde pagina's van een bibliotheek. Deze kunnen gedeeld worden met andere bibliotheken. - Eigen samengestelde, inhoudelijke pagina's van gelieerde (cultuur- en wetenschaps) organisaties. Dit zijn landelijke pagina's. Een themapagina bestaat uit enkele basiscomponenten (header, kolom met verfijningen en verbredingen van de zoekactie) en een zelf samen te stellen combinatie van widgets. De gebruikte widgets zijn veelal standaard-widgets, die met behulp van filters zijn toegespitst op het thema.
pg 19
5.1.2 Thema (design impressie 1-4)
Deze design impressie toont een voorbeeld invulling van een collectiepagina. De uiteindelijke pagina(ʻs) kunnen op onderdelen afwijken. Voorbeeld collecties: - De culinaire etalage (getoond) - Water - Duurzaamheid - Opvoeding en onderwijs - Betabieb
Gerelateerde onderwerpen - Zie www.digitale-etalages.nl
pg 20
5.1.2 Thema (design impressie 2-4)
Deze design impressie toont een voorbeeld invulling van een themapagina voor speciale doelgroepen. Dit is een concept voorbeeld voor de doelgroep Jeugd. Andere doelgroepen zijn bijvoorbeeld geïnteresseerden in literatuur, muziek, film, etc. De uiteindelijke pagina(ʻs) kunnen op onderdelen afwijken.
Gerelateerde onderwerpen -
pg 21
5.1.2 Thema (design impressie 3-4)
Deze design impressie (of eigenlijk mockup) toont een voorbeeld invulling van een door bibliotheek zelf samengestelde themapagina. De uiteindelijke pagina(ʻs) kunnen op onderdelen afwijken.
Gerelateerde onderwerpen -
pg 22
5.1.2 Thema (design impressie 4-4)
Deze design impressie toont een voorbeeld invulling van een widget van een gelieerde organisatie. Deze zou kunnen terugkomen op een door deze organisatie samengestelde themapagina of op andere paginaʼs.
Gerelateerde onderwerpen -
pg 23
5.1.3 Overzicht
De overzichtpagina-template wordt gebruikt voor alle samengestelde lijsten van content-items. Dit kan zijn het resultaat van een zoekopdracht of een voorgedefinieerde lijst (bijv. een top tien). Naast een tekstuele weergave (de lijst) is het ook mogelijk om een visuele weergave (meestal covers) te tonen. In het linker navigatie-menu is het altijd mogelijk om de lijst te verfijnen, door specifieke criteria toe te voegen, of te verbreden door bijv. gerelateerde items te combineren.
Gerelateerde onderwerpen -
pg 24
5.1.3 Overzicht (design impressie 1 - 2)
Deze design impressie toont een voorbeeld invulling van lijstweergave van een zoekresultaten-overzicht. De uiteindelijke pagina(ʻs) kunnen op onderdelen afwijken.
Gerelateerde onderwerpen -
pg 25
5.1.3 Overzicht (design impressie 2 - 2)
Deze design impressie toont een voorbeeld invulling van beeldweergave van een zoekresultatenoverzicht. De uiteindelijke pagina(ʻs) kunnen op onderdelen afwijken.
Gerelateerde onderwerpen -
pg 26
5.1.4 Titeldetail
De titeldetail pagina-template is exclusief voorbehouden aan de beschrijving van ieder object dat fysiek, danwel electronisch, bij de Bibliotheek geleend/geconsumeerd kunnen worden.
Gerelateerde onderwerpen -
pg 27
5.1.4 Titeldetail (design impressie)
Deze design impressie toont een voorbeeld invulling van titeldetail-pagina. De uiteindelijke pagina(ʻs) kunnen op onderdelen afwijken.
Gerelateerde onderwerpen -
pg 28
5.1.5 Auteurdetail
De auteurdetail pagina-template is exclusief voorbehouden aan de beschrijving van alle auteurs, artiesten, acteurs, regisseurs, componisten of andere creatievelingen die verbonden zijn aan de binnen de Bibliotheek beschikbare titels.
Gerelateerde onderwerpen -
pg 29
5.1.6 Content (met subnavigatie)
De contentpagina-template met subnavigatie wordt gebruikt voor alle inhoud die nog een substructuur bevat.
Gerelateerde onderwerpen -
pg 30
5.1.6 Content subnav (design impressie)
Deze design impressie toont een voorbeeld invulling van een contentpagina met subnavigatie (linkermenu). De uiteindelijke pagina(ʻs) kunnen op onderdelen afwijken.
Gerelateerde onderwerpen -
pg 31
5.1.7 Content (met widgets)
De contentpagina-template met widgets wordt gebruikt voor inhoud die op één pagina weergegeven kan worden (lengte is vrij). De pagina kan eventueel verrijkt worden door widgets met gerelateerde content toe te voegen.
Gerelateerde onderwerpen -
pg 32
5.1.7 Content widgets (design impressie)
Deze design impressie toont een voorbeeld invulling van een contentpagina met widgets (rechterkolom). De uiteindelijke pagina(ʻs) kunnen op onderdelen afwijken.
Gerelateerde onderwerpen -
pg 33
5.2 Componenten
Alle paginaʼs van Bibliotheek.nl kunnen gevuld worden met verschillende componenten. Dit zijn site elementen met een specifieke functie. We spreken van een widget wanneer het betreffende component ook op een externe site geplaatst kan worden. De componenten zijn geordend naar de pijlers (zie paragraaf 2.2) die ze ondersteunen.
Gerelateerde onderwerpen - Widgetstore / Menukaart
pg 34
5.2.1 Basis
De basiscomponenten zijn standaard aanwezig op alle paginaʼs van Bibliotheek.nl De belangrijkste voorbeelden zijn de header, de inlichtingenfunctie en de footer.
Gerelateerde onderwerpen -
pg 35
5.2.2 Informatief
De informatieve componenten ondersteunen de pijler ʻZoeken en vindenʼ. De belangrijkste voorbeelden zijn verwijzingen/ banners en actueel (met nieuws en agenda).
Gerelateerde onderwerpen -
pg 36
5.2.3 Exploratief
De exploratieve componenten ondersteunen de pijler ʻOntdekken en reizenʼ. De belangrijkste voorbeelden zijn de schatkamer, de tabbladen banner, aanwinsten, lijsten (bijv. top 10) en uitgelicht.
Gerelateerde onderwerpen -
pg 37
5.2.4 Sociaal
De sociale componenten ondersteunen de pijler ʻVerzamelen en delenʼ. De belangrijkste voorbeelden zijn knoppen en widgets van de verschillende sociale media (zoals Hyves, Facebook, Twitter en LinkedIn) en favorietenlijstjes.
Gerelateerde onderwerpen -
pg 38
5.2.5 Content elementen
Voor ieder specifiek type content (foto, geluid, video, kaart) zijn er specialistische componenten zodat een pagina zo optimaal en interactief mogelijk ingericht kan worden.
Gerelateerde onderwerpen -
pg 39
6!
User Experience
“Confusion and clutter are the failure of design, not the attributes of information” - Edward Tufte
De User Experience van Bibliotheek.nl is het geheel van stijl, visuele en interactie elementen die er voor zorgen dat het gebruik van de site optimaal verloopt.
Ten tweede bepaalt de interactie of een gebruiker door de hele site weet wat hij/zij moet doen en uitgedaagd wordt om iets nieuws te ondernemen.
De specifieke richtlijnen hiervoor zijn in detail uitgewerkt in de Manual Huisstijl Online. In de volgende paragrafen worden de hoofdlijnen hiervan aangestipt.
Hier sterk mee verbonden is de ʻtone of voiceʼ of aanspreekvorm. Dit bepaalt namelijk in sterke mate de uitstraling van de site en kan het digitale medium een persoonlijk karakter geven.
Ten eerste zijn dit de mogelijkheden en beperkingen bij het gebruik van kleuren en vormen. Alles is er hier op gericht om eenheid en duidelijkheid te bewaren.
Tot slot bestaat er de mogelijkheid tot ʻskinningʼ waarbij een site of pagina visuele toevoegen krijgt waardoor het een extra eigen karakter geeft.
pg 40
6.1 Vorm
De stijlvormen die gebruikt worden voor Bibliotheek.nl zijn in belangrijke mate ingegeven door het merkbeeld. Met dien verstande dat deze is geïnterpreteerd en aangepast met de mogelijkheden en beperkingen van het internet in het achterhoofd (bijv. ruimte, resolutie, fysieke beperkingen, etc.).
Gerelateerde onderwerpen - Manual huisstijl online
pg 41
6.2 Interactie
In de interactie zijn twee uitgangspunten essentieel: - Rijkdom (we hebben alles - en onder handbereik) en - Proeven / proberen Dat betekent: - dat de digitale bibliotheek steeds een grote rijkdom laat zien ("veel" en gevarieerd) - waarbij een paar aanraders helpen bij de selectie. - dat er voortdurend nieuwe en onbekende aanbevelingen zichtbaar zijn (met beoordelingen van leden en experts) En dat er (later) goede widgets bijkomen. De vertaling naar de vorm, uitstraling, toon van de paginaʼs en widgets is modern, vrolijk, levenslustig, toegankelijk en verrassend. Verrassende doorkijkjes en nieuwe combinaties.
Gerelateerde onderwerpen -
pg 42
6.3 Tone of voice Identiteit
Vrouwelijk - De bibliotheek is vrouwelijk. Zowel taalkundig als in haar opstelling en uitstraling: communicatief en betrokken.
Mogelijkheden
Uitgangspunt bieden –De focus ligt op alles wat mag en vooral kan. Niet bij voorbaat verbieden, mondeling of schriftelijk.
Actualiteit Up-to-date – Je houdt de media bij in brede zin en probeert feeling te houden met trends en tijdgeest. Je gebruikt de nieuwe spelling. Benadering Tegemoetkomend – Je bent behulpzaam, betrokken zonder informeel te zijn. Je speelt professioneel en vriendelijk in op wat de klant vraagt of opmerkt.
Een flink aantal stijl, grafische en tekstuele elementen zijn vastgelegd in het concept en de huisstijl. Echter de meeste communicatie zal nog tot stand gaan komen in het dagelijks gebruik. Daarom volgt hier een aantal uitgangspunten om de juiste toon aan te slaan.
Initiatief
Inspirerend – Je laat merken dat je betrokken bent bij je klanten door gevraagd én ongevraagd hulp te bieden en tips te geven. Vrijblijvend en niet opdringerig. Inhoud Vakkundig – Je weet waar je het over hebt en bent je bewust dat dit klanten houvast biedt. Je deskundigheid breng je naar buiten op een gelijkwaardige manier. Aanspreekvorm
Tweeledig – In alle communicatiematerialen gebruik je de jij-vorm. Bij direct aanspreken, ook schriftelijk, gebruik je de u-vorm. Voor doelgroepgerichte communicatie kan dit anders zijn. Taalgebruik Direct - Je verhaal is helder en to the point. Je wilt dat de klant je begrijpt en je vermijdt vaktermen waar dat kan.
Gerelateerde onderwerpen - Manual huisstijl online
pg 43
6.4 Skinning
Binnen de randvoorwaarden van de huisstijl is het mogelijk om paginaʼs ook visueel een eigen karakter te geven, bijvoorbeeld een specifieke foto achter de header. Dit heet skinning.
Gerelateerde onderwerpen - Manual huisstijl online
pg 44
Woordverklaring
Template Een template is een basissjabloon die gebruikt word om verschillende paginaʼs mee te kunnen maken. Bijvoorbeeld een overzicht template wordt gebruikt om een zoekresultaten pagina te maken, maar kan ook gebruikt worden om een nieuwsoverzichtpagina te maken. Componenten Componenten zijn onderdelen binnen “de Bibliotheek” omgeving die een vaste plek hebben op paginaʼs. Deze componenten kunnen niet gedeeld worden op externe paginaʼs zoals Hyves en Facebook. Widgets Wigets zijn flexibele onderdelen binnen “de Bibliotheek” omgevingen. De widegets kunnen zich op verschillende paginaʼs bevinden en kunnen ook op externe sites geplaatst worden. Tevens is het mogelijk om widgets te plaatsen op bijvoorbeeld Hyves en FaceBook.
Fixed Fixed elementen op de website hebben een vaste positie op de pagina. Deze moeten op de aangegeven plaatst komen. Content items Content items zijn bouwblokken om een pagina mee op de maken. Dit zijn de verschillende content blokken zoals een inleiding, paragraaf met en zonder afbeeldingen, videoplayer enz. Als er weinig gebruik gemaakt wordt van externe content zal het merkbeeld van ʻde Bibliotheekʼ sterk aanwezig zijn. Hoe meer externe content op een pagina, bijvoorbeeld in de vorm van externe widgets, des te meer het ʻde Bibliotheekʼ merkbeeld zal afnemen. Skinning Skinning is het grafische weergave van widgets en paginaʼs. Enkele grafische elementen van de pagina worden zo aangepast dat de pagina een specifieke uiterlijk krijgt. De digitale etalages maken gebruik van de homepage template met skinning om het een specifieke karakter te geven. pg 45