TheaterEncyclopedie:Vormgeving TheaterEncyclopedie (2017)

Uit TheaterEncyclopedie
Ga naar: navigatie, zoeken

<< Terug naar de projectpagina Vormgeving

Deze pagina beschrijft de (gewenste) vormgeving van de TheaterEncyclopedie. Deze lijst is opgesteld binnen het Project technische verbetering TheaterEncyclopedie.

In 2019 is een vervolg gemaakt aan deze ontwikkelingen, gericht op zoekfunctionaliteit en portalen; zie hiervoor Vormgeving TheaterEncyclopedie (2019).

Richtlijnen & uitgangspunten

  • Het ontwerp van de website moet - voor zover relevant - voldoen aan het Handboek Huisstijl (uva_manual_170531.pdf)
  • De kleurstelling moet aansluiten bij de kleurstelling voor de faculteit van Geesteswetenschappen.
  • Mobile-first benadering; nu en in de toekomst zal het aantal bezoekers en bezoeken vanaf een (klein) mobiel scherm de overhand hebben.
  • Responsive web design - de layout past zich automatisch aan aan de schermgrootte.
  • Gebruik van MediaWiki-skin op basis van bewezen, main stream technologie voor toekomstvastheid
  • Vormgeving (code) bij voorkeur niet in de content opnemen, maar in Sjablonen

Wensen & eisen

Dit is een “levende lijst” van wensen en eisen, gebaseerd op discussies en concepten die zijn geproduceerd binnen de projectteam van het Project Technische verbetering TheaterEncyclopedie.

  • Sterk vereenvoudigen van de hoofdpagina (= landingspagina)
    • Voorkomen visuele “overload” (slider / diacarrousel, promotionele logo’s, galeries)
    • Vereenvoudigde navigatie (menu’s, footer)
    • Verkorte teksten
  • Concentratie op integratie en gebruik (beperkt aantal) Sociale Media (m.n. Facebook en Twitter)
  • Focus op bezoekers (met mobiel), die een zoekopdracht uitvoeren op de TE of via een zoekopdracht (deeplink) op TE landen.
    • Prioriteit geven aan (beperkte) visuele informatie (bijv. foto van acteur, theater etc.)
    • Gedoseerd informatieaanbod (geen lange teksten)
    • Nadruk op heldere navigatie
  • Auteurs / redacteurs / beheerders faciliteren om efficient te werken aan nieuwe en bestaande content
    • “Clutter free” werkruimte (geen slider / carrousel e.d.)
    • Uitgebreide maar heldere en consistente menustructuur
    • Wysiwig c.q. Visual Editor mogelijkheden voor “on-page” editing
    • Focus op desktop weergave
  • Prominenter werven van kandidaat auteurs (inclusief “ego-auteurs”?)
  • Prominenter werven van geregistreerde leden (volgers Sociale Media, mailinglijst, e.d.?)
  • NB: Doelgroep “wetenschappelijk onderzoekers” valt vooralsnog buiten de doelgroep van de TE
  • Overigen:
    • Mogelijkheid bieden tot afdrukken van pagina’s

Via de discussiepagina kunnen bestaande en nieuwe wensen besproken en aangevuld of gewijzigd worden.

Keuze van skin

Als basis voor de vormgeving is gekozen om gebruik te gaan maken van een “skin” (ook wel “thema” genoemd). Om tot een keuze te komen zijn vijftal skins geëvalueerd; belangrijke criteria voor de beoordeling zijn:

  • Stabiliteit & onderhoud status
  • Verspreiding gebruik & beschikbare documentatie en ondersteuning
  • Responsiviteit van het ontwerp
  • Ondersteuning Semantic MediaWiki

Hieronder een summiere samenvatting van beoordeling en keuze.

Skin Opmerkingen
Vector Minder geschikt voor mobiel
Foreground Minder gangbaar platform
Tweeki Goed toepasbaar - zie bijvoorbeeld Beeld & geluid wiki
Chameleon Goed toepasbaar, veel gebruikt
BlueSpice Minder geschikt voor mobiel, onderdeel van complete MediaWiki distributie

Zie bijvoorbeeld ook dit vergelijk in de MediaWiki Gids voor meer informatie en voorbeelden.

Keuze Skin

Er is gekozen voor de skin Tweeki. In 2017

Skin en Bootstrap versie

Update jaar Tweeki versie Bootstrap versie Gerealiseerd
2018 Skin: Tweeki versie 1.0.4 Bootstrap versie 3.3.2 Ja
2019 Skin: Tweeki versie 1.0.5 Bootstrap versie 3.4.1 Ja

Testen van de vormgeving

In de Testomgeving TheaterEncyclopedie (Test-TE) is een aantal pagina's aangemaakt om (ideeën voor) de nieuwe vormgeving en layout te ontwikkelen en testen. Het betreft hier vooralsnog "Werk In Uitvoering":

Testen Vormgeving
Een aantal vormgevingselementen, zoals kleurenpalet, lettertypen, zoekvenster, carousel etc. voor toepassing in de nieuwe layout. (deze pagina is niet meer beschikbaar)
Layout Voorpagina
Layout van de nieuwe voorpagina van de TheaterEncyclopedie voor zowel mobiele- als desktop-schermen. (deze pagina is niet meer beschikbaar)
Layout Personen-pagina
Layout van de nieuwe pagina over Personen van de TheaterEncyclopedie voor zowel mobiele- als desktop-schermen. Deze pagina geldt weer als uitgangspunt voor pagina's over Voorstellingen, Producenten, Theaters etc. (deze pagina is niet meer beschikbaar)

Nadat de nieuwe vormgeving op de Test-TE is afgerond (Status: "Voorlopig Ontwerp"), zal deze naar de ontwikkel & productie-omgeving worden gebracht (status: "Definitief Ontwerp"). Zie de pagina Implementeren Vormgeving voor de benodigde stappen.

Vervanging oude Infobox sjablonen

Om de nieuwe vormgeving te implementeren is een aantal sjablonen aangepast (bijvoorbeeld: Sjabloon:Persoon). Het blijkt echter dat er nog "oude" sjablonen worden gebruikt (zoals bijvoorbeeld: Sjabloon:Infobox_persoon). Om de vormgeving van deze sjablonen aan te passen zijn deze "doorgelinked" naar de nieuwe sjablonen (maar hier blijft wel een aantal problemen bestaan). Lees meer hierover op de pagina TheaterEncyclopedie:Eenduidig gebruik Infobox sjablonen.