Giter Site home page Giter Site logo

nl-design-system / gebruikersonderzoeken Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 27.17 MB

Gedeeld gebruikersonderzoek door UX researchers van verschillende organisaties in de Nederlandse overheid.

Home Page: https://gebruikersonderzoeken.nl/

License: European Union Public License 1.2

Shell 0.75% JavaScript 7.84% TypeScript 76.63% CSS 14.78%
docusaurus nl-design-system

gebruikersonderzoeken's Introduction

Website

Deze website is gebouwd met behulp van Docusaurus 2.

Ontwikkelen op je eigen computer

We maken gebruik van pnpm om npm packages te installeren en scripts te draaien. Om te beginnen kun je alle afhankelijkheden installeren met

pnpm install

Om daarna Docusaurus op te starteb met

pnpm run start

Hiermee start je lokale development server, opend een browser venster en herlaad deze de pagina als je lokaal veranderingen maakt. Voor veranderingen in de Docusaurus configuratie zoals docusaurus.config.js of navConfig.js bijvoorbeeld moet je mogelijk docusaurus afsluiten door Cmd+C in je terminal te doen en opnieuw pnpm run start te draaien.

Build

De versie die gebruikt voor in productie wordt gebouwd door de code te builden. De statische website zoals deze op een server kan worden gezet, of in ons geval door GitHub Pages kan worden opgepakt, staat dan in de /build map.

pnpm run build

Markdown om documentatie en onderzoek toe te voegen

De Markdown bestanden met de onderzoeken en documentatie van het project staan in de /docs map. Deze worden automatisch door Docusaurus opgepakt en als pagina's op de website neergezet.

Bovenin elke pagina staat een stukje metadata, deze gebruikt Docusaurus om pagina titels in browser tabjes, menu-items in de sidebar en pagination componenten te stoppen en tags toe te voegen en SEO te verbeteren.

Plaatjes toevoegen

Plaatjes zijn heel groot om via GitHub heen en weer te sturen. Daarom gebruiken we de assets branch om plaatjes te uploaden. Deze kunnen vervolgens als plaatje in markdown worden gezet, zoals bijvoorbeeld:

![Plaatje van een browser met waar de Google Translate pop-up getoond wordt om de pagina te gaan vertalen.](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-google-translate.png)

Voor de naam van het bestand gebruik je <naam van het markdown bestand>__<plek in de markdown> bijvoorbeeld:

![Een lijst van contactmomenten met de datum van het contactmoment, de beschrijving van het type contactmoment en titel](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/denhaag-mijn-omgeving__contactmomenten.png)

Handige linkjes over toevoegen metadata

gebruikersonderzoeken's People

Contributors

jeroenduc avatar yolijn avatar matijs avatar dependabot[bot] avatar robbert avatar hidde avatar

Stargazers

 avatar David Hund avatar

Watchers

Wart Burggraaf avatar

gebruikersonderzoeken's Issues

Footer kleur aanpassen

No te licht grijs, niet op alle schermen goed zichtbaar.

Nieuwe kleur: HEX: #cccccc of hsl(0,0%,80%)

Betere indeling onderzoeken bedenken

Wat is de juiste indeling van de onderzoeken? Mogelijkheden

  • Onderwerp
  • Afdeling waar het onderzoek voor is gedaan
  • Inwoner focus of ambtenaar focus
  • ...

E-mail adressen uitschrijven

Mailto links doen het niet altijd voor bezoekers, afhankelijk van hun lokale instellingen. Daarom bij alle onderzoeken de email adressen uitschrijven.

Zoeken implementeren

Het zou handig zijn om te kunnen zoeken met een zoekfunctie door het gebruikersonderzoek.

Toestemmingsformulier voor opnames gebruikersonderzoek

Soms willen respondenten bijdragen aan gebruikersonderzoeken.nl door toestemming te geven voor het delen van afbeeldingen, geluidsopnames, screen recordings of video's met de persoon zelf. Het zou handig zijn om een formulier hiervoor te delen op de website.

Teksten op homepage links uitlijnen

Kunnen we de teksten op de homepage links uitlijnen? Het is niet prettig om gecentreerde tekst te lezen omdat je oog elke keer het begin van de volgende zin moet zoeken (feedback Jeffrey)

Tags bovenaan onderzoek zetten

Is het mogelijk tags bovenaan de onderzoeken te zetten? Ik zat te denken direct onder de titel. Of misschien onder hun eigen kopje?

Ze staan nu helemaal onderaan het onderzoek, en ik verwacht dat niet veel mensen ze zien, terwijl het juist wel reuze interessant kan zijn en niet zoveel ruimte inneemt.

Kruimelpad weghalen

We halen voor nu het kruimelpad weg dat boven de titel van de onderzoeken staat.

Ook graag wehalen bij 'Vragen' en 'Onderzoek delen'.

Onderzoek '18 jaar, regelen maar!' toevoegen bij gebruikersonderzoek.

Wij hebben een onderzoek gedaan dat we graag toe willen voegen. Ik heb het al omgezet naar Markdown, was goed te doen.

Hier staat de markdown: https://hackmd.io/@gebruikersonderzoek/HyGYijFbn/edit

Ik heb de originele bestanden als attachments toegevoegd. Onder het kopje 'documentatie' heb ik al linkjes gemaakt, maar die kon ik nog nergens naar laten wijzen. Het plaatje staat ook nog naar imgur te verwijzen, dat is misschien ook niet zo netjes.

Moet ik nog iets zeggen over een categorie die er bij hoort? Of een tag ofzo? Keywords voor het zoeken?

Presentatie gemeente Utrecht 18 jaar, regelen maar.pdf

Eindrapport Gemeente Utrecht 18jaar! regelen maar!.pdf

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.