Wij hopen hiermee meer duidelijkheid te verschaffen en ervoor te zorgen dat alle documenten bekeken worden.

De deliverables zijn te vinden op de pagina Deliverables.

Groeten, Team Treadwheel

Afgelopen vrijdag hebben we besloten dat we op de valreep toch nog graag een usertest met ons clickable prototype wilden doen. Wij vonden het erg belangrijk om ook in deze fase nog eens feedback te krijgen van een gebruiker. Dus hebben we de meest kritische student die we konden vinden in zijn nekvel gegrepen en achter een laptop gegooid.

Onze bevindingen kun je terugvinden op de pagina User testing (onder Clickable prototype) en de videoregistratie is op YouTube te vinden.

Dankzij Linda is het gelukt; we hebben alle schermen voor ons clickable prototype visueel uitgewerkt!

Alle visuals zijn te vinden op de pagina Ontwerpdocumenten.

HTML heeft als voordeel dat je de applicatie ook daadwerkelijk op de iPhone zelf kan testen/demonstreren. Echter hebben we vorig jaar al de basis van HTML en CSS aardig onder de knie gekregen en we kunnen zeggen dat dit met Flash nog niet helemaal het geval is.

Afgelopen blok hebben we wel een kort filmpje moeten maken in Flash voor Visual Interface Design en we hadden allen het idee dat Flash een onderwerp is waar we ons nog verder in wilden verdiepen.

De keuze is dus geworden om het clickable prototype in Flash te maken en te presenteren op een smartboard, zodat we toch nog de sensatie van het ‘buttons tappen’ hebben en de applicatie meer de look and feel van een echte iPhone applicatie kunnen meegeven.

Uit te werken schermen prototype
We hebben besloten om de volgende schermen uit te werken voor ons prototype:

Recepten (Wat eten we vandaag? plus Receptenvinder) – Alles; 7 schermen, 2x coverflow Recepten en 1x een landscape Kookstand.

Bewaarde recepten – Hiervan maken we een statische JPEG. De pijltjes worden wel clickable echter verwijzen deze naar de pagina Recept uit Recepten (zelfde interactie/vormgeving)

Boodschappenlijst (plus Bezorg thuis) – 2 schermen vd boodschappenlijst en 2 schermen plus pushberichtvenster (blauwe pop-up) van Bezorg thuis

Bonus – 2 schermen (waarvan de laatste een statische afbeelding). In het eerste scherm moet nog wel de optie “Bonustips aan/uit” verwerkt worden (korte tekstuele uitleg erbij wat het doet, Linda??)

Meer – Eén statische afbeeldingt (evt. Bonustips nog clickable maken? Niet noodzakelijk mijns inziens, deze hebben we al bij Bonus laten zien)

Op deze manier hopen we vóór 3 februari toch met een goed werkend prototype op de proppen te komen.

Wij zijn van mening dat we als team veel te veel bezig zijn geweest met het concept en het perfectioneren van de interactie-ontwerpen. Dit is niet handig van ons en we hadden dit zelf beter in de gaten moeten houden, maar toch willen we ook een klein beschuldigend vingertje wijzen op de begeleiding.

Volgens ons lag ook tijdens de projectlessen te veel de nadruk op nogmaals het presenteren van de interactie-ontwerpen, het bespreken van de beruchte wow-factor en het alsmaar verbeteren van de interactie en de onderdelen van onze applicatie.

Achteraf hadden we hier veel eerder aan de rem moeten trekken en aan moeten geven dat de focus van dit project ligt op de technische realisatie.

Maar gedaan is gedaan. Wij vrezen echter wel dat omdat het proces nu zo is gelopen ons concept en de uitwerking van de onderdelen van de applicatie dan wel goed mogen zijn, ons technische prototype zal hier waarschijnlijk onder lijden.

Een punt van aandacht dus, voor de begeleiding en voor onszelf; bewaak het proces en verlies het doel van het project niet uit het oog!

Reacties welkom!

• het schrappen van een tweede usertest (i.v.m. tijd)
• bouwen van een clickable prototype alleen voor presentatie
• toevoegen van de mogelijkheid ‘Thuisbezorgen’
• de visuals moeten gereed gemaakt worden voor het bouwen van een clickable prototype (puntjes op de i, converteren naar Photoshop-bestand)
• er moet bedacht worden welke mogelijkheden er zitten in het Instellingen-menu. De gebruiker moet de app hiermee helemaal kunnen personaliseren

Misschien niet heel interessant voor de lezer maar des te meer voor de teamleden, bespreken we nu de stappen die nog ondernomen moeten worden.

Wat eten we vandaag?

• ‘meer informatie’ komt onder de reviewsterretjes
• knoppen 2 aan 2 plaatsen
• buttons in bar uitlijnen, corps tekst zelfde grootte

Bezorgservice

• ‘Opslaan’-button weg
• er komt een blauw pop-up venster na tappen ‘Bezorg’ (zoals bij pushberichten en sms) met tijd, adres en de totale kosten.
• De opties ‘Bevestig’ en ‘Annuleer’ worden ook in dit venster gegeven
• Wanneer de gebruiker geen mijnAH.nl account heeft en hij tapt ‘Bezorg thuis’ aan in de Boodschappenlijst krijgt hij een blauw pop-upvenster met de melding “U heeft nog geen mijnAH.nl account geregistreerd. Registreer uw account of maak er een aan.’ met een ‘Maak aan/registreer’ button en een ‘Annuleer’ button.

User instellingen

• mijnAH.nl > bestaand/maak aan
• Allergieën
• Vegetarisch ja/nee
• Ik houd niet van…
• Bonuskaartnummer
• Bonustips aan/uit (deze optie moet ook bij het Bonusgedeelte zelf worden weergegeven
• Winkelvoorkeur (dit is vooral handig m.b.t. het aanwezige assortiment)

Mark laat zijn gedachten gaan over wat voor instellingen zich hier nog meer moeten bevinden en werkt de opzet hiervoor uit zodat dit eventueel nog in het visual interface design verwerkt kan worden.

Clickable prototype

Omdat we besloten hebben om geen 2e usertest meer te doen gaan we nu kijken naar wat de meest efficiënte (lees: snelste) manier is van het bouwen van een clickable prototype.

Mark gaat kijken naar wat de mogelijkheden zijn in Flash (omdat het dus niet noodzakelijk is om de prototype op de iPhone zelf te testen. Deze heeft namelijk geen Flash).
Heijn buigt zich over het bouwen van het prototype in html.

Wanneer we inzicht hebben in de verschillen in tijd en moeite van deze twee methoden, maken we een keuze voor een van de twee.

Overige werkzaamheden

Rutger zorgt dat de blog bijgewerkt wordt zodat ieder teamlid hier zijn werkzaamheden op terug kan vinden.
Linda neemt de visuals voor haar rekening.