• Save
Strategisk prototyping
Upcoming SlideShare
Loading in...5
×
 

Strategisk prototyping

on

  • 537 views

Strategisk prototyping handler om hvordan du kan bruke prototyping til mye mer enn bare brukertesting, hvordan du kan bruke prototyping som et verktøy i en profesjonell designprosess.

Strategisk prototyping handler om hvordan du kan bruke prototyping til mye mer enn bare brukertesting, hvordan du kan bruke prototyping som et verktøy i en profesjonell designprosess.

Statistics

Views

Total Views
537
Views on SlideShare
434
Embed Views
103

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 103

http://jflusund.net 103

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Strategisk prototyping Strategisk prototyping Document Transcript

  • STRATEGISK PROTOTYPING JANNE FLUSUND 11. MARS 2013Formål og strategiMetodeVerktøyEksemplerAxure demo
  • OUR MISSION...This is the voyager of the Amedia enterprise...Our mission is… (formål)En prototype kan ha mange formål utover ren brukertesting: • Linking mellom parallelle prosesser • Intern innsalg av ideer, raskere avgjørelser • Samarbeids- og diskusjonsmedium • Reduserer misforståelser (sparer tid og penger) • Teste gjennomførbarhet i utviklingsteamet • Utforske og experimentere • Evolusjonere og iterere • Teste ut konsepter • Generere og raffinere ideer raskere
  • FORMÅL
  • TO EXPLORE STRANGE NEW WORLDS...To explore strange new worlds… (Evolusjon og iterasjon)
  • EVOLUSJON OG ITERASJON
  • HYPPIGERE PROTOTYPING = RASKERE IDEGENERERINGEvolusjon og iterasjon: hyppig • Prototype små biter om gangen. • Hyppigere prototyping = raskere idegenerering! • Endre raskt og generer nye ideer
  • 8Evolusjon og iterasjon: iterasjoner (brukere, utviklere, interessenter) • Diskutere i teamet, gjør avsjekk med interessenter og teste på brukere. Involvere teamet i evolusjonsprosessen
  • WWW.LOKALAVIS.NO WWW.LOKALAVIS.NO 9Evolusjon og iterasjon: iterasjonerData dreven design: innsikt som forbedrer designet ved å ta bedre designbeslutninger.Forbedre brukeropplevelsen kontinuerligData er bare en del av prosessen. Vi trenger ogsåkvalitative data for å forstå brukerbehovene og opplevelsene.Kontinuerlig ny innsikt fra brukere, utviklere og interessenter former designet ogfremkommer i prototypen.
  • ANALYSE SYNTESE 10Evolusjon og iterasjon: WIP • Kontinuerlig forbedring. • Fokusere prototypen mer og mer utover prosjektets livløp • Designvisjon i starten, mer og mer konkret løsning mot slutten(Syntese: Kombinere separate elementer til en logisk helhet)
  • MYTE GODE IDEER 11Evolusjon og iterasjon: Myte • Myte: Gode innovative ideer popper opp ferdig utformet i geniale hjerner. ‘Gode ideer er et resultat av hardt arbeid med brukersentrerte utforskningsprosesser fulgt opp av sykliske gjentagelser med prototyping, testing og justering.’
  • TO SEEK OUT LIFE AND NEW SIVILISATIONS...To seek out life and new sivilisations… (Samarbeids- ogkommunikasjonsmedium) • Samarbeide med brukere, interessenter og utviklere med hyppige prototyper for å skape eierskap og få feedback
  • SAMARBEIDS- OG KOMMUNIKASJONSMEDIUM
  • .......... .......blabl.. ................. ...........bla. ..bla.......... ......Samarbeids- og kommunikasjonsmedium: Teamarbeid • Teamet får et felles bilde av hva vi skal lage • Prototypen kan fungere som et medium for samarbeid
  • Redusere misforståelser • Avansert funksjonalitet blir forklart enkelt og raskt. Du trenger ikke å skrive en masse forklaringer og spesifikasjoner på hva som skal skje når en klikker, slider eller peker • En prototype er svært visuell og selvforklarende, det er ikke så mye som er opp til fortolkning • Teste gjennomførbarhet i utviklingsteamet : Få avdekket uklarheter før utvikleren begynner å programmere • Finn feil raskere
  • Samarbeids- og kommunikasjonsmedium: Interessenter • Intern innsalg av ideer, raskere avgjørelser • Avsjekk med interessenter. Jo flere ledere som går god for løsningen, jo større er muligheten for suksess
  • PARALLELLE PROSESSERSamarbeids- og kommunikasjonsmedium: Parallelle prosesserLinking mellom parallelle prosesser • Bruk prototypen til å aligne designprosessen med utviklingsprosessen og forretningsprosessene • En prototype kan fungere som et naturlig kommunikasjonsmedium når du gjør avsjekk med interessenter og tekniske utviklere • Prototypen kan hjelpe teamet med å ha fokus på riktig sted i prosessen
  • TO BOLDLY GO WHERE NO MAN HAS GONE BEFORE...To boldly go where no man has gone before… (Utforske og experimentere)
  • UTFORSKE OGEXPERIMENTERE
  • Utforske og experimentere: Prøv! • En prototype lar deg kjenne på hvordan det føles å klikke og bevege deg rundt i grensesnittet • Å prøve å løse problemet i en prototype kan i seg selv gjøre at du forstår problemet bedre • Test ut ideer i en prototype: Hva skjer hvis vi gjør slik? • Visualisere mulige løsninger raskt
  • HEI ABONNENT, DU HAR TILGANG FEIL I KODE KJØP OPS, NOE GIKK GALT... LOGG INNUtforske og experimentere: Scenarier og viktige detaljer • Det å prototype hjelper designeren med å huske alle detaljene i grensesnittet som må designes. Eksempelvis mikrotekst for errormeldinger, innlogget/utlogget modus, bruker som har data eller ikke har data.. • Lag scenarier som viser ulike brukermodus og hvordan designet imøtekommer individuelle brukerbehov
  • CHOOSE A WEAPON...Choose a weapon… (prototypingverktøy)Hvilket våpen du velger går litt på personlig stil, men ikke bli altfor komfortabel med detsamme våpenet som du alltid bruker. Hvilket våpen du bør bruke kommer an på hvasom er målet ditt og formålet med prototypen.Dersom du jobber som konsulent, så er det kanskje viktigere at prototypen ser fancy ut,enn om du jobber som innomhus-designer. Da vil kunden se at en får den kvaliteten enbetaler for. Da velger du kanskje en ’007 pistol’. Dersom du skal generere ideer internt,så vil du heller bruke en fargesprakende vannpistol. Dersom du skal bare klubbe rasktned en enkel liten stubb, så trenger du en øks. Dersom du skal treffe en helt presis litendetalj og vise det til noen som er langt borte, så vil du nok heller bruke en sniper. Deulike prototypingsverktøyene som finnes der ute har ulike styrker og svakheter.
  • Dette må du tenke på når du skal velge verktøy:
  • LO-FI HI-FIPrototypingverktøy: Hvor er du i prosessenI ulike faser av prosessen kan det være relevant å bruke ulike verktøy eller metoder.Dersom du skal generere ideer så er det kanskje best med papir og blyant for å sikre enfri kreativ flyt.Skal du lage et responsivt design, så vil du kanskje heller bruke html/CSS eller etverktøy som Edge reflow eller Proty.
  • HI-FI eller LO-FI25 HI-FI eller LO-FI En prototype skal være tidsbesparende og kostnadsbesparende, derfor vil du velge den laveste detaljeringsgraden som får jobben gjort. Hvor høy detaljeringsgrad du trenger kommer an på prosjektet, hvor du er i prosessen, og flere andre faktorer: • Publikum: Eksempelvis at prosjekteieren må kunne se om løsningen møter målene, eller at utviklerne må kunne se hva som er påkrevet av funksjonalitet • Kultur: Noen interessenter vil respondere bedre på en HI-FI prototye • Levetid: Skal prototypen kunne oppdateres? Da er det lurt om du har en løsning som er lett å justere på uten å gjøre alt på nytt hver gang • Formål: Hvor stor del av siten skal prototypes? Hvilke problemer skal du løse?
  • LAV HØY VISUELL SKISSERT/STYLET FUNKSJONELL Ved klikk x skal STATISK/INTERAKTIV brukeren gå til y INNHOLD Lorem ipsum Vennligst LOREM/AUTENTISK dolor sit ameth... prøv igjenHøy eller lav detaljeringsgrad kan deles opp i 3 punkter, høy eller lav: • Visuell detaljeringsgrad: Skissert eller stylet. Er prototypen stylet for tidlig, får diskusjonen feil fokus • Funksjonell: Statisk eller interaktiv. Det er mer tidkrevende å lage en funksjonell prototype, men det fungerer bedre ved brukertesting • Innhold: Lorem ipsum eller autentisk tekst. Dummy tekst kan være forstyrrende i brukertester, men det fungerer helt fint på ide og konseptstadiet
  • LO-FI • Fort, farlig og billig papirprototyping • Eks. papirprototyping eller Mockingbird • En LO-FI prototype virker mer open for endringer: Noen ganger er det relevant å gjøre det ekstra tydelig at prototypen er ‘work in progress’ slik at de som skal se på den skjønner at dette ikke er det endelige produktet, men en prototype som vi gjerne vil ha tilbakemeldinger på. Det kan være eksempelvis når målgruppen for prototypen er uvant med å samarbeide med designere • Passer bra til idemyldring og konseptualisering • Tvinger fokuset over til bruken istedenfor utseendet
  • MEDIUM-FI • Med en medium-FI kan du gjøre endringer uten å tegne opp alt på nytt • Eks. Balsamiq, html wireframes.. • Interaktivitet ved lenking mellom skjermbilder • Se om brukeropplevelsen er optimal • Noen ganger lager vi en MEDIUM-FI, men får den med vilje til å se ut som en LO-FI for å tvinge andre til å se på den som ‘work in progress’ heller enn et polert produkt
  • HI-FI • EN HI-FI prototype er mer presis og realistisk, den har gjerne noe visuell design og nyansert interaksjon • Eks. html/CSS eller Axure • EN HI-FI prototype tar lenger tid å lage og opprettholde • Den kan fungere som et referansepunkt for utviklere når de setter i gang utviklingen • En HI-FI prototype fungerer bra til brukertesting. Når vi tester på reelle brukere, er det en fordel om prototypen er så tett opp mot virkeligheten som mulig, at mikrotekster er autentiske, at det visuelle er geografisk riktig, og at funksjonaliteten fungerer slik som den skal. Det som er mindre viktig å ha på plass ved en brukertest er den visuelle detaljeringsgraden
  • Side 30AxurePrototypingverktøy som Axure kan redusere den bratte læringskurven man har ved HI-FI prototyping.Men det fungerer per nå dårlig til responsiv design.Axure kan også brukes til LO-FI prototyping.Bruk av Mastere sparer mye tid, og med Panels kan du lage mye avansertfunksjonalitet ganske enkelt.
  • @JFLUSUND