Posts Tagged: IxD


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
Aug 06

Nu fattar t.o.m. jag Fitts lag

Som självlärd interaktionsdesigner har jag missat en del föreläsningar inom områden som intresserar mig. Jag har framförallt genom projekt, skolade kollegor och en hel massa böcker, och inte minst internet, byggt min lilla verktygslåda med argument och metoder som jag använt mig av på mina jobb. Idag stötte jag på en förklaring till Fitts lag, som jag alltid varit nyfiken på, men varje gång jag försökt läsa om den så har jag stoppats av en matematisk formel som ofta kommit i början av kapitlet/artikeln/webbsidan.Den här artikeln hade också formeln ganska tidigt, men den började med att förklara att gubben Fitts forskade i att göra layouten i cockpit mer ergonomisk. Och jag gillar flygplan! Så jag fortsatte läsa. Lagen lyder:

  1. Ju längre bort (före)målet är, desto längre tid tar det att få tag på det
  2. Ju mindre (före)målet är, desto längre tid tar det att få tag på det.

Omvänt gäller även för båda punkterna – närmre och större (före)mål får man tag på snabbare.

Så långt hade jag redan förstått lagen, och såväl medvetet som omedvetet använt den praktiskt när jag designat gränssnitt.

Continue reading →


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.