Demo+Spec Enthousiasme en Vertrouwen

idee/conceptrealisatie/productie Enthousiasme en Vertrouwen Demo+Spec Presentatie Planning Ontwerpspec Presentatie Product+Doc Concept Debriefing Content Bouw Promotie (her)Ontwerp Ontwerp Concept Start

Demo+Spec Presentatie (her)Ontwerp Kernidee/Functies Doelgroep/Gebruik Gaat lukken/Haalbaar Wow!! Concept

Demo –Kernidee/functies –Interactie/Flow/Geluid –Wow!!! Specificatie –Overzicht –Knelpunten –Vertrouwen

Alleen demonstratieDemo & PrototypeAlleen prototype

UI tests Exploratory/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+Spec Presentatie Planning Ontwerpspec Presentatie Product+Doc Concept Debriefing Content Bouw Promotie Ontwerp, UI test en Presentatie (her)Ontwerp Ontwerp Concept Start Demo bij presentatieDemo voor UI testDemo om te ontwerpenDemo 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+Spec Ontwerpspec Product+Doc Concept Debriefing Content Bouw Promotie 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 Ontwerp Concept Start

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 toren Benodigd: 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 gezicht Geen mond Slijtplek Uniform Cola light Deuk Grote oren Monitor gezicht HVA button Recht en hoekig Schoenen SANNE 2003/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