https://github.com/joostf/redesign-nieuws-component
Redesign het nieuws component van de website Het Rode Kruis (fictieve opdracht)
https://github.com/joostf/redesign-nieuws-component
Last synced: 7 months ago
JSON representation
Redesign het nieuws component van de website Het Rode Kruis (fictieve opdracht)
- Host: GitHub
- URL: https://github.com/joostf/redesign-nieuws-component
- Owner: joostf
- License: gpl-3.0
- Created: 2020-05-20T08:54:00.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-06-02T10:06:39.000Z (about 6 years ago)
- Last Synced: 2025-01-26T20:12:17.200Z (over 1 year ago)
- Language: HTML
- Homepage: https://joostf.github.io/redesign-nieuws-component/
- Size: 956 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Redesign het nieuws component van de website van Het Rode Kruis (fictieve opdracht)
## Opdrachtomschrijving
Uit de webstatistieken is gebleken dat er weinig doorgeklikt wordt naar nieuwsberichten. Het Rode Kruis wil graag dat de belangrijke nieuwsberichten meer gelezen gaan worden.
Analyseer aan de hand van de webstatistieken wat het probleem is en maak een design challenge en ontwerp een oplossingsrichting. Vervolgens bouw je verschillende versies van het component en test je, in de context van een webpagina, wat beter kan en welk versie het beste werkt.
## Uitwerking
### 🔎 Analyse
Nieuwsitems worden getoond zonder foto's. Andere onderdelen van de pagina worden wel met foto's verrijkt. Het valt op dat er bij een smaller scherm minder nieuwsitems getoond worden.
### 🎨 Ontwerp
Mijn plan is om meerdere uitwerkingen van het nieuwscomponent te maken en de verschillende versie te testen. De nieuwsitems wil ik verrijken met foto's en ik wil in elke context dezelfde nieuwsitems tonen.
### 🔧 Bouwen
#### Iteratie 1
Foto's toegevoegd aan nieuwsitems om meer focus te richten op de inhoud. In de mobiele context worden alle nieuwsitems onder erlkaar getoond. In plaats van een _Lees verder_ link maak ik de nieuwsitems helemaal klikbaar.
#### Iteratie 2
Om meer overzicht te creëren in de mobiele context maak ik een compactere layout voor de nieuwsitems. De foto's staan als kleine thumbnails naast de titels.
### 🖇️ Integreren
Ik heb de nieuwe componenten niet in de context van de pagina getest
### 👧 Testen
Uit gebruikerstesten is gebleken dat component 1 het beste werkte ✨