Informatie Architectuur Eindopdracht

14
1 Interactieve Media Hogeschool van Amsterdam 2010 Informatie Architectuur Eigen huis & tuin Steffan Bruin

description

Informatie Architectuur Eindopdracht

Transcript of Informatie Architectuur Eindopdracht

1

Interactieve Media Hogeschool van Amsterdam

2010

Informatie Architectuur Eigen huis & tuin

Steffan Bruin

2

Inhoud

Inventarisatie eigenhuisentuin.nl Pagina 3

Inventarisatie karwei.nl Pagina 4

Gamma.nl en Praxis.nl Pagina 5

Product bestellen en betalen Pagina 6

Patronen en grote lijnen Pagina 7

Definitieve content Pagina 7

Rubrieken Pagina 8

Hiërarchie Pagina 9

Content Matrix Pagina 10

Wireframe – Home Pagina 11

Wireframe – Afleveringspagina Pagina 12

Wireframe – Karwei assortiment Pagina 13

Wireframe – Winkelwagen Pagina 14

3

Eigen huis & tuin inventarisatie

De website van eigen huis & tuin opent in een frame van RTL.nl. Hierin kun je kiezen uit 3 specifieke

onderdelen: “Deze week”, “Huis” en “Tuin”. In elk van deze onderdelen komt een zoek functie voor

met daarin links naar de video pagina, een aanmelding formulier voor de nieuwsbrief, contact pagina

en een Floor planner waar je je eigen huis of tuin kunt inrichten. In de zoek functie heb je ook nog de

keuze om uit artikelen en/of video te zoeken. In de “Deze week” pagina vindt je de onderwerpen die

in de laatste aflevering zijn doorgenomen. In deze onderwerpen staan beschrijvingen van hoe je de

klus moet uitvoeren. Hier kun je jezelf of een ander ook opgeven voor het programma. In de pagina’s

huis en tuin staan de onderwerpen van de week ook nog verdeeld. Hier kun je bij tuin uit:

“Onderhoud, bloemen en planten, toebehoren, materialen en gereedschappen en sfeer en

inspiratie” kiezen. In de Huis pagina komt dit op een paar dingen na overeen, zo kun je hier kiezen

uit: “Klusbeschrijving, basisklussen, onderhoud, materialen en gereedschappen en sfeer en inspiratie.

4

Inventarisatie karwei.nl

De website van de karwei heeft in zijn main navigation verdeeld in de volgende pagina’s: “In en om

het huis, Advies en Inspiratie, Assortiment en de Bouwmarktinfo”. Als je de website opent kom je

automatisch in de “In en om het huis” pagina. Hier kun je in de subnavigatie kiezen uit: “Woonkamer,

Slaapkamer, Badkamer en Toilet, Werkkamer, Hal en Trap, Opbergruimte en Buiten”. Daarbij staat er

in de content nog wat links naar wat specifieke klussen in het huis en een vak met als kop “NU BIJ DE

KARWEI” waar je de folder kunt bekijken, speciale openingstijden in kunt zien, een montagedienst

kunt inhuren en een link waarbij je je kunt aanmelden voor een mail subscription op de folder. Bij de

“Advies en Inspiratie” pagina kun je zoekopdrachten opgeven. Zo kun je hulp en tips vinden voor de

klussen waar je zelf niet uitkomt. Daaronder staan nog een paar social media buttons, tagcloud, top

5 meest bekeken en de recent toegevoegde items. Als 3de in de main navigation staat het

Assortiment, hier heb ik een sitemap van gemaakt als voorbereiding op het fuseren met de Eigen

huis & tuin website. Dit zijn de producten die verkocht gaan worden. Bovenaan op de content pagina

staat ook nog een link naar het nieuwe assortiment. Zoals de naam al zegt geeft de pagina

“Bouwmarktinfo” informatie over waar de bouwmarkten zijn en kun je je plaats of postcode invullen

om te zoeken naar bouwmarkten in de buurt, waarbij je nog kunt aangeven of ze een speciale dag

hebben waarop ze geopend zijn.

5

Gamma.nl & Praxis.nl

Het eerste wat me opvalt is dat Gamma groot adverteert met acties, extra kortingen en exclusieve

aanbiedingen. Je ziet meteen een grote button naar het bekijken van de nieuwe folder. Het is ook

nog is de eerste link in de hoofd navigatie van de website.

Het assortiment is nagenoeg hetzelfde. De sites verschillen in de namen van de categorieën en dat de

het assortiment van Gamma affiniteit heeft met Jan des Bouvrie. Ook is het assortiment van Gamma

op de website al meteen verdeeld in subcategorieën.

Het ‘klusadvies’ bij Praxis wordt meer laten zien met als een hobby en iets als je wat je leuk vindt om

te doen. Bij Gamma is dat allemaal wat abstracter en lijkt het meer op iets wat je nadrukkelijk moet

doen.

Er wordt op de Praxis meer aan de gebruiker gedacht en er wordt meer mee gedaan. De praxis helpt

de gebruiker inspiratie opdoen en biedt daar ook de juiste producten bij aan. Dit zijn volledig

ingerichte delen van het huis of van de tuin. Daarbij zit ook het gedeelte “Gezien bij eigen huis &

tuin”.

De volgende overeenkomst zit in de “Bouwmarkt” link. Beide gebruiken ze Google Maps om aan te

geven waar hun vestigingen zich bevinden.

Wat de Gamma wel aanbied en de Praxis niet is een “Boodschappenlijst” functie. Hierin kun je

artikelen toevoegen en dus een boodschappenlijst maken. Deze kun je uiteindelijk printen en

meenemen.

De Praxis heeft in tegenstelling tot de Gamma een webwinkel.

6

Product bestellen en betalen (Fresh Cotton)

Je selecteert een product en daar kies je je maat in. Deze voeg je toe aan je winkelwagen. Nu opent

je winkelwagen en zijn er verschillende opties waar je uit kunt kiezen. Er wordt aangegeven dat

orders boven de 100,- euro gratis worden bezorgd. Je ziet informatie over je bestelling en de totale

prijs. Nu kun je uit de opties “Delete” kiezen, dit zorgt er natuurlijk voor dat je product wordt

verwijderd uit je winkelwagen. Dan is er een optie “Verder winkelen”, zo kun je dus meerdere

producten aan je winkelwagen toevoegen. Ook kun je afrekenen. Eerst voeg ik nog een artikel toe

aan mijn winkelwagen waardoor mijn prijs boven de 100,- euro komt te vallen. De bezorgkosten

staan nu op 0,- euro. Als je nu op afrekenen klikt krijg je een factuur te zien met je producten erin.

Het afreken proces bestaat uit 5 stappen, “Welkom – Winkelwagen – Adres – Betalen - Bevestiging”.

Als je op de welkom pagina bent kun je weer uit meerdere opties kiezen, “Bestellen en registeren” en

“Bestellen zonder te registeren” . Je bestelt zonder te registeren en moet eenmalig je gegevens

invoeren. Dan kom je in “Winkelwagen” terecht. Hier worden nog wat artikelen aangeboden met

kassa korting in combinatie met jouw aankopen. Ook kun je hier je kortingscode nog invullen. Bij

“Adres” wordt nog een controle gedaan op je adres gegevens. Deze kun je hier nog wijzigen mocht je

een fout hebben gemaakt of als het een cadeau is. Uiteindelijk kom je bij de functie “Betalen”. Hier

kun je uit meerdere betaalmethodes kiezen, IDEAL, VISA, MasterCard, PayPal en Overboeking. Als de

betaling is voltooid krijg je een bevestiging via e-mail en verschijnt hij in het scherm om af te kunnen

drukken of op te slaan.

Dit systeem wordt bij veel websites gebruikt net zoals de betaalmethodes. Er wordt veel feedback

gegeven tijdens het bestelproces zodat er weinig tot geen fouten gemaakt kunnen worden. Het is

een simpel systeem en kan door bijna elke doelgroep gebruikt worden.

7

Patronen en grote lijnen

Alle 4 de websites proberen je op de een of andere manier te helpen of te inspireren met het

klussen. Praxis, Karwei en Gamma hebben nagenoeg hetzelfde assortiment, het verschil ligt in de

naamgeving van de rubrieken. Er wordt veel gedaan met kortingsacties, aanbiedingen en

nieuwsbrieven. Ook wordt de folder veel aangeboden op de websites. Alle 3 de websites gebruiken

Google Maps om een bouwmarkt in de buurt vinden. Ze gebruiken ook allemaal een top main

navigation met daaronder een sub navigatie.

Definitieve content

Als definitieve content ga ik het assortiment van de karwei implementeren met de eigen huis en tuin

website. Hierbij komt ook de bouwmarkt functie met Google Maps. Ook een pagina voor de

gebruikers die inspiratie willen opdoen met video’s en tutorials. Bij elk artikel dat je koopt komen er

social media links waarin je kan delen dat je dit artikel heb gekocht. Dit komt ook bij video’s, tutorials

en inspiratie artikelen. Bij elke content pagina van de fragmenten uit de afleveringen van eigen huis

& tuin komen directe links naar de producten die zijn gebruikt in de webwinkel en een functie om ze

direct aan de winkelwagen toe te voegen. Er komt ook een aanmeldingsformulier voor de

nieuwsbrief en de folder van de Karwei. Hier zijn meerdere verwijzingsbuttons van te vinden op de

website. De rubrieken “Deze week, Huis en Tuin” blijven behouden maar worden wel op een andere

manier geplaatst op de website.

8

Rubrieken

Karwei assortiment:

- Bouwmarkten

- Verf en Behang

- Vloeren & Deuren

- Raamdecoratie

- Verlichting

- Woninginrichting

- Tuin

- Sanitair & Tegels

- Gereedschap

- Bouw- & Installatiemateriaal

- Overig

Deze week:

-

o Laatste afleveringen

o Webwinkel artikelen

- Tuin

o Laatste afleveringen

Webwinkel artikelen

Huis:

- Klussen

o Webwinkel artikelen

Tuin:

- Klussen

o Webwinkel artikelen

Video’s/Tutorials

- Webwinkel artikelen

Winkelwagen

Zoeken

9

Hiërarchie

Sitemap

Eigen Huis & Tuin

v1.2

4-11-2010

Steffan Bruin

10

Content Matrix

nummer home page rubriekssnaam (global nav)pagina sub (optioneel) description/beschrijving title url meta keywords en tags

0 home page home een alinea met beschrijving titel van de pagina url suggestie allle keywords

1.0 Laatste aflevering Video van laatste aflevering Laatste aflevering www.eigenhuisentuin.nl/dezeweek/laatsteaflevering eigen huis en tuin, video, aflevering, klussen

1.1 Klussen Inspiratie Vergelijkbare klussen voor inspiratie Inspiratie www.eigenhuisentuin.nldezeweek/inspiratie deze week, inspiratie, klussen

1.2 Benodigde artikelen Artikelen uit de webwinkel die nodig zijn voor de klus Benodigd materiaal www.eigenhuisentuin.nl/dezeweek/klus(x)/materiaal deze week, klussen, materiaal, webwinkel

2.0 Klussen Inspiratie Vergelijkbare klussen voor inspiratie Inspiratie www.eigenhuisentuin.nl/huis/inspiratie huis, inspiratie, klussen

2.1 Benodigde artikelen Artikelen uit de webwinkel die nodig zijn voor de klus Benodigd materiaal www.eigenhuisentuin.nl/huis/klus(X)/materiaal huis, klussen, materiaal, webwinkel

3.0 Tuin Klussen Inspiratie Vergelijkbare klussen voor inspiratie Inspiratie www.eigenhuisentuin.nl/tuin/inspiratie tuin, inspiratie, klussen

3.1 Benodigde artikelen Artikelen uit de webwinkel die nodig zijn voor de klus Benodigd materiaal www.eigenhuisentuin.nl/tuin/klus(X)/materiaal tuin, klussen, materiaal, webwinkel

4.0 Karwei Assortiment Bouwmarkten Google Maps implementatie voor zoeken naar bouwmarkten Bouwmarkten www.eigenhuisentuin.nl/webwinkel/bouwmarkten webwinkel, karwei, bouwmarkten, google maps

4.1 Verf en Behang Artikelen Verf & Behang www.eigenhuisentuin.nl/webwinkel/verfenbehang webwinkel, artikelen, verf, behang

4.2 Vloeren & Deuren Artikelen Vloeren & Deuren www.eigenhuisentuin.nl/webwinkel/vloerenendeuren webwinkel, artikelen, vloeren, deuren

4.3 Raamdecoratie Artikelen Raamdecoratie www.eigenhuisentuin.nl/webwinkel/raamdecoratie webwinkel, artikelen, raam, decoratie

4.4 Verlichting Artikelen Verlichting www.eigenhuisentuin.nl/webwinkel/verlichting webwinkel, artikelen, verlichting, lampen

4.5 Woninginrichting Artikelen Woninginrichting www.eigenhuisentuin.nl/webwinkel/woninginrichting webwinkel, artikelen, woninginrichting

4.6 Tuin Artikelen Tuin www.eigenhuisentuin.nl/webwinkel/tuin webwinkel, artikelen, tuin

4.7 Sanitair & Tegels Artikelen Sanitair & Tegels www.eigenhuisentuin.nl/webwinkel/sanitairentegels webwinkel, artikelen, sanitair, tegels

4.8 Gereedschap Artikelen Gereedschap www.eigenhuisentuin.nl/webwinkel/gereedschap webwinkel, artikelen, gereedschap

4.9 Bouw- & Installatiemateriaal Artikelen Bouw- & Installatiemateriaal www.eigenhuisentuin.nl/webwinkel/bouweninstallatiemateriaal webwinkel, artikelen, bouwmateriaal, installatiemateriaal

4.10 Overig Artikelen Overig www.eigenhuisentuin.nl/webwinkel/overig webwinkel, artikelen, overig

5.0 Zoeken Zoeken Zoeken naar afleveringen, klussen of materiaal Zoeken www.eigenhuisentuin.nl/zoeken zoeken, klussen, materiaal

6.0 Winkelwagen Winkelwagen Winkelwagen waar artikelen in staan Winkelwagen www.eigenhuisentuin.nl/winkelwagen winkelwagen, artikelen, bestellingen, webwinkel

6.1 Gegevens invullen Formulier voor adresgegevens en dergelijke Gegevens invullen www.eigenhuisentuin.nl/winkelwagen/gegevens gegevens, winkelwagen, bestelling, artikelen, webwinkel

6.2 Afrekenen Betaalmethode kiezen en afrekenen Afrekenen www.eigenhuisentuin.nl/winkelwagen/afrekenen afrekenen, winkelwagen, bestelling, artikelen, webwinkel

6.3 Bevestiging Er wordt een bevestigingsmail gestuurd en je ziet er 1 op je scherm Bevestiging www.eigenhuisentuin.nl/winkelwagen/bevestiging bevestiging, winkelwagen, bestelling, artikelen, webwinkel

7.0 Video's/Tutorial Video's Video's en tutorials van klussen Video www.eigenhuisentuin.nl/video video, tutorial, klussen

7.1 Benodigde artikelen Artikelen uit de webwinkel die nodig zijn voor de klus Benodigd materiaal www.eigenhuisentuin.nl/video/klus(X)/materiaal video, tutorial, klussen, materiaal, webwinkel

Deze week

Huis

content matrix IAM IA V1 {Eigen Huis & Tuin} {V1TDI1} {Steffan Bruin} {500539855}

{04-11-2010} {1.1}

hiërarchie metadata

11

Wireframes – Home

12

Wireframes – Afleveringpagina

13

Wireframes – Karwei assortiment

14

Wireframes – Winkelwagen