Embed Size (px)
Citation preview
Demo+SpecEnthousiasme en
Vertrouwen
idee/concept realisatie/productie
Enthousiasme en Vertrouwen
Demo+SpecDemo+Spec
PresentatiePresentatie PlanningPlanning
OntwerpspecOntwerpspec
PresentatiePresentatie
Product+DocProduct+Doc
ConceptConceptDebriefingDebriefing
ContentContent
BouwBouw
PromotiePromotie
(her)Ontwerp(her)OntwerpOntwerpOntwerpConceptConceptStartStart
Demo+SpecDemo+Spec
PresentatiePresentatie
(her)Ontwerp(her)Ontwerp
Kernidee/FunctiesKernidee/Functies
Doelgroep/GebruikDoelgroep/Gebruik
Gaat lukken/HaalbaarGaat lukken/Haalbaar
Wow!!Wow!!
ConceptConcept
Demo– Kernidee/functies– Interactie/Flow/Geluid– Wow!!!
Specificatie– Overzicht– Knelpunten– Vertrouwen
Alleen demonstratie Demo & PrototypeAlleen prototype
UI testsExploratory/Concept:– Is het ontwerp een doelgroepgerichte
oplossing voor het probleem?– Exploreren/opdrachten staan centraal
– Do the get it?– Do they like it?
Assessment/‘Usability’:– Is het ontwerp de optimale oplossing?– Taken/opdrachten centraal
– Navigatie/Indeling– Interactie/Bediening/Motoriek– Snelheid/Fouten/Herstel– Lay-out/Focus– Stijl/Schoonheid– Taal/Labels
Demo+SpecDemo+Spec
PresentatiePresentatie PlanningPlanning
OntwerpspecOntwerpspec
PresentatiePresentatie
Product+DocProduct+Doc
ConceptConceptDebriefingDebriefing
ContentContent
BouwBouw
PromotiePromotie
Ontwerp, UI test en Presentatie
(her)Ontwerp(her)OntwerpOntwerpOntwerpConceptConceptStartStart
Demo bij presentatie
Demo voor UI test
Demo om te ontwerpen
Demo voor UI test
Specs
Een goed gespecificeerd concept/ontwerp
Geeft de opdrachtgever de informatie, zekerheid en zin om te kunnen besluiten om te starten met de realisatie,
Geeft het team de informatie om te plannen, taken te verdelen, effectief te testen en om vervolgens effectief te herontwerpen.
Demo+SpecDemo+Spec OntwerpspecOntwerpspec Product+DocProduct+DocConceptConceptDebriefingDebriefing
ContentContent
BouwBouw
PromotiePromotie
Ook specs maak je iteratief
Debriefing > Concept report > Demo specificatie > Ontwerp > Documentatie– Zijn altijd beknopt, krachtig en
verzorgd– Hebben voorganger als basis– Belangrijkste wijzigingen in inleiding
(her)Ontwerp(her)OntwerpOntwerpOntwerpConceptConceptStartStart
Verandering/Wijzigingen
Kernidee
Functionaliteit
Scenario’s
Conceptschets
Bijlage: UI test results
Passend (tekst, beeld, diagram…)
6 pagina’s (kort en beknopt)
In tweevoud
Verandering/Wijzigingen
Kernidee
Functionaliteit
Scenario’s
Conceptschets
Bijlage: UI test results
Passend (tekst, beeld, diagram…)
6 pagina’s (kort en beknopt)
In tweevoud
Demo specs
Het bouwen van een eenvoudige toren in 4 stappen
Hiervoor heb je drie grote vierkante rode blokken en één klein rechthoekig
blauw blok nodig
Stap 1: Begin met het eerste grote vierkante rode blok met de noppen naar
boven op de grond te zetten. De solide basis van de toren in nu af.
Stap 2: Zet vervolgens het tweede grote rode blok precies midden op het
eerst grote rode blok. Het begin van de toren is nu af.
Stap 3: Zet dan het derde grote rode blok precies midden op het tweede
grote rode blok. De hoofdtoren is nu gereed. Nu alleen de blauwe spits van de
toren nog.
Stap 4: Zet tenslotte het rechthoekige kleine blauwe blok precies midden op
het derde grote rode blok door het een nop van de voorkant en een nop van
de linkerkant te plaatsen. De eenvoudige toren is nu af.
Het bouwen van een eenvoudige torenBenodigd: drie grote rode en een klein blauw blok
Stap 1: Zet het eerste rode blok op de grond.
Stap 2: Zet het tweede rode blok op het eerste blok.
Stap 3: Zet het derde rode blok op het tweede blok.
Stap 4: Zet tenslotte het kleine blauwe blok midden op het derde rode blok. De eenvoudige toren is nu af.
Functies– Plan route langs winkels in
bepaalde stad op basis van criteria
– Plan OV reis naar begin route in stad
– Wijs route in bepaalde stad
– Attendeer op locaties en winkels in stad
– Plan horecastops in stad in directe omgeving (op basis van criteria)
– Bereken uitgaven van de dag
Soraya (links) en Jennifer (rechts) zijn allebei nog op zoek naar zomer schoenen. Ze hebben besloten om een keer in Purmerend te gaan shoppen, ze kennen die stad nog niet heel goed. Ze laten daarom een route berekenen door de FashionTT die alle schoenenwinkels van Purmerend langs gaat. Aangezien Jennifer en Soraya allebei nog geen auto rijden, voeren ze in dat ze met het openbaar vervoer naar Purmerend willen gaan. De route wordt berekend en alle info over de bus verschijnt in beeld.
Soraya en Jennifer zitten in de bus. Ze bekijken de route die ze gaan lopen.
Jennifer en Soraya zijn net uitgestapt. De Fashion TT geeft aan waar naar toe we moeten lopen. Jennifer wijst de straat aan die ze heeft net gezien op het kaartje.
De fashion TT geeft aan dat ze deze straat in moeten.
Plotseling gaat de telefoon trillen. Jennifer en Soraya hebben de eerste schoenenwinkel bereikt. In het beeld verschijnt informatie over de winkel. Wanneer ze de winkel in gaan zetten ze het programma op “winkelstand”.
Ze komen de winkel uit, ze zijn allebei meteen geslaagd voor hun eerste paar schoenen. Ze halen de Fashion TT weer van de “winkelstand”af. Het programma geeft aan welke kant ze op moeten, links of rechts.
Jennifer en Soraya vervolgen de route van de Fashion TT.
Jennifer zegt dat ze honger krijgt. Soraya gaat naar de “Ik wil…” optie in het scherm en voert in dat ze een restaurant zoekt. Ze kiezen een van de restaurantjes uit die hen het lekkerst lijkt. De route wordt opnieuw berekent en ze gaan op weg naar het restaurant.
Ze zijn aangekomen bij “Het hoedje van de koningin” Het restaurant die ze hadden uitgekozen. Het programma wordt weer op de “Winkelstand”gezet.
Ze hebben gegeten en geven aan dat ze weer verder wille met hun schoenenwinkel route.
Als ze klaar zijn met hun route en shoppen, voeren ze in wat ze gekocht hebben en kijken ze wat hun totale uitgave van vandaag was.
Jennifer en Soraya staan weer op de bus te wachten. Ze bekijken de vertrektijden van de bus op de FashionTT.
Fahionita (Soraya Meirmans)
Schermverloopdiagram
Annoteer afbeeldingen wel altijd even (bijvoorbeeld met een
onderschrift)
Uitzonderingen en
foutafhandeling nog
niet van belang
Groot hoofd
TV gezic
ht
Geen mond
Slijtplek
Uniform
Cola light
Deuk
Grote oren
Monitor gezicht
HVA button
Recht en
hoekig
Schoenen
SANNE2003/04
© Mimi & Henk - 3 december 1971 Amsterdam
Presenteer lay-out, stijl, tone of voice met voorbeelden.
Neem ook inspiratie op (bijv. Collage of tekst uit boek).
Annoteer ook hier.
Conceptschetsen
Verandering/Wijzigingen
Kernidee
Functionaliteit
Scenario’s
Conceptschets
Bijlage: UI test results
Passend (tekst, beeld, diagram…)
6 pagina’s (kort en beknopt)
In tweevoud
Verandering/Wijzigingen
Kernidee
Functionaliteit
Scenario’s
Conceptschets
Bijlage: UI test results
Passend (tekst, beeld, diagram…)
6 pagina’s (kort en beknopt)
In tweevoud
Demo specs
