refactor: add images from new assets branch (#191)

Voor het toevoegen van plaatjes op een plek waar we controle over hebben gebruiken we bij nldesignsystem.nl een losse `assets` branch. Met de GitHub UI kun je daar plaatjes uploaden die je vervolgens kan gebruiken in markdown. Hieronder de beschrijving van hoe dit werkt, zoals deze ook toegevoegd is in de README.md <img width="288" alt="Screenshot 2024-05-23 at 01 12 18" src="https://github.com/nl-design-system/gebruikersonderzoeken/assets/877246/6084ecee-db7b-434b-b448-727c7c2abbf7"> --- ## Plaatjes toevoegen Plaatjes zijn heel groot om via GitHub heen en weer te sturen. Daarom gebruiken we de [assets branch](https://github.com/nl-design-system/gebruikersonderzoeken/tree/assets) om plaatjes te uploaden. Deze kunnen vervolgens als plaatje in markdown worden gezet, zoals bijvoorbeeld: ```md ![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: ```md ![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) ```
nl-design-system · May 23, 2024 · f76dfb2 · f76dfb2
1 parent 689928a
commit f76dfb2
Show file tree

Hide file tree

Showing 14 changed files with 95 additions and 81 deletions.
diff --git a/README.md b/README.md
@@ -33,6 +33,20 @@ De Markdown bestanden met de onderzoeken en documentatie van het project staan i
 
 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](https://github.com/nl-design-system/gebruikersonderzoeken/tree/assets) om plaatjes te uploaden. Deze kunnen vervolgens als plaatje in markdown worden gezet, zoals bijvoorbeeld:
+
+```md
+![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:
+
+```md
+![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
 
 - [Docusaurus pagina over pagina metadata](https://docusaurus.io/docs/seo#single-page-metadata)

diff --git a/docs/onderzoek-bekijken/18-jaar worden/denhaag-checklist-18-jarigen.md b/docs/onderzoek-bekijken/18-jaar worden/denhaag-checklist-18-jarigen.md
@@ -24,15 +24,15 @@ tags:
 
 **Samengevat: Inhoudelĳk is de checklist in op orde, maar de vormgeving sluit nu onvoldoende aan bĳ de doelgroep. Het komt te kinderachtig over en is niet serieus genoeg.**
 
-![Verjaardagskaart met een taart met een nummer 18 kaarsje en de tekst "Regel je SHIT" erop](https://hackmd.io/_uploads/B1cZJKqVh.jpg)
+![Verjaardagskaart met een taart met een nummer 18 kaarsje en de tekst "Regel je SHIT" erop](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/denhaag-checklist-18-jarigen__regel-je-shit.jpeg)
 
 ## Doel van het onderzoek
 
 In 2017 is vanuit een Jongerenstadslab door jongeren zelf nagedacht over wat ze zou helpen in de overgang van 17 naar 18 jaar. Hiermee is invulling gegeven aan het idee van de Haagse Jongerenambassadeurs een checklist 18+ te ontwikkelen. Met een evaluatie in 2019 hopen we te ontdekken hoe deze checklist en de activiteiten eromheen nog verder verbeterd kunnen worden, zodat we meerdere jongeren kunnen helpen met de overgang naar volwassenheid.
 
 De onderzoeksvragen van dit onderzoek zijn: Hoe heeft de checklist jongeren geholpen? Heeft de checklist de jongeren bereikt? Waarom is de checklist wel of niet nuttig? Hoe ervaren jongeren het 18 worden?
 
-![Binnenkant van kaart met checklist. Het eerste vakje met de tekst "checklist 18+ ontvangen" is aangevinkt. De rest van de acties zoals DigiD aanvragen is nog niet aangevinkt](https://hackmd.io/_uploads/Sk9aAdc43.jpg)
+![Binnenkant van kaart met checklist. Het eerste vakje met de tekst "checklist 18+ ontvangen" is aangevinkt. De rest van de acties zoals DigiD aanvragen is nog niet aangevinkt](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/denhaag-checklist-18-jarigen_checklist.jpeg)
 
 ## Advies
 
@@ -47,7 +47,7 @@ De vormgeving sluit nu onvoldoende aan bĳ de doelgroep. Het komt te kinderachti
 ### Belevingswereld 18-jarigen
 
 > “In mijn cultuur als je 18 wordt is het een groot ding. -maakt gebaar van aanhalingstekens- Dan ben je een man. Dan ben je geen kind meer. Dan moet je voor jezelf opkomen, alles zelf gaan doen. Dat is ook de reden dat mijn ouders niks meer voor mij betalen.”  
-*-Erik*
+> _-Erik_
 
 Jongeren geven aan dat er voor hun gevoel helemaal niet zoveel verandert vanaf je 18e. Het zĳn vooral de regels en de buitenwereld waardoor jongeren het gevoel hebben dat ze zich anders moeten gedragen. Zo voelen sommigen dat de verwachting van hun omgeving, over bĳvoorbeeld zelfredzaamheid, niet in lĳn is met hun eigen ervaringen en vaak de vergelĳking gemaakt wordt met andere 18-jarigen in hun ouders omgeving.
 
@@ -74,7 +74,7 @@ Jongeren geven aan dat ze verwachten op andere manieren op de hoogte te worden g
 ### Inhoud folder is in de basis goed
 
 > “Helder, duidelijk ik zou het als gemeente niet beter kunnen doen. Het is helder, overzichtelijk: een checklist. Een kind zou dit nog kunnen begrijpen. Als je je hier niet mee zou kunnen redden, ben je überhaupt niet klaar om een van deze dingen te regelen.”  
-*-Revert, over de inhoud van de folder*
+> _-Revert, over de inhoud van de folder_
 
 Jongeren reageren enthousiast op de inhoud van de checklist. De merendeel van de tips wordt als waardevol ervaren. Sommige jongeren geven aan met hun ouders de lĳst door te zĳn gelopen en de lĳst letterlĳk af te hebben gestreept. Wel is er een aantal verbeterpunten.
 
@@ -97,10 +97,10 @@ Respondenten vinden het kopje geld verdienen wat overbodig. Als je wilt werken k
 ### Vormgeving spreekt onvoldoende aan
 
 > “Formeler zou ik wel prettiger vinden. Vanuit de gemeente had ik iets serieuzer verwacht. Dit zou ik sturen van ‘je wordt 13. je wordt 14. je gaat naar de middelbare school.’ … Iets te kinderlijk vind ik.”  
-*-Revert, over de vormgeving van de folder*
+> _-Revert, over de vormgeving van de folder_
 
 > “Ik dacht dat het een reclamefolder was. Het is dat mijn ouders zeiden: Neeeeeee …dit is belangrijk. Anders had ik het weggegooid denk ik.… Ik heb dan ook een beetje het gevoel dat de gemeente met ons ‘probeert te connecten’… 🙄 Uhm.. maar we zijn wel 18. Dus. Ja.”  
-*-Zonne, over de vormgeving van de folder*
+> _-Zonne, over de vormgeving van de folder_
 
 De jongeren zĳn het meest kritisch over de voorkant van de checklist. Het is onvoldoende duidelĳk dat de afzender gemeente Den Haag is. Ze hebben de folder liever wat formeler zodat duidelĳker is dat de gemeente de afzender is van de checklist. De voorkant van de folder wordt als kinderachtig ervaren. In de focusgroep zaten jongeren met verschillende opleidingsniveaus er zaten echter geen respondenten uit speciale scholen of praktĳkscholen. (±7% van het totale leerlingenaantal in Den Haag, [bron](https://jmopendata.cbs.nl/#/JM/nl/dataset/71010ned/table?ts=1564393586824)) We vermoeden echter dat deze mening eerder leeftĳd, dan opleidingsniveau gebonden is.
 
@@ -136,15 +136,15 @@ De discussie die onder de deelnemers plaatsvindt, geeft een dieper inzicht hoe d
 
 ### Respondenten
 
-| Naam   | M/V  | Opleiding | Beroep | Leeftijd |
-| ------ | ---- | --------- | ------ | -------- |
-| Revert       | M     |  MBO         | Student       |  18        |
-| Tommy       | M     |  MBO         |   Medewerker     |    18      |
-|  Maria      |  V    |  VWO         |  Student      |    18      |
-|  Diana      | V     |  VWO         |  Student      |  18        |
-| Erik       |   M   |  VWO         |   Student     |  18        |
-| Anna       |    V  |   HAVO        |  Student      |  18        |
-| Zonne       |   V   |   VWO        |   Student     |   18       |
+| Naam   | M/V | Opleiding | Beroep     | Leeftijd |
+| ------ | --- | --------- | ---------- | -------- |
+| Revert | M   | MBO       | Student    | 18       |
+| Tommy  | M   | MBO       | Medewerker | 18       |
+| Maria  | V   | VWO       | Student    | 18       |
+| Diana  | V   | VWO       | Student    | 18       |
+| Erik   | M   | VWO       | Student    | 18       |
+| Anna   | V   | HAVO      | Student    | 18       |
+| Zonne  | V   | VWO       | Student    | 18       |
 
 ## Contactinformatie
 

diff --git a/...trecht-informatiecampagne-18-jaar copy.md → ...den/utrecht-informatiecampagne-18-jaar.md b/...trecht-informatiecampagne-18-jaar copy.md → ...den/utrecht-informatiecampagne-18-jaar.md
@@ -28,7 +28,7 @@ tags:
 
 ## Doel van het onderzoek
 
-De gemeente Utrecht is een informatiecampagne gestart, _18 jaar! Regelen maar!_, gericht op jongeren die binnenkort 18 worden. De campagne informeert jongeren over alle zaken die zij zelf moeten regelen wanneer zij meerderjarig zijn. De campagne bestaat uit een verjaardagskaart die ze ontvangen voordat ze 18 worden, en een [website](https://www.utrecht.nl/zorg-en-onderwijs/18-worden/) waar alle informatie te vinden is.
+De gemeente Utrecht is een informatiecampagne gestart, _18 jaar! Regelen maar!_, gericht op jongeren die binnenkort 18 worden. De campagne informeert jongeren over alle zaken die zij zelf moeten regelen wanneer zij meerderjarig zijn. De campagne bestaat uit een verjaardagskaart die ze ontvangen voordat ze 18 worden, en een [website](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-informatiecampagne-18-jaar.png) waar alle informatie te vinden is.
 
 Doel van dit onderzoek is er achter komen hoe de jongeren nu kijken naar wat ze moeten regelen als ze 18 worden, hoe ze reageren op de ansichtkaart die bij hun op de deurmat valt, en of de website hun voldoende helpt de belangrijkste zaken te regleen.
 

diff --git a/docs/onderzoek-bekijken/iconen/utrecht-bevrijdingsdag.md b/docs/onderzoek-bekijken/iconen/utrecht-bevrijdingsdag.md
@@ -54,7 +54,7 @@ Hieronder volgen de inzichten, specifiek per vraag.
 
 "Hieronder staan drie (fictieve) knoppen. Vindt jij knop A, knop B of knop C het beste passen bij informatie over bevrijdingsdag?”
 
-![de drie bevrijdingsdag iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoekiconen_bevrijdingsdag.png)
+![de drie bevrijdingsdag iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-bevrijdingsdag__bevrijdingsdag.png)
 
 #### Resultaten Bevrijdingsdag
 
@@ -66,7 +66,7 @@ Hieronder volgen de inzichten, specifiek per vraag.
 
 "Hieronder staan drie (fictieve) knoppen. Vindt jij knop A, knop B of knop C het beste passen bij informatie over Koningsdag?”
 
-![de drie Koningsdag iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoekiconen_koningsdag.png)
+![de drie Koningsdag iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-bevrijdingsdag__koningsdag.png)
 
 #### Resultaten Koningsdag
 
@@ -78,15 +78,15 @@ Hieronder volgen de inzichten, specifiek per vraag.
 
 "Hieronder staan drie (fictieve) knoppen. Vindt jij knop A, knop B of knop C het beste passen bij het doorgeven van een melding of klacht over openbare ruimtes?”
 
-![de drie klacht/melding iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoekiconen_meldingklacht.png)
+![de drie klacht/melding iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-bevrijdingsdag__meldingklacht.png)
 
 #### Resultaten Melding/Klacht openbare ruimte doorgeven
 
 - Knop A: 19%
 - Knop B: 78%
 - Knop C: 3%
 
-### Inzichten 
+### Inzichten
 
 De belangrijkste inzichten zijn:
 

diff --git a/docs/onderzoek-bekijken/iconen/utrecht-februari-2023.md b/docs/onderzoek-bekijken/iconen/utrecht-februari-2023.md
@@ -56,7 +56,7 @@ Hieronder volgende de inzichten, specifiek per vraag.
 
 "Hieronder staan vier (fictieve) knoppen. Vind jij knop A, knop B, knop C of knop D het beste passen bij informatie over de gemeenteraad?"
 
-![de vier gemeenteraad iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoek_gemeenteraad.png)
+![de vier gemeenteraad iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-februari-2023__gemeenteraad.png)
 
 #### Resultaten Gemeenteraad
 
@@ -85,7 +85,7 @@ Het was voor veel (15 opmerkingen, 39%) van de respondenten niet duidelijk wat e
 
 "Hieronder staan drie (fictieve) knoppen. Vind jij knop A, knop B, of knop C het beste passen bij informatie over de burgemeester?"
 
-![de burgemeester iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoek_burgemeester.png)
+![de burgemeester iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-februari-2023__burgemeester.png)
 
 #### Resultaten Burgemeester
 
@@ -101,7 +101,7 @@ Bij deze vraag kwamen veel (16, 42%) opmerkingen opmerkingen over het geslacht v
 
 "Hieronder staan vier (fictieve) knoppen. Vind jij knop A, knop B, Knop C of knop D het beste passen bij informatie over afvalcontainers?"
 
-![de afvalcontainers iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoek_afvalcontainer.png)
+![de afvalcontainers iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-februari-2023__afvalcontainer.png)
 
 #### Resultaten Afvalcontainer
 
@@ -126,7 +126,7 @@ Veel respondenten (18, 47%) geven aan dat de vuiliniszak in het icoon het duidel
 
 "Hieronder staan twee (fictieve) knoppen. Vind jij knop A of knop B het beste passen bij informatie over afval?"
 
-![de afval iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoek_afval.png)
+![de afval iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-februari-2023__afval.png)
 
 #### Resultaten Afval
 

diff --git a/...k-bekijken/iconen/utecht-november-2022.md → ...-bekijken/iconen/utrecht-november-2022.md b/...k-bekijken/iconen/utecht-november-2022.md → ...-bekijken/iconen/utrecht-november-2022.md
@@ -59,7 +59,7 @@ Hieronder volgen de inzichten, specifiek per vraag.
 
 "Hieronder staan vier (fictieve) knoppen. Vind jij knop A, knop B, knop C of knop D het beste passen bij informatie over energietoeslag?"
 
-![de vier energietoeslag iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoek_energietoeslag.png)
+![de vier energietoeslag iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-november-2022__energietoeslag.png)
 
 #### Resultaten Energietoeslag
 
@@ -78,7 +78,7 @@ De portemonnee wordt geassocieerd met geld, maar door een kleiner aantal (18,6%)
 
 "Hieronder staan twee (fictieve) knoppen. Vind jij knop A of knop B het beste passen bij informatie over betaald parkeren?"
 
-![de twee betaald parkeren iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoek_betaaldparkeren.png)
+![de twee betaald parkeren iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-november-2022__betaald-parkeren.png)
 
 #### Resultaten Betaald parkeren
 
@@ -93,7 +93,7 @@ Bij de geteste grootte van de iconen wordt door de een groot gedeelte van de dee
 
 "Hieronder staan drie (fictieve) knoppen. Vind jij knop A, knop B of knop C het beste passen bij informatie over milieuzones?"
 
-![de drie Milieuzone iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoek_milieuzone.png)
+![de drie Milieuzone iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-november-2022__milieuzone.png)
 
 #### Resultaten Milieuzone
 
@@ -113,7 +113,7 @@ Er waren een aantal deelnemers (11,6%) die geen van de drie keuzes duidelijk von
 
 "Hieronder staan drie (fictieve) knoppen. Vind jij knop A, knop B of knop C het beste passen bij informatie over milieuzone ontheffing?"
 
-![de drie Milieuzone ontheffing iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoek_milieuzone_ontheffing.png)
+![de drie Milieuzone ontheffing iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-november-2022__milieuzone-ontheffing.png)
 
 #### Resultaten Milieuzone ontheffing
 
@@ -127,7 +127,7 @@ De inzichten bij deze vragen kwamen overeen met die van de vorige vraag.
 
 "Hieronder staan vier (fictieve) knoppen. Vind jij knop A, knop B, knop C of knop D het beste passen bij informatie over omgevingsvisie?"
 
-![de vier Omgevingsvisie iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoek_omgevingsvisie.png)
+![de vier Omgevingsvisie iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-november-2022__omgevingsvisie.png)
 
 #### Resultaten Omgevingsvisie
 
@@ -144,7 +144,7 @@ Veel van de respondenten (32,6%) geven bij de opmerkingen aan dat de de circkel
 
 "Hieronder staan twee (fictieve) knoppen. Vind jij knop A of knop B het beste passen bij informatie over rioolheffing?"
 
-![de twee Rioolheffing iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoek_rioolheffing.png)
+![de twee Rioolheffing iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-november-2022__rioolheffing.png)
 
 #### Resultaten Rioolheffing
 
@@ -167,7 +167,7 @@ Van de deelnemers vonden een groot aantal (32,6%) Knop A een duidelijkere WC wee
 
 "Hieronder staan twee (fictieve) knoppen. Vind jij knop A of knop B het beste passen bij informatie over thuiswerken?"
 
-![de twee Thuiswerken iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoek_thuiswerken.png)
+![de twee Thuiswerken iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-november-2022__thuiswerken.png)
 
 #### Resultaten Thuiswerken
 

diff --git a/docs/onderzoek-bekijken/iconen/utrecht-parkeer-icoon.md b/docs/onderzoek-bekijken/iconen/utrecht-parkeer-icoon.md
@@ -38,7 +38,7 @@ Gebruik het parkeericoon B (het icoon dat niet gevuld is). Bedenk altijd bij het
 
 We hebben de volgende vraag gesteld: "Welke van deze twee knoppen vindt jij het beste passen bij informatie over parkeren?”
 
-![de twee parkeer iconen](https://raw.githubusercontent.com/nl-design-system/utrecht/main/packages/docusaurus/static/img/onderzoekparkeericoon.png)
+![de twee parkeer iconen](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/utrecht-parkeer-icoon.png)
 
 - 2 van de 14 mensen vonden Knop A het beste passen.
 - 12 van de 14 mensen vonden knop B het beste passen.
@@ -78,4 +78,3 @@ Het onderzoek is gestart op 7 april 2022 en geindigd op 12 april 2022.
 - [René Olling, UX Designer](mailto:[email protected]) - Gemeente Utrecht
 - [Jeroen du Chatinier, UX Designer](mailto:[email protected]) - Gemeente Utrecht
 - [Martijn Rietveld, UX Designer](mailto:[email protected]) - Open Gemeenten
-
diff --git a/docs/onderzoek-bekijken/mijn-zaken/denhaag-mijn-omgeving.md b/docs/onderzoek-bekijken/mijn-zaken/denhaag-mijn-omgeving.md
@@ -40,25 +40,25 @@ We hebben vier verschillende services in samenhang met elkaar getest:
 
 Een e-mail die men ontvangt in de eigen e-mail in box die bestaat uit een informatief bericht en een eventuele taak/interactie.
 
-![Een Gmail inbox met daarin een e-mails met een bericht  van de Gemeente Den Haag](https://i.imgur.com/cgCm73B.png)
+![Een Gmail inbox met daarin een e-mails met een bericht  van de Gemeente Den Haag](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/denhaag-mijn-omgeving__notificatieservice.png)
 
 #### Mijn berichten
 
 Een notificatie in de Mijn-omgeving die bestaat uit een informatief bericht en een eventuele taak/interactie.
 
-![Een overzicht van alle berichten in het mijnPortaal wordt getoond. Links staan de categorieën, en aan de rechterkant van de pagina's worden alle berichten per onderwerp getoond. Een aantal berichten zijn dikgedrukt.](https://i.imgur.com/TLCYmmZ.png)
+![Een overzicht van alle berichten in het mijnPortaal wordt getoond. Links staan de categorieën, en aan de rechterkant van de pagina's worden alle berichten per onderwerp getoond. Een aantal berichten zijn dikgedrukt.](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/denhaag-mijn-omgeving__mijn-berichten.png)
 
 #### Taken
 
 Een actie die men moet uitvoeren en meestal vanuit de Mijn-omgeving plaatsvindt.
 
-![Er worden drie taken getoond onder het kopje 'Wat moet ik regelen'.](https://i.imgur.com/LfBO09N.png)
+![Er worden drie taken getoond onder het kopje 'Wat moet ik regelen'.](https://raw.githubusercontent.com/nl-design-system/gebruikersonderzoeken/assets/denhaag-mijn-omgeving__taken.png)
 
 #### Contactmomenten
 
 Een weergave van momenten in de Mijnomgeving waarop de inwoner contact heeft gelegd met de gemeente en vice versa.
 
-![Een lijst van contactmomenten met de datum van het contactmoment, de beschrijving van het type contactmoment en titel](https://i.imgur.com/42uCpHd.png)
+![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)
 
 ## Advies