Måste tipsa om http://www.fillerati.com/ med fantastisk interaktion – dra för att välja antal ord/paragrafer osv och klicka för att kopiera till urklippsminnet.
Finns även på svenska (om än dolt längre ned)
Tagged: Verktyg RSS Toggle Comment Threads | Keyboard Shortcuts
-
Tomas Friberg
-
Tomas Friberg
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.
-
Tomas Friberg
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
- Jag väljer engelska som huvudspråk – mest av gammal vana och bekvämlighet
- Inställningar -> Internationellt
- 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
- Format – Region (visa alla) – Sweden/Swedish
- Tangentbord & mus -> Sätt F1, F2 till att användas som standard
- 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
-
Tomas Friberg
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.
-
Tomas Friberg
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.
-
Sara Taube
Jag är impad!
Vad säger grannarna nu? -
Tomas Friberg
Jag får återkomma efter extrastämman
Vi behöver 2/3 majoritet. Håller tummarna. -
Anna Carlsson
så himla smart!
-
Geografen
Hur kan husets fasad skugga grannarnas altaner? Fasaden vätter ju åt västsydväst. Solen går som bekant upp i öster och ned i väster. Om det är något som skuggar måste det ju vara grannhusen….
-
David Enlund
hahaha Tomas Friberg…. du är ju helt galen. Underbart!
-
Viktor Gustafsson
Det här kommer garanterat vara ett trumfkort i vår balkongdebatt!
Klockers! -
Jacob W
Säger du det, skaffat balkong?
Tack för infon Tomas, hittade denna tråd på google lustigt nog. Just what I needed.
-
-
Tomas Friberg
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.
-
Alexis
CrazyEgg är grymt användbart. Vi använder det för snabba specifika tester av enskilda sidor och Google Analytics för den generella statistiken, det är i princip allt man behöver och lite till för de flesta sajter.
Det ger så mycket mer än att försöka få ut nått vettigt från långa tabeller med data.
-
-
Tomas Friberg
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.
Illustrators 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.
-
Katrina Lindqvist
Jag kan varmt rekomendera Axure, ett prototypverktyg jag fick tips på från en holländsk kollega (som jag träffade på ett NNG-seminarium!). Till och med pl-arna har tagit detta till sig. Det är strålande eftersom det är väligt lätt att komma in i, genererar både klickbar prototyp och funktionsspec i wordform med två små musklick. Hur mycket design man vill ha in i ”trådmodellen” väljer man själv. Jag skapar dem isåfall i photoshop.
vh Katrina, ad
-
Tomas Friberg
För wireframes har jag bytt ut Illustrator och jobbar just nu nästan uteslutande i Omnigraffle Pro. Det genererar inte html-mockups men väl klickbara pdf-dokument.
Och Omnigraffles smart-guides som hjälper mig att positionera element i förhållande till varandra (jämfört med grids i Axure och Visio) är beroendeframkallande
-
-
Tomas Friberg
Oumbärliga Firefox extensions
- Adblock – ta bort eländiga annonser
Aardvark – visar CSS-stilar och divar- CSSViewer – snajdig presentation av css-attribut
- Del.icio.us – lägg till sidan till del.icio.us
- Fangs – visa textversion av webbsida
- Firebug – suveränt verktyg för webbutveckling
- Gmail manager – hantera dina gmail-konton
Google browser sync – synka firefox mellan datorerHTML validator – lägger till validering till visa-källa- Scribefire (was Performancing) – blogga direkt i Firefox
- Screen grab – skärmdumpa en hel webbsida, oavsett längd
- Tab mix plus – ytterligare flikinställningar
- Web developer – meny och verktyg för webbutvecklare
-
Olle Dahlström
Du har glömt en
Firebug
-
Tomas Friberg
System- och designverktyg
Verktyg och program som underlättar min vardag
Design
- BBEdit – oumbärlig kodredigerare
- Color schemer studio – skapa färgscheman med komplementfärger å hela kitet
- Linotype font explorer – gratis fonthantering
- Painter’s picker – smart färgväljare
- Snapz pro – skärmdumparen
frebro, and 
Peter are discussing. 
Jag tycker att svenska Apptrap är ett bra alternativ annars
http://konstochvanligasaker.se/apptrap/
Ja, jag kör också AppTrap, och det funkar klockrent.