Informatie Architectuur -
WizardsUnite
Bij dit project was het de bedoeling om de informatiearchitectuur op te stellen en te ontwerpen voor verschillende relevante pagina’s van de website van WizardsUnite. WizardsUnite is een website over Magic The Gathering, een kaartenspel waarbij de kaarten veel geruild worden. Hier zaten verschillende opdrachten bij.
Gebruikte Theorie:
- Organisatie schema's
- Zoek strategieën
- Filteren en sorteren
- User Journey
Gebruikte Programma's
- Miro
Opdracht 1
"Maak een overzicht van alle bestaande Magic kaarten. Ontwerp de schermen die nodig zijn om dit overzicht te bekijken, hierin specifieke kaarten te vinden en informatie over kaarten te bekijken."
Het belangrijkste deel van de site, de cardfinder.
Magic kaarten hebben meerdere attributen wat het moelijk kan maken om ze te sorteren. Er zijn meerdere opties om de kaart mee te filteren. Hier rechts is een voorbeeld van een kaart weergegeven.
Onder is het uitgewerkt.
Magic kaarten hebben meerdere attributen wat het moelijk kan maken om ze te sorteren. Er zijn meerdere opties om de kaart mee te filteren. Hier rechts is een voorbeeld van een kaart weergegeven.
Onder is het uitgewerkt.
Klik op de afbeeldingen om in te zoomen en de beredenering te lezen.
Card Search:
Drop down menu's:
Card Search - Results + detailpagina:
Opdracht 2
"Werk een flowchart uit voor het kopen van Magic kaarten, vanaf het zoeken naar een gebruiker om een kaart van te kopen. Hou rekening met de foutsituaties en uitzonderingen."
- Witte blokken: acties
- Zwarte ruiten: Beslissingen
- Rode en groene blokken: Slecht/ goed einde
Opdracht 3: Social Hub
"Werk een vanuit een User Journey bruikbare pagina's uit voor Mo. Hij wilt graag nieuwe mensen vinden om mee te spelen en een afspraak mee te maken. Hiervoor wilt hij de website van WizardsUnite gebruiken."
Ik heb besloten om een forum uit te werken voor Mo. Daar kan je een eigen profiel pagina aanmaken en topics bespreken, en mensen vinden met wie je in contact zou willen raken.
Klik op de afbeeldingen om in te zoomen en de beredenering te lezen.
Klik op de afbeeldingen om in te zoomen en de beredenering te lezen.
Opdracht 4: Sitemap + Homepage
"Maak op basis van de informatie in deze case en je eigen toevoegingen een overzicht van alle pagina’s die op de website moeten komen. Maak op basis hiervan een indeling voor de website. Deze indeling werk je uit in de vorm van een sitemap."
Ik heb op de main pagina de belangrijkste menu's toegevoegd, aan de hand van de sitemap. De pagina's van de sitemap komen direct terug in het design.
