Hvilke egenskaper må et verktøy ha når du lager prototype? Hva er HOTog hva er NOT?

Wireframes, konseptskisser, prinsipielle skisser, prototyping – kjært barn har mange navn. Og mange verktøy. Men hva handler dette egentlig om?

Når vi utvikler nettsteder begynner vi gjerne med noen innledende aktiviteter som gjør at vi har nok informasjon til å definere en ide og et kommunikasjonskonsept. Vi definerer en strategi som gir føringer for hvordan kanalen skal fungere. Når dette er på plass starter vi arbeidet med informasjonsarkitektur og prototyping.
Prototype er skisser som viser hvilket innhold vi skal ha, hvordan innholdet skal vektes opp mot hverandre, hvordan navigasjonen skal fungere, hvilke triggere vi skal tilføre, hvordan funksjonalitet vi trenger og hvordan interaksjonen skal fungere. Prototypen skal primært hjelpe oss til å teste ut ideer og være med på å sikre felles forventninger til sluttproduktet.

Prototyping kan gjøres på flere måter. Vi kan tegne på papir, vi kan tegne i et tegneverktøy eller vi kan lage klikkbare nettsider med eller uten implementert design. På samme måte som andre bransjer, for eksempel arkitekter eller bilindustrien prototyper et hus eller en bil gjør vi det for nettsteder.

Papir, blyant, lim og saks

Etter å ha deltatt på Henrik Olsen sin workshop på Yggdrasil har jeg blitt bedre kjent met et helt nytt vektøy. Papir, blyant, lim og saks. Metoden innebærer at du klipper ut alle innholdselementer du har definert. Deretter plasseres de rundt på ”nettsiden”. De faste elementene som danner rammeverket limes på “nettsiden”. Deretter kan du teste ut tankene dine vha en enkel brukertest. Når en bruker ”trykker” på en knapp skiftes innholdselemetene ut.

Min erfaring…

Rask måte å skissere på. Tar 3 sekunder å lage en feilmelding.
Fint å bruke denne metoden når man er flere som skal delta i aktiviteten.
Lett å prøve – og feile.
Fint metode å bruke som innledning på prototypearbeidet.

Fra workshop på Yggdrasil

Balsamiq Mockups

Balsamiq Mockups er en air applikasjon levert av Balsamiq Studios.
Jeg har jobbet med desktop versjonen av verktøyet. Balsamiq er et enkelt verktøy som man lett lærer seg å bruke. Bruken er basert på drag and drop av forhåndsdefinerte elementer. Det er et rikt utvalg av standard ux-elementer som checkbox, kart, navigasjon og diagrammer.  Mange bruker dette verktøyet fordi skissen gir et inntrykk av at den er håndtegnet. Dette bidrar til at fokus holdes på innhold og interaksjon.

Min erfaring…

Jeg er veldig glad i dette verktøyet. Det er enkelt og raskt å skissere opp tanker og ideer.
Jeg liker strektegning følelsen som sikrer riktig fokus.
Skulle gjerne hatt muligheter for å integrere interaksjon og enkel funksjonalitet.
Samhandlingsmulighetene er begrenset til eksport av.png eller print somk du kan sende eller vise andre :)

HotGloo

Dette er en webbasert løsning som også er veldig enkel å bruke. Du får din egen url hvor du kan opprette ett eller flere prosjekter, for eksempel cecilie.hotgloo.com. Verktøyet har innebygd grid og et rikt arkiv med standard ux-elementer. Du kan sette opp ulike interaksjoner mellom elementene for å skape interaktive prototyper. Det er rike muligheter for samhandling. Når du jobber på (eller er ferdig med) et prosjekt kan du opprette kunden som bruker med review tilgang. Kunden vi da kunne kommentere ulike elementer eller chatte direkte med andre påloggede.

Min erfaring…HOT

Idag er dette det verktøyet jeg prefererer å jobbe med. Det er fordi det er enkelt og raskt, du kan tilføre interaksjon og det er rikesamhandlingsmuligheter. Det lar deg i stor grad skape virkelighetsnære prototyper. Knyttet til verktøyet finne det en rekke tutorials, forum, og ressurser på nett.

Hvilke egenskaper skal et verktøy ha? Hva synes dere er HOT?

Er veldig spennende å høre deres tanker og erfaringer med ulike verktøy. Hvilke egenskaper setter dere høyest? Har du noen gode eller dårlige opplevelser, har du oppdaget noen skjulte skatter der ute? Del med oss andre :)