Informatiearchitectuur AVV 1 Action ontwerp
Naam Omar Vasquez Jesus Studentnummer 500704100 Klas Roze Docent C.J.H.M. van den Driesche Vak Informatiearchitectuur Opdracht AVV 1 Action ontwerp Type ontwerp Lo-Fi wireframes Versie 1 Datum 17 - 4 - 2015
Producten wireframe 1
ANNOTATIES 1. Dit is de menubalk, er horen nog andere koppen bij maar die zijn niet relevant voor dit ontwerp.
1 3 2
4
5 7 6
8
2. Hier heb je radio knoppen me de opties om de indexering aan te passen, in dit geval prijs oplopend of prijs aflopend. 3. Hier komt de titel van de desbetreffende pagina. 4. Zoekbalk: zoek producten of onderwerpen. 5. Afbeelding/foto van het product. 6. Klik op deze knop om het product toe te voegen aan de boodschappenlijstje. 7. Prijs van het product. 8. Scroll balk.
Informatiearchitectuur AVV 1 Action ontwerp Lo-Fi wireframes Producten 1
Producten wireframe 2
ANNOTATIES 1. Prijs van product. 2. Druk op deze knop om het product in de boodschappenlijstje te plaatsen. 3. Vergelijkbare producten met die in de boodschappenlijstje.
5
4
4. Klik hier om naar het volgende product te sliden. 5. Klik hier om naar het vorige prouct te sliden.
2 3
Informatiearchitectuur AVV 1 Action ontwerp Lo-Fi wireframes Producten 2
1
Boodschappenlijstje wireframe 1
ANNOTATIES 1. Foto/afbeelding van product. 2. Klik hier om het product te verwijderen uit de booschappenlijstje. 3. Algemene informatie over het product.
1
3 2
Informatiearchitectuur AVV 1 Action ontwerp Lo-Fi wireframes Boodschappenlijstje 1
4
4. Bon, prijzen van de producten en totaal bedrag.
Boodschappenlijstje wireframe 2
ANNOTATIES 1.Verwijder product uit boodschappenlijstje. 2. Bon met prijzen van producten. 3. Gekochte producten kun je hier bekijken.
2
1
4. Bekijk hier je bestelgeschiedenis en check wat je al hebt. 5. Hier kan je producten vinden in je boodschappenlijstje door middel van een categorie te kiezen.
3 4 6
Informatiearchitectuur AVV 1 Action ontwerp Lo-Fi wireframes Boodschappenlijstje 2
5
6. Klik hier om de nieuwe producten te bekijken (en mogelijk toe te voegen aan je boodschappenlijstje).
Bestellen wireframe 1
ANNOTATIES 1. Adres en betaalgegevens invullen. 2. Producten en prijzen van de boodschappenlijstje.
1
2
3. Eerder bestelde producten. 4. Betaalkeuze.
4 3
Informatiearchitectuur AVV 1 Action ontwerp Lo-Fi wireframes Bestellen 1
Bestellen wireframe 2
ANNOTATIES 1. Bekijk hier producten die passen/matchen bij de producten in je boodschappenlijstje.
1
Informatiearchitectuur AVV 1 Action ontwerp Lo-Fi wireframes Bestellen 2