Posts Tagged: Prototyp


8
Apr 08

Prototyping i Axure

Jag har äntlingen sprungit på verktyget jag länge letat efter. Och jag har letat febrilt sedan sekelskiftet, när jag på allvar började som interaktionsdesigner.

Det jag letat efter är ett verktyg i vilket jag kan beskriva vad som händer över tid och under olika omständigheter (Powerpoint). Det ska vara snabbt att jobba i och enkelt att komma igång med. Jag behöver dessutom kunna zooma och panorera (Powerpoint, Visio). Och jag vill inte behöva koda/programmera (Blend, Visio, Flash) – även om jag tycker det är kul att koda så är det inget jag vill pyssla med när jag prototypar.

Nu har jag inte suttit handfallen innan Axure, men prototyperna har varit mer storyboards och wireframes än just prototyper. Jag har fått knixa mig fram i Denim, Fireworks, Powerpoint, Illustrator, Visio, Photoshop, Acrobat, InDesign, Dreamweaver och även Filemaker(!), men då har det varit onödigt mycket hand- och dubbelarbeten samt klipp-o-klistra. Verktygen har varit hinder som behöver kringgås snarare än hjälpmedel.

Mitt elddop i Axure var en webbapplikation för skadereglering. Efter sex timmar (och detta var första gången jag på allvar satte mig med Axure) hade jag skapat en prototyp som omfattade

  • inloggningsförfarande (med felhantering) – fel kombination av användarnamn och lösenord
  • dynamisk ”ajax”-sökning av kund – en resultatlista som filtreras ju mer man skriver
  • presentation av kundens engagemang
  • registrering av två skadetyper med tillhörande dynamiska fält

Den första versionen var inte vacker, men både utvecklarna och användarna kunde klicka sig igenom hela proceduren och direkt återkoppla var det fanns luckor eller tekniska begränsningar. Så fort jag behövde återkoppling tog jag min Macbook Pro (som jag körde i bootcamp-läge) och gick över till endera grupp för att verifiera och kunna justera.

Jag stötte på lite patrull i verktyget då jag från början inte riktigt förstod möjligheterna, begränsningarna och skillnaderna mellan Masters, Dynamic Panels och Pages. Eller egentligen mest hur jag skulle nästla dynamiska paneler i master pages för att kunna återanvända beteenden.

Ett annat problem jag stötte på var hur jag fick OK-knappen i ett dialogfönster att uppdatera huvudvyn.

Som tur är så har Axure ett ganska aktivt forum och vi stöter ofta på samma problem så oftast går det att hitta en lösning där.

För ett tag sedan släpptes en förvånansvärt stabil beta av version 5, med bl.a. stöd för att positionera dynamiska paneler. Detta gör susen när man exempelvis vill prototypa ett expandera/kollapsa-beteende. Färgväljaren (som är ett skämt i Windows) har fått sig en välbehövlig omgång liksom Axures gränssnitt samt en hög andra funktioner som är bra att ha i en värld som mer och mer går mot webbapplikationer.


29
Jun 06

Prototyp- och skissverktyg

När jag skissar föredrar jag att jobba i Adobe Illustrator. Framförallt för att kolpennstrecken verkligen förmedlar att det är en skiss det handlar om. Använder man dessutom typsnittet Chalkboard så förstärks skisskänslan ytterligare.

Skissmanér i Adobe IllustratorIllustrators svaghet är att det är besvärligt att vidareförmedla händelser över tid. För detta tycker jag att Powerpoint är enklast att jobba i. Det är dessutom enkelt att anteckna förändringar exempelvis under möten.

Efter en intressant diskussion med en kompis igår, ska jag åter ge Adobe (fd Macromedia) Fireworks en chans. Framförallt på Linq använde vi detta. Mitt enda hinder är att jag är van vid Adobeprodukternas kommandon och tillvägagångsätt.

Styrkan med Fireworks är att man kan spara lagerstatus såsom synlighet och position i frames och på så sätt vidareförmedla tidsaspekten. Det går tom att redigera textattribut (normal/bold/färg) i enskilda frames för att påvisa ett läge.

Nu ska jag ut och googla efter gränssnittselement att lägga till Shapes-biblioteket.