Posts Tagged: Verktyg


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.


2
Apr 08

Ny mac – steg för steg

Så här gör jag så fort jag packat upp en ny mac (åtminstone bärbara):

Inställningar

  1. Jag väljer engelska som huvudspråk – mest av gammal vana och bekvämlighet
  2. Inställningar -> Internationellt
  3. Språk – välj bort allt förutom engelska och svenska – engelska överst (sätter man svenska överst och loggar ut eller eventuellt bootar om är gränssnittet på svenska). Om jag installerar om, till skillnad från fabriksinstallation väljer jag bort alla språkpaket förutom svenska och engelska
  4. Format – Region (visa alla) – Sweden/Swedish
  5. Tangentbord & mus -> Sätt F1, F2 till att användas som standard
  6. Modifier keys -> Sätt Caps Lock till No action

Tilläggsprogram

  • Little Snitch för att hindra otillbörlig utgående trafik!
  • Launchbar för att öppna program, dokument, mm via tangentbordet. Även om Spotlight fr.o.m. Leopard blivit väldigt kompetent så känns Launchbar mycket rappare
  • Hazel (och välj App Sweep) för att slänga överblivna prefs-filer från program som inte används
  • Smart scroll för iPhone-skrollning på mac:en :)
  • Inquisitor – Spotlight för Safari
  • Safari Adblock och/eller Pithhelmet (ej kompatibelt med Safari 3.1 än) för att kunna överleva webbplatser med reklam
  • Bluephone Elite för att kunna SMS:a och ringa från adressboken med blåtandskopplad mobiltelefon (som man kunde innan Apple tog bort denna fantastiska funktion :( )
  • Fruitmenu (ej färdig för Leopard ännu) för att få utfällbar meny med inställningarna och ip-adress i Applemenyn
  • Foldershare för att synka alla burkar, såväl mac:ar som windows:ar

1
Apr 08

Hazel tar bort prefs-filer som inte används

På macen finns två sätt att installera nya program på. Ett av dem är via sedvanlig installationsapplikation (antingen en applikation eller en pkg-fil). Dubbelklicka, följ anvisningarna på skärmen och du är klar så småningom.

Det andra sätter är att dra och släppa programmet, eller mappen med programmet i, exempelvis till programmappen.

Vad som saknas däremot är avinstallation.

Egentligen saknas det inte eftersom det bara är att dra programmet (eller mappen med programmet i) till papperskorgen så är man klar. Detta tar dock inte bort inställningsfiler och annat skräp från datorn.

Det är här Hazel kommer till undsättning. När du lagt ett program i papperskorgen frågar Hazel vänligt om du dessutom vill slänga skräpet som programmet lusat ned systemet med.

Din egna lilla sopgubbe!


31
Jan 07

Sketch Up avslutar diskussionen

Vi ska bygga balkonger i vår bostadsrättsförening. Varför det inte gjordes när huset byggdes år 2000 vet ingen, men nu hoppas sex av oss lägenhetsinnehavare att få avnjuta såväl frukost som middag i solen. Kanske redan till sommaren.

Till en början var allt frid och fröjd men efter ett tag blev de som bodde på nedre botten oroliga att balkongerna skulle skugga deras altaner. Jag kunde förstå deras oro men är ju samtidigt vääääldigt sugen på en balkong. Så jag kände mig tvungen att se om balkongerna verkligen skulle åsamka mina undre grannar någon skada.

Först tog jag ett foto på husfasaden med min Canon Ixus 850IS. Sen slangade jag hem version 6 av Google Sketchup som begåvats med fotomatchning (meny Camera – New Photo Match…) och gjorde som de visade på hjälpsidan och videokursen. Jag uppskattade avståndet mellan våningarna till 3,4 meter då jag har 3.2 meter i takhöjd.

Fotomatchning i Sketch Up

Continue reading →


24
Aug 06

Smart besöksstatistik (och testverktyg)

Jag gillar uppmärksamhet och uppskattning. Ett enkelt sätt att tillgodose dessa behov är att publicera sig på nätet och kolla besöksstatistiken.

Eller i de fall jag gjort tangentbordslayouter för utskrift till flygsimulatorer som Falcon 4 Allied Force (pfd 175 kB) och Lock On Flaming Cliffs (pdf 399 kB), kollat hur många gånger de laddats ned. Måste ju, när jag ändå håller på, också nämna min nybörjarguide till rFactor som sist jag kollade hade lästs (och i vissa fall kommenterats) av 23 653 personer!

Tillbaka till besöksstatistiken. På senare tid har jag provat såväl Googles analytics som Performancing metrics. Performancing är mer intriktad på bloggar medan Google tillhandahåller ett tydligt och kraftfullt analysverktyg för att se om besökare hittar innehåll eller genomför sina köp eller registreringar.

På någon av mina dagliga surfarrundor sprang jag på en i sedvanligt Web 2.0-manér designad sida som hette Crazyegg.com. De lovade att leverera något spektkulärt när de blev klara.

Och det gjorde de i förra(?) veckan.

Crazy Egg

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.


27
Jun 06

Oumbärliga Firefox extensions