Category: Blog


Case: dynamicdog.se

By Linus Larsson,

I den här case studyn kommer jag presentera en rad punkter där Dynamic Dogs nuvarande hemsida brister och ytterligare några punkter som jag anser bör finnas. Dessa presenteras med tre, av mig, utvalda huvudmålgrupper i baktanke.

DynamicDogs nuvarande (och snart gamla) hemsida

Jag har ofta fått höra positiv kritik om Dynamic Dogs hemsida (dynamicdog.se). Den är enkel, snygg och gör jobbet utan att vara vräkig eller påflugen. Hemsidan består idag av en enda sida med kort intro om byrån, en lista med utvalda projekt och slutligen en sidfot med adress, FlickR-bilder och en flash-app som läser ut tweets.
Enkelheten till trots lyckas Dynamic Dog presentera det mest aktuella projekten och händelserna, info om företaget och en ”behind-the-scenes”-känsla på ett bra och trovärdigt sätt.

Prospekterande kunder

Idag: Givetvis är blivande kunder en viktigt målgrupp. Det är också här den befintliga hemsidan idag har sitt fokus. En kort, koncis presentation och utvalda projekt ger en bra översikt över Dynamic Dog som byrå.

Problem: Det första Dynamic Dog missar med nuvarande hemsidan är möjligheten att sökmotoroptimera för andra uttryck än det huvudsakliga ”webbyrå Malmö”. Inga projekt visas på enskilda sidor, inga artiklar eller sidor finns som kan sökoptimeras för t.ex. ”Umbraco” ”EpiServer” eller ”SEO Malmö”.

Lösning: Google gillar som bekant innehåll och att skapa upp nya, fylliga sidor som berättar mer om Dynamic Dog och dess produkter och tjänster är ett måste. Sidorna får egna URLer och sökoptimeras för viktiga utvalda sökord.
Varje sida bör innehålla Call To Actions (CTA) – t.ex. ”Kontakta oss för info om arbete med Umbraco” ”Läs även om vårt licensierade CMS – EPiServer”.

Prospekterande medarbetare

Idag: Två delar tilltalar idag främst prospekterande medarbetare. Del splashar länkade till pdfer när tjänster söks och dels FlickR-bilder och inläsning av tweets som ger en bra, rolig insikt i hur det dagliga kontorslivet är på Dynamic Dog.

Problem: Google kan förvisso indexera vissa pdfer, men att ha så viktigt innehåll i pdf är dumt. När det gäller spontanansökningar är ”behind-the-scenes”-delen superviktig och egentligen tycker jag att man sköter den här delen bäst, men det måste göras mer.

Lösning: Motivera alla anställda att ta fler bilder och twittra mer! För många som söker jobb på webbyråer är det minst lika viktigt med roliga arbetskollegor som någonting annat. Fimpa flashen – låt utvecklarna leka med nya spännande tekniker istället.
Det bör också absolut finnas en (sökoptimerad-)sida speciellt för tjänster man söker och inte ha detta i pdfer.

Nuvarande kunder

Idag: Helt ärligt. Förutom några få inlänkar gör man idag inte ett skit för sina nuvarande kunder.

Problem: Största problemet är så klart att det idag inte finns någon anledning för en befintlig kund att besöka Dynamic Dogs hemsida.

Lösning: Här kommer il grande finale. Den minst eftersedda målgruppen ska bli den mest eftersedda.

Länksamling

Det skrivs väldigt mycket bra på internet och som webbyrå har man en skyldighet att ständigt hålla koll på sin omvärld och läsa det som skrivs. Ödsla inte tid på att skriva om artiklar eller försöka uppfinna hjulet igen – länka till det! Jobba sen aktivt med att tipsa era kunder om nyttiga länkar och se till att de läser. Det blir lättare att sälja in responsiv webdesign när kunden faktiskt vet vad det är.

Verktyg

Verktyg som är lätta att hitta och som hjälper kunden är guld värt och utstrålar kompetens. Skapa en ”specifikation”-sida som läser av klientens information och visar upp bra-att-veta-saker som IP, webläsarinfo, Flash-version osv. Gör en tjänst som randomiserar fram lösenord, en lorem-ipsum generator eller varför inte en nyckelords-koll. Hänvisa kunderna hit för att underlätta deras arbete, felanmälningar eller tester.

How-tos

Det kan finnas generella uppgifter som sällan görs på en hemsida. För att slippa tidskrävande samtal och mejl bör man på hemsida samla tutorials, step-by-step-guider eller förklarande filmer för att visa tex ”Lägg till ny användare i EPiServer”, ”Töm cache-minnet” eller ”Gör ett eget formulär i Umbraco”. Håll texterna korta och personliga.

Kundportal

I vissa fall kan det finnas kundspecifikt material som måste skyddas med lösenord. Var noga med att berätta på hemsidan att detta material finns för att göra det attraktivt för både befintliga och prospekterande kunder.

Flöden och prenumerationer

Låt kunden själv bestämma hur de vill ta del av innehållet. Erbjud RSS, auto-tweets, nyhetsbrev och liknande. Utnyttja de automatiskt tjänster som finns för att inte göra det till en bördan.

Summering

Uttrycket ”Skomakarens barn..” är en lam ursäkt som inte håller i längden och det är dags att sko sig! Genom att introducera en tredje målgrupp, de befintliga kunderna, kommer man inte bara ha ett ”skyltfönster på internet” utan en fullfjädrad digital tjänst. Håller man innehållet på en personlig, varm nivå kommer det nya materialet dessutom ge mervärde till prospekterande kunder och medarbetare, som är de andra två målgrupperna. Med tre definierad målgrupper blir det lättare att styra innehållet och sätta upp konkreta, mätbara mål.

Lägg tid på hemsidan, håll den au-jour med senaste tekniken och lev som ni lär. Om man förväntar sig att ens kunder ska avsätta tid och pengar på sina hemsidor gör man bäst i att själv bejaka det tillvägagångssättet.

  Category: Blog
  Comments: Kommentarer inaktiverade för Case: dynamicdog.se

Publicerad på MacWorld!

By Linus,

För inte allt för längesedan blev AppTV mer eller mindre uppköpta av IDG-ägda MacWorld. Toppenkul för alla oss som kämpat så länge med AppTV att det nu äntligen börjar rassla till i antalet lyssnare, tittare och till och med lite i kassan. För er som inte känner till det är det @BigMajk, @Gisselsson, @Raekob och senaste tillskottet @tobiashieta som är mest aktiva. Jag är med på AppTV och AppSnack så mycket jag bara hinner och häromdagen kom så äntligen min första egna publicering.

Jag och Michael var och live-filmade iPhone5-släppet för AppTV och jag gästspelade i AppSnack #31, men dettta är alltså första gången jag är med for real liksom. Toppenkul! Ni kan se inslaget i sin helhet nedan eller gå till artikeln ”Supernyhet för utvecklare i iOS 6” på MacWorld.

 

  Category: Blog
  Comments: Kommentarer inaktiverade för Publicerad på MacWorld!

I grevens tid i en tidning jag inte ens ville vara med i

By Linus Larsson,

Så var dagen kommen! Slå på den stora trumman! Korka upp skumpan! Dynamic Dog är med i tidningen!

Faktum är att det inte ens är första gången. Det är bara första gången på riktigt. Det är Dynamic Dog som omnämns i media. Det är i grevens tid eftersom jag snart slutar. Det är i en tidning jag inte ens vill vara med i.
Till råga på allt är jag dessutom inte med.

”Undersökningen visade att en fjärdedel av de tillfrågade endast hör av sig till sina äldre släktningar en gång om året eller ännu mer sällan.

Med detta i ryggen sjösätter nu Doro en Facebookkampanj för att öka interaktionen mellan de olika generationerna. Kampanjen har tagits fram tillsammans med Grayling, Dynamic Dog och Starcom.”
Utdrag ur ”Doro kampanjar för äldre” | Dagens Media | 13 juli 2012
Jag borde vara med. Tycker jag. Har jobbat med Doro i flera år och jag var dessutom med att ta fram idén. Kampanjen är väldigt härlig, nästan lite mysig. Facebook-appen ”Sommarhälsning med Doro” låter användaren skriva en hälsning som sen skickas iväg som ett fysiskt vykort. Man kan skicka vykortet med bara sin egen hälsning eller bjuda in fler. Konceptet kombinerar digitalt, socialt och fysiskt och flörtar dessutom med begreppet kommunikation, som Doro ofta jobbar med. Jag är stolt över att ha varit med om att ta fram kampanjen – synd att omvärlden aldrig kommer få veta om det. Fast jag ville ju egentligen inte vara med. Men ändå.

Sökord: Dynamic Dog
Träff: 1

Nåja, det är åtminstone bättre än ”Träff: 0”.

  Category: Blog
  Comments: Kommentarer inaktiverade för I grevens tid i en tidning jag inte ens ville vara med i

Film: Downhill i Salbaach

By Linus Larsson,

Klippte ihop en liten film från semesterresan i Salbaach. Filmat med Contour HD och klippt i iMovie. Musik av min god vän chopacop.

  Category: Blog, Produktioner
  Comments: Kommentarer inaktiverade för Film: Downhill i Salbaach

5 anledningar till att jobba med sidmallspecifikationer

By Linus Larsson,

Sidmallspecifikation. Mmm..! Låt ordet rulla i munnen. Visst låter det – dödstråkigt? Faktum är att sidmallspecifikationen har visat sig vara det viktigaste och något av det roligaste jag gjort som produktionsledare. Det bästa med att jobba som produktionsledare är att man är inblandad i alla delar av projektet. Både uppe från ett helikopterperspektiv och nere på en nitty-gritty nivå. Aldrig artar det sig tydligare än i en sidmallspecifikation.

Vad är en sidmallspecifikation? Kort sagt är en sidmallspecifikation helt enkelt en förteckning på vad varje sidmall innehåller, hur det fungerar och vad man kan göra med den. Specifikationen görs i regel strax innan eller strax efter en design är klar och ligger till grund för det kommande programmeringsarbetet. Men det är så mycket mer än så! Det är ett kreativt arbete, en försäkran och ett livsviktigt verktyg. Vem är det viktigt för, och varför? Det ska jag förklara.

 

1. För din egen skull

Att skriva ner saker man kommer överens om är en självklarhet för många produktionsledare. Beslut som tas i januari är svåra, om inte omöjliga, att följa upp i mars om de bara existerar muntligt. Sidmallspecifikationen är ett ställe att samla alla features och avgränsningar man kommer överens om. Det är därför ett levande dokument under hela utvecklingsperioden – och ofta längre än så. Det är också här kreativa projekt-/produktionsledare kan blomstra. Bakom varje sidmall som designas finns det en teknisk-, redaktörsmässig- och interaktiv logik. Hur lägger redaktören in en kontroll eller en bild? Hur animeras mega-dropdownen? Allting ska funderas fram och allting har konsekvenser man måste tänka på och ta hänsyn till. Kul – det är vad det är!

 

2. För kunden och copywriterns skull

Specifikationen är en bra bekräftelse på exakt vad kunden kan förvänta sig av leveransen. I den framgår alla avgränsningar och möjligheter. Vilka kontroller kan återanvändas? Var kan det finnas webläsarskillnader pga CSS3? Sidmallspecifikationen innehåller oftast en förteckning av alla propertys (fält) i CMSet vilket ger kunden, eller en copywriter, en bra översikt över vilka texter som måste förberedas.

 

3. För designerns skull

När en designer lämnar över en design har han eller hon oftast en klar bild i huvudet på hur interaktionen, animationerna och funktionaliteten ska vara. Men hur säkrar man att allting kommer med? Hur vet jag att gränssnittsutvecklarna har förstått, eller ens lyssnat? Notera också att designern oftast har en klar bild. Sidmallspecifikationen är ett grymt hjälpmedel för designern att kunna ”checka” av fortlöpande så allting kommer med – på det sättet som det var tänkt.

 

4. För utvecklarens skull

Den tekniska sidmallspecifikationen är givetvis främst ett verktyg för utvecklarna att falla tillbaka på. Här hittar han eller hon alla avgränsningar och möjligheter under projektets gång. Det kan vara avgränsningar som grundar sig i ekonomiska begränsningar eller andra projektrelaterade beslut som inte annars når fram. Här finns också en chans till kreativ programmering. Vilka schyssta CMS-features kan vi göra? Vilka pluginer kan förbättra för redaktören? Var kan vi jobba med nya tekniker som CSS3 och microformats? Sidmallspecifikationen skapar också ett kreativt forum där utvecklare tillsammans med designers kan diskutera och plita ner t.ex animationer, som annars är svåra att se på en bild.

 

5. För din egen skull – igen

När ett projekt är avslutat, eller nära avslutat, och det är dags för uppföljning är sidmallspecifikationen helt ovärderlig. En snabb genomgång av specen ger en klar och tydlig bild av hur komplett ens leverans är. Det är också ett dokument som snabbt och enkelt löser ev. oenigheter med kunden. Fanns en feature eller avgränsning med i den godkända sidmallspecifikationen? Vilka delar beslöt vi lägga i Fas 2? Med ett enkelt dokument kan slippa undan många timmars gratisarbete och kanske till och med rädda en kundrelation.

Sidmallspecifikationen kan verka tråkig och onödig, men det är egentligen raka motsatsen. Får du dessutom hela teamet och kunden till att signa av specifikationen har du ett grymt bra fundament att bygga både relationer och hemsidor på. Se till att både  kunden och hela teamet har tillgång till dokumentet och att ni jobbar aktivt med det under projektets gång. Jag gör mina specar i Excel och räknar med att de tar 4-8 timmar för en normalstor hemsida med 6-7 sidmallar. Då ingår sådant som kreativa möten, renskrivningar och avstämning med kund.

 

Fem snabba tips för en lyckad sidmallspecifikation

  • Alla måste delta, så se till att utvecklaren, designern och kunden får säga sitt
  • Alla ska signa av och vara överens
  • Var noggrann – har du verkligen täckt varenda liten detalj?
  • Om det är tillägg till en befintlig site – försök vara konsekvent
  • Jobba med dokumentet kontinuerligt och se till att alla får reda på om ändringar görs

 

Jobbar du med sidmallspecifikationer på detta sätt, eller på ett liknande? Tycker du kanske jag har helt fel? Är det för kantigt? Hör av dig på twitter till @iamlinus.

  Category: Blog
  Comments: Kommentarer inaktiverade för 5 anledningar till att jobba med sidmallspecifikationer

3 anledningar till att jag lämnar Fashiolista för Pinterest

By Linus Larsson,

 

För 2 år sedan satt jag i Amsterdam på The Next Web Conference och såg en spektakulär release. Det var en sajt, eller snarare en digital tjänst, som lät användare snabbt och enkelt välja ut och dela bilder från olika hemsidor. En bookmarklet ser till att välja ut en bild från hemsidan du besöker och publicerar denna i din profil. När bilden väl är publicerad kan andra medlemmar kommentera, gilla eller dela bilden vidare. Bilderna du delar på tjänsten kan vara allt från mode till design.

Låter detta bekant?

Det är inte Pinterest.

Tjänsten heter Fashiolista – och jag har varit en trogen användare sen releasen 2010. Det var också därför jag med stor skeptsism tog emot Pinterest. Pinterest gör i princip samma sak som Fashiolista. Dela bilder med en bookmarklet, kommentera, dela vidare, gilla. Skillnaden är – Pinterest gör det mycket bättre.

1. Visuellt

Pinterest är sjukt snyggt! Gridden i feeden är responsiv, formerna är mjuka, varje steg känns så väldigt genomtänkt. Även om det fortfarande är invitations-only känns det som en väldigt färdig tjänst. Fashiolista är absolut inte fult – men känns kantigt och omodernt i jämförelse med Pinterest.

2. Tekniskt

Pinterest är 1 år nyare är Fashiolista, men Pinterest är 5 år nyare än Fashiolista. iPhone-app, responsiv webdesign, HTML5/CSS3, öppna APIer och tät integration mot Facebook. Det känns som att Pinterest-teamet har haft en checklista med ”Catch-phrases-2012” och bockat av alla möjliga alternativ. Fashiolista hade en liknande lista, men det var ”Catch-phrases-2007”. Inga utvecklar-API, widgets med iFrames och inte mobilanpassat för fem öre.

3. Socialt

Okej, jag klickar ”I love this” på Fashiolista. Antalet ”Loves” ökar, men vad mer? Fashiolista når inte hela vägen fram vad gäller den sociala biten. Här är Pinterest allra starkast och det är här Pinterest går på knock-out med Fashiolista. Jag kan fastna i timmar och gräva mig djupare och djupare i Pinterest. Varje steg jag tar, varje bild jag re-pinnar eller gillar tar mig vidare in i nya kluster och till nya användare på Pinterest. På kort tid har jag rört mig från 80-tals ryska racer cyklar till amerikanska moderna muskelbilar till amerikanska vintage jeans och tillbaka igen. I love THAT!

Bonus-anledning

Snälla Fashiolista, pretty please. Det är coolt att vara smal och djup, men snälla, det är inte bara tjejer som är intresserade av mode och design. Släpp fram lite manliga vibbar också!

 

Vad tycker du? Har du testat Fashiolista? Tweeta mig @iamlinus eller make a statement och följ mig på Fashiolista eller Pinterest.

  Category: Blog
  Comments: Kommentarer inaktiverade för 3 anledningar till att jag lämnar Fashiolista för Pinterest

Snart TNW10!

By Linus Larsson,

Nu taggar jag stenhårt inför The Next Web 2010. Det ska bli stenhårt, och jag ser framemot att häpnas i stolen inför alla startups jag ska få ta del av.

Lite shaky med flygresan dit, jäkla vulkan. Som plåster på såren har dock Lonely Planet bestämt sig för att släppa några av sina stadsguider till iPhone gratis, b.la Amsterdam! Läsa på som sjutton nu.

Mer om Next Web snart!

//L

  Category: Blog
  Comments: Kommentarer inaktiverade för Snart TNW10!

Jag är Delicious

By Linus Larsson,

Från och med nu kan ni även hitta ”mig” på Delicious. Varje vecka bokmärker jag ett tiotal länkar med intressant läsning om seo, social media, facebook, twitter, google buzz, teknik, apple, iphone och en hel drös med saker som intresserar mig.

Lägg gärna till mig i ditt nätverk, eller spana bara in mina senaste bokmärken här.

Utsökt!

  Category: Blog
  Comments: Kommentarer inaktiverade för Jag är Delicious

iPhone-studie från Web Service Award

By Linus Larsson,

Som handen i handsken snubblade jag över en intressant artikel hos MacWorld på ämnet mobil- och iPhonewebben. Artikeln är kort och summerar bara väldigt enkelt, och halvhjärtat siffrorna i studien.

Det mest spännande, och utmanade, med rapporten är hur mobilanvändaren i regel förväntar sig samma information på mobilsajten som på den vanliga websidan. Jag har tidigare haft uppfattningen om att många mobilanvändare uppskattar att endast få det mest väsentliga presenterat på sin skärm. Just nu längtar jag riktigt mycket att få sätta tänderna i ett riktigt mobilprojekt. En Android-bok är på väg till Dynamic Dog studion också! Härliga tider.

Du hittar hela studien här.

  Category: Blog
  Comments: Kommentarer inaktiverade för iPhone-studie från Web Service Award

Braindrain: Mobilanpassning och iPhone

By Linus Larsson,

Förra veckans braindrain gick förbi allt för fort. Eller, egentligen var det ingen braindrain, utan snarare självstudier. Tanken var först att köra programmering, men omständigheterna gjorde att det blev att läsa på om mobilanpassning och iPhone istället. Till mig hjälp har jag haft allsmäktiga Google, och boken iPhone in Action.

iPhone in Action

iPhone in Action

iPhone in Action är en väldigt bra bok, även för icke-programmerare. Även om de sista sju-åtta kapitlena är ganska hardcore kodning med Apples SDK, och Objective-C, är de första kapitelna väldigt bra läsning. Framförallt har boken upplyst mig om nya grundläggande tankebanor när man bygger och anpassar websidor för mobiler, eller smarterphones, som boken kallar dem. Summa sumarum är att jag lyckats plita ner en mindre rapport i ämnet mobilanpassning, samt funnit argument för och emot att jobba med webbaserade jämte inhemska applikationer.

Även om veckan är slut, den gick som sagt allt för fort, kommer jag fortsätta träska mig igenom iPhone in Action, och om jag känner mig mogen även beställa hem liknande böcker om Symbian och framförallt Android. Min förhoppning är att sluta upp som en Mobile Usability Expert. Fast expert är väl kanske att ta i. Huvudsaken är att jag ska kunna tänka på, och argumentera för diverse justeringar och valmöjligheter när vi på Dynamic Dog i fortsättningen bygger nya websidor.

Psst, har ni föresten testat att surfa in på min blogg via en iPhone? Inte? Then do it!

Mvh

Linus Larsson

  Category: Blog, Braindrain
  Comments: Kommentarer inaktiverade för Braindrain: Mobilanpassning och iPhone