PROTO.IO INTERAKTIV PROTOTYPING.

Presentasjon om: "PROTO.IO INTERAKTIV PROTOTYPING."— Utskrift av presentasjonen:

1 PROTO.IO INTERAKTIV PROTOTYPING

2 Christer Nordbø @CNordbo
Navn Jobber i Bouvet - Jobbet i Bouvet i 1 år Driver med til daglig Fullstendig kasseløsning for Unibuss ved hjelp av Hybrid applikasjon Oslo Taxi Kvittering @Cnordbo

3 Hvorfor prototype? Utvikler:
Skap ett funksjonelt prosjekt uten å måtte opprette nye utviklingsmiljøer som blir kludret til av kode som ikke kommer til å brukes etter hvert som kunden går gjennom revideringer av prosjektet. Designer: Server kunden levende bilder og funksjoner, Slutt å server kunden med statiske bilder, og illustrer tiltenkt funksjonalitet mot elementer. Dagens nettsider / applikasjoner krever langt mer av brukeren, enn hva det gjorde for 10 år siden – Lær dere å visualisere prosjektet på en mer interaktiv måte. Prosjektleder: Spar tid og penger i oppstartsfasen for de enkelte prosjektene der hvor prototyper kan være en løsning. Kunden: Kunden vil bli involvert på ett mye tidligere stadie av utviklingsprosessen, kunden vil også kunne gi tilbakemeldinger direkte i verktøyet, samt invitere sine medarbeidere / prosjektinvolverte til å teste ut applikasjonenen selv på faktiske enheter, selv før alpha stadiet. @Cnordbo

4 Hvorfor Proto.io @Cnordbo
Intensjonen er ikke å favorisere eller selge proto.io, men heller å vise frem ett verktøy som kan gjøre hverdagen enklere. Interaktivt Proto.io lar brukeren bruke verktøyet i en WYSIWYG (What you see is what you get) editor. Enkelt På grunn av denne editoren, så er proto.io ett enkelt verktøy å bruke, samt dele sin applikasjon gjennom. Avansert, om ønskelig. Etter hvert som man blir kjent med verktøyet kan man gå dypere inn i elementene og legge til avanserte animasjoner Eksempler: Det ligger en masse eksempler ute som du selv kan implementere rett i ditt prosjekt og hente elementer fra, utifra funksjonaliteten du selv ønsker. Inspirasjonsbibliotek. Involver kunden : - La kunden føle at den holder det ferdige prosjektet i hånden allerede i oppstartsfasen, innsalgsfasen. - Jobb direkte mot prototypen gjennom ett brainstorming møte, og be kunden teste ut etter hvert som dere itererer over funksjonene. Cordova / Phonegap - Eksporter det ferdige prosjektet direkte til HTML og kopier inn i Cordova / Phonegap for videre arbeid og implementering. @Cnordbo

5 Hvorfor Proto.io Interaktivt - Få en følelse av hvordan sluttproduktet er. Enkelt - Simpel editering gjør dette mulig med rike media biblioteker Avansert ( Om ønskelig ) - Animasjoner? Ingen problem! Eksempler / Inspirasjons database - Tom for Ideer? Søk etter litt inspirasjon Involver kunden - Bli raskere enig om endelig funksjonalitet Cordova / Phonegap eksport - Ferdig prosjekt raskere enn først planlagt? Interaktivt - Engasjerer brukeren, og lar deg få en følelse selv på hvordan ideen vil se ut i virkeligheten Enkelt Proto.io lar brukeren bruke verktøyet i en WYSIWYG (What you see is what you get) editor. På grunn av denne editoren, så er proto.io ett enkelt verktøy å bruke, samt dele sin applikasjon gjennom. Avansert, om ønskelig. Etter hvert som man blir kjent med verktøyet kan man gå dypere inn i elementene og legge til avanserte animasjoner Eksempler: Det ligger en masse eksempler ute som du selv kan implementere rett i ditt prosjekt og hente elementer fra, utifra funksjonaliteten du selv ønsker. Inspirasjonsbibliotek. Involver kunden : - La kunden føle at den holder det ferdige prosjektet i hånden allerede i oppstartsfasen, innsalgsfasen. - Jobb direkte mot prototypen gjennom ett brainstorming møte, og be kunden teste ut etter hvert som dere itererer over funksjonene. Cordova / Phonegap - Eksporter det ferdige prosjektet direkte til HTML og kopier inn i Cordova / Phonegap for videre arbeid og implementering. @Cnordbo

6 DEMO Interaktivt Proto.io lar brukeren bruke verktøyet i en WYSIWYG (What you see is what you get) editor. Enkelt På grunn av denne editoren, så er proto.io ett enkelt verktøy å bruke, samt dele sin applikasjon gjennom. Avansert, om ønskelig. Etter hvert som man blir kjent med verktøyet kan man gå dypere inn i elementene og legge til avanserte animasjoner Eksempler: Det ligger en masse eksempler ute som du selv kan implementere rett i ditt prosjekt og hente elementer fra, utifra funksjonaliteten du selv ønsker. Inspirasjonsbibliotek. Involver kunden : - La kunden føle at den holder det ferdige prosjektet i hånden allerede i oppstartsfasen, innsalgsfasen. - Jobb direkte mot prototypen gjennom ett brainstorming møte, og be kunden teste ut etter hvert som dere itererer over funksjonene. Cordova / Phonegap - Eksporter det ferdige prosjektet direkte til HTML og kopier inn i Cordova / Phonegap for videre arbeid og implementering. @Cnordbo