Informatiearchitectuur AVV 2 H&M Organisatieschema’s & Filter, sorteer, zoek.
Naam Omar Vasquez Jesus Studentnummer 500704100 Klas Roze Docent C.J.H.M. van den Driesche Vak Informatiearchitectuur Opdracht AVV 2 H&M ontwerp Type ontwerp Lo-Fi / Hi-Fi wireframes Versie 1 Datum 29 - 4 - 2015
SITEMAP H&M 1.0 HOME
LEGENDA DE NUMMERS IN DE BLOKKEN DUIDEN OOK HET NIVEAU VAN HET ITEM AAN. DE TEKST IN DE BLOKKEN STAAN VOOR DE NAAM VAN DE MENU-ITEMS.
TOELICHTING
1.1 DAMES
1.2 HEREN
1.3 KINDEREN
2.0 CATEGORIE
2.0 CATEGORIE
2.0 CATEGORIE
3.0 SUBCATEGORIE
3.0 SUBCATEGORIE
3.0 SUBCATEGORIE
4.0 PRODUCTPAGINA
4.0 PRODUCTPAGINA
4.0 PRODUCTPAGINA
HOME STAAT BOVENAAN, OMDAT DIT DE HET BEGIN IS VAN ELKE WEBSITE. IN DE WEBSITE KOMT NOG EEN ITEM HOME VOOR, MAAR DIT IS EEN CATEGORIE IN DE WEBWINKEL EN DUS NIET HET BEGIN VAN DE SITE. WE HEBBEN KLEUREN EN NUMMERS TOEGEPAST OM DE VERSCHILLENDE NIVEAU’S VAN DE MENUITEMS AAN TE GEVEN IN COMBINATIE MET EEN TEKST, DIE WEERGEEFT WELK MENU-ITEM HET OM GAAT. WE HEBBEN ONS BIJ DE WEERGAVE VAN DE MENU-ITEMS MET NIVEAU 2, BEPERKT TOT DE DAMES, HEREN EN KINDEREN CATEGORIEËN.
FILTERING BY SORTING UIT ERVARING MET STUDENTEN VAN GREG NUDELMAN BLIJKT DAT EEN GROTE VERWARRING ONTSTAAT TUSSEN DE WOORDEN FILTER EN SORTING. SORTEREN IS HET BEPALEN VAN DE VOLGORDE OP EEN SPECIFIEKE MANIER, BIJVOORBEELD OP ALFABET OF DATUM.
1.4 INLOGGEN 1.5 MIJN H&M
1.9 STORE LOCATOR
1.6 LAND KIEZEN
1.10 KLANTENSERVICE
1.7 SHOPPINGBAG
1.11 SHOPPEN UIT DE CATALOGUS
1.8 KASSA
1.12 AANMELDEN FASHION NEWS
BIJ FILTEREN LAAT JE ALLEEN DE ONDERDELEN ZIEN, DIE JE ALS FILTERS GESELECTEERD HEBT, BIJVOORBEELD: ALLEEN DE GROENE KLEUR PRODUCTEN. LAAG 1
LAAG 2 LAAG 3 LAAG 4
Omar Vasquez Jesus 500704100 Roze Informatiearchitectuur AVV 2 H&M ontwerp Sitemap van de H&M versie 1
LO-FI WIREFRAMES : CATEGORIE
ANNOTATIES 1. De gebruiker kan onder de titel een filter of sorteeroptie selecteren.
1
Omar Vasquez Jesus 500704100 Roze Informatiearchitectuur AVV 2 H&M ontwerp Lo-Fi wireframes: categorie overzicht 1 versie 1
LO-FI WIREFRAMES : CATEGORIE
ANNOTATIES 1. De gebruiker kan in het rec termenu een filter of sorteeroptie selecteren.
1
Omar Vasquez Jesus 500704100 Roze Informatiearchitectuur AVV 2 H&M ontwerp Lo-Fi wireframes: categorie overzicht 2 versie 1
LO-FI WIREFRAMES : FILTER
ANNOTATIES 1. De gebruiker kan onder de titel filteren.
1
Omar Vasquez Jesus 500704100 Roze Informatiearchitectuur AVV 2 H&M ontwerp Lo-Fi wireframes: filter 1 versie 1
LO-FI WIREFRAMES : FILTER
ANNOTATIES 1. De gebruiker kan filteren in het rechtermenu.
1
Omar Vasquez Jesus 500704100 Roze Informatiearchitectuur AVV 2 H&M ontwerp Lo-Fi wireframes: filter 2 versie 1
LO-FI WIREFRAMES : SORTEREN
ANNOTATIES 1. De gebruiker kan sorteren onder de titel.
1
Omar Vasquez Jesus 500704100 Roze Informatiearchitectuur AVV 2 H&M ontwerp Lo-Fi wireframes: sorteren 1 versie 1
LO-FI WIREFRAMES : SORTEREN
ANNOTATIES 1. De gebruiker kan sorteren in het rechtermenu.
1
Omar Vasquez Jesus 500704100 Roze Informatiearchitectuur AVV 2 H&M ontwerp Lo-Fi wireframes: sorteren 2 versie 1
HI-FI WIREFRAMES : CATEGORIE
ANNOTATIES 1. De gebruiker kan in het cat gorieoverzicht selecteren op producten filteren of sorteren.
4
5
2. De gebruiker kan zoeken op producten in de categorie.
2
6
3. Uitgelichte producten worden niet gesorteerd of gefilterd. 4. Metanavigatie.
8
5. Subnavigatie. 6. Menu.
7
1
7. Titel van de geselecteerde categorie. 8. Banner, foto of afbeelding.
9 3 9
Omar Vasquez Jesus 500704100 Roze Informatiearchitectuur AVV 2 H&M ontwerp Hi-Fi wireframes: categorie overzicht 1 versie 1
9. Productfoto’s.
HI-FI WIREFRAMES : FILTER
ANNOTATIES 1. Er kan gefilterd worden op eerdere aankopen en op prijs. 2. De prijzen worden aangepast in het overzicht.
3
3. De gebruiker kan zoeken op producten in de categorie. 4. Titel/naam van het product. 5. Prijs en BTW aanduiding.
2
1 4
5
Omar Vasquez Jesus 500704100 Roze Informatiearchitectuur AVV 2 H&M ontwerp Hi-Fi wireframes: filter 1 versie 1
HI-FI WIREFRAMES : SORTEER
ANNOTATIES 1. Er kan gesorteerd worden op prijs oplopend en aflopend, waarna het overzicht live veranderd. 2. De gebruiker kan zoeken op producten in de categorie.
3
2
Omar Vasquez Jesus 500704100 Roze Informatiearchitectuur AVV 2 H&M ontwerp Hi-Fi wireframes: sorteer 1 versie 1
3. De producten worden opnieuw gesorteerd naarmate er een sorteeroptie is geselecteerd.
1