Arkiv for marts 2007

Far, kan du lave et computerspil?

fredag, 30. marts 2007

Nej, det er ikke mig der er faren, men derimod Jim Rutherford.
Hans fire-årige søn havde tegnet en tegning, og spurgte derefter sin far om han ikke kunne lave den om til et computerspil, og det kunne han naturligvis!

Spillet er hverken færdigt eller særligt komplekst, men synes det er en meget god påmindelse om, at man skal være åben for inspiration fra alle kilder når som helst, og det basale gameplay i dette spil er faktisk ikke helt tosset, omend det jo er set mange gange før.

Prøv det her:
Dad, Can you make a video game?

CS3 releaseparty i aften i Kbh!

onsdag, 28. marts 2007

Fik lige set at DFUG (Danish Flash User Group) i aften holder et releaseparty i forbindelse med udgivelsen af CS3.

Der skulle både være interessante præsentationer, sjove konkurrencer…og som det vigtigste, mulighed for at mingle med en masse andre fra branchen.

Jeg har skrevet mig på, så forhåbentlig ses vi derude!

Mere om tid og sted:
DFUG møde 28. marts

Og mere om hvad der kommer til at ske:
CS3 release party

Flash CS3 annonceret!

tirsdag, 27. marts 2007

Flash CS3Så er Flash CS3 langt om længe blevet annonceret, og det er ikke småting den byder på.

Af de mange nye features som Flash CS3 byder på, er her en liste med dem jeg glæder mig mest til:

Avanceret debugger
Output-vinduet i Flash har jo aldrig været en rigtig debugger, men mest af alt bare et sted hvor man kunne udskrive lidt trace-statements, så en mere avanceret debugger er så absolut tiltrængt.

Derudover vil man fremover også få en liste med syntax-fejl når man bruger “check syntax” eller publisher, hvor man rent faktisk kan klikke på den pågældende fejl og blive taget derhen i koden hvor fejlen er!

Kompatabilitet med Photoshop og Illustrator
Mulighed for at importere ai- og psd-filer direkte ind i Flash, herunder at den bevare struktur i lag, samt at man i Flash har mulighed for at arbejde videre med grafikken.

Derudover er det også muligt at copy-paste problemfrit fra Illustrator.

Forbedrede tegneværktøjer
Tegneværktøjet har også fået en større opgradering, så det nu blandt andet bliver muligt at distorte shapes samt at bruge forskellige blend-modes (som også kan importeres fra Photoshop).

Copy-paste af animationer
Ja, du så rigtigt på overskriften, det bliver nu muligt at kopiere en komplet animation fra et object til et andet, så det på den måde bliver langt nemmere at genbruge animation.

Konverter timeline-animation til ActionScript
I forlængelse af det overstående punkt, så kan timeline-animation eksporteres direkte til ActionScript, hvilket vil gøre processen mellem designer og udvikler langt mere smidig.

Se det selv
Du kan selv finde hele listen med nye features her:
Adobe Flash CS3 Professional - Complete feature list

Hvornår det bliver muligt at få den nye CS3 mellem hænderne er så en helt anden sag, men en ting er sikkert, jeg glæder mig!

Note
Som en anden ting, så håber jeg at det efterhånden er ved at være sidste gang at versioneringen af Flash skifter navn.
Først hed det 1-2-3-4-5-6, så MX, så MX 2004, så 8, og nu altså CS3.

For de fleste programmer er den slags versionering først og fremmest kosmetik, men for Flash, som kræver at brugeren har en given version af Flash Player installeret, der er det med til at gøre det hele mere uigennemskueligt.

Hvilke værktøjer/programmer bruger du?

fredag, 23. marts 2007

Der findes efterhånden et væld at nyttige værktøjer, hardware såvel som software, når det drejer sig om at designe og udvikle websites, Flash eller ej, og i lyset af det er jeg blevet lidt nysgerrig.

Så fortæl mig:
Hvilke værktøjer/programmer bruger du i arbejdsøjemed?

Jeg lægger naturligvis selv ud, og min liste ser ud som følger:
Flash Professional - Naturligvis
Dreamweaver - Godt allround værktøj til kodning
Photoshop - Giver sig selv
Sorenson Squeeze 4 - Godt værktøj til komprimering af video.
Reflector - Class browser til .Net
Sothink SWF Decompiler - Siger sig selv.
HttpWatch - Fantastisk værktøj når der skal debugges.

Hertil kommer naturligvis Firefox og en masse extensions som jeg har skrevet om tidligere:
Firefox 2 er nammenam, særligt med de rette extensions

Herudover er jeg p.t. i gang med at evaluere disse:
FlashDevelop - Texteditor primært henvendt mod ActionScript.
E Text Editor - Lovende editor i beta-fasen, går efter at være et TextMate alternativ til Windows-platformen.

Det var de vigtigste på min liste, spændt på at høre hvad du bruger.

Terrorøvelse i København - Nu også på nettet

onsdag, 21. marts 2007

Politi - TerrorøvelseDer afholdes lige netop nu en stor terrorøvelse på Østerbro, hvor scenariet er at en bus er blevet sprængt i luften.

Som noget helt nyt inddrages internettet og det at give information til borgerne også i øvelsen, og det synes jeg er en rigtig positiv ting. Statistikken er jo tydelig op området, sker der noget alvorligt, så hopper folk straks på nettet for at finde mere information, og derfor er det ekstremt vigtigt at der er korrekt og lettilgængelig information fra myndighederne.

Da det nu er en øvelse, så må det være på sin plads at komme med forbedringsforslag, og på netdelen er der rigtig meget der kan forbedres!

Terrorøvelse - ThumbWebsitet

Du kan finde link og password til websitet i denne pressemeddelelse fra politiet:
Terrorøvelse i København den 21. marts 2007

Alternativt kan du klikke på screenshottet til højre for at se det i en stor udgave.

Brugervenlighed
Det første der slår mig når jeg ser på siden er at den mangler fokus og prioritering.

De første fire “felter” på sitet består af et våbenskjold, et billede af et fingeraftryk og en dropdown-menu som blandt andet indeholder punkterne “skal bruge din straffeattest” og “skal bruge en tilladelse”.

Er det virkelig de ting der skal være højest prioriterede på en katastrofehjemmeside?

Det første konkrete og nyttige indhold der kommer er feltet med overskriften “Sidste nyt vedr. terrorhandlingen”, men det burde være det allerførste der mødte en på siden, og endda meget gerne med en mere markant overskrift og 5 linier der opsummerede situationen lige nu.

Og hvad med at få hevet telefonnumre til de relevante myndigheder helt frem på forsiden med tydelige overskrifter og en linies information om i hvilke tilfælde det er relevant at ringe til hvem.

Skåret ind til benet bør man:

  • Prioritere informationen bedre
  • Fjerne al unødig grafik
  • Have tydeligere overskrifter
  • Have tydeligere markering af hvad der er links

Yderligere funktioner
Udover problemerne med brugervenligheden er der også nogle funktioner jeg savner:

  • Mulighed for at se al informationen på andre sprog, som minimum på engelsk. Der findes jo store befolkningsgrupper i landet som desværre ikke kan læse dansk.
  • RSS-feed så man kan undgå at reloade siden hvert minut, og dermed belaste serveren unødigt. (Eventuelt også mulighed for at tilmelde sig et katastrofe-nyhedsbrev)
  • Listning af de sidste artikler som større danske medier har skrevet om ulykken

Når alt det her så er sagt, så synes jeg det er rigtig dejligt at myndighederne har fået øjnene op for hvor vigtig en rolle internettet kan spille, når det drejer sig om at sikre bedst mulig information til borgerne.
Og da der jo er tale om en øvelse, så er der jo al mulig grund til at tro at de får rettet de får fikset de værste problemer inden uheldet er ude.

M!s forsidejagt 2007

mandag, 19. marts 2007

Forsidejagt 2007 - LogoNogle opgaver er sjovere end andre, og det galleri- og afstemningsmodul som jeg har arbejdet på den sidste uges tid til M!s forsidejagt har da så absolut været en af de mere motiverende af slagsen ;-)

Kort fortalt er det et galleri som først viser en oversigt hvor man kan se alle 100 piger, og ved klik på en bestemt pige får man hende at se i stor, inklusiv yderligere information om hvor hun kommer fra, hvor gammel hun er m.m. samt mulighed for at stemme.

Der har været en temmelig stram deadline på projektet, som ovenikøbet blev rykket yderligere et par dage frem kort før launch, så der er et par detaljer jeg gerne ville have haft tid til at gøre endnu bedre, men sådan er det jo nok med langt de fleste projekter.

Lad mig fremhæve et par enkelte ting som jeg er ekstra glad for:

Fra lille til stor
I et galleri som dette kunne man rent teknisk godt vælge med det samme at loade de store billeder ind, og så bare skalere dem ned til oversigten, men da der i dette tilfælde er tale om 100 billeder i god kvalitet ville det betyde at brugeren skulle loade over 8MB med det samme, og selv i disse højhastighedstider er det ikke hensigtsmæssigt.

Derfor er alle de små billeder skaleret med et batch job i Photoshop, som gør at der “kun” skal loades knapt 800 kb for at se oversigten.

Det giver dog så det problem, at der ikke umiddelbart er noget stort billede at vise når brugeren klikker på billedet, og skal man 100 billeder igennem, så er det ikke fedt gang på gang på gang at se en tilfældig loading-grafik som man skal sidde og vente på.
I stedet gør vi det, at det lille billede skaleres op til den store størrelse og bliver gjort utydeligt, så man ikke kan se pixelleringen, ved hjælp af blur-filteret i Flash 8.

Når det store billede så er blevet loadet, så fades det ind over det andet, hvilket ender med at give en smooth overgang fra billede til billede.

Afstemningslogik
Når man finder en pige som man synes fortjener at vinde kan man stemme på hende, men som om det ikke er nok, så er afstemningslogikken så kompliceret at man hver dag kan stemme på op til 3 forskellige piger.

Det kan man sagtens forklare sig ud af gennem en masse indledende tekst, men ting som brugerne selv kan afkode intuitivt når de bruger produktet er altid at foretrække.

Derfor har vi forsøgt at gøre det så simpelt som muligt, ved at en bruger uden forklaring bare går igang med at stemme.
Når den første stemme er afgivet gøres brugeren i stedet opmærksom på at han har to stemmer tilbage den dag, herefter en og nul, og når brugeren har afgivet alle stemmer, ændrer “Stem nu” knappen sig til at der står: “Du har desværre ikke flere stemmer tilbage i dag, kom igen i morgen”.

Det er absolut ikke rocket-science, men det er den slags små detaljer som jeg synes er med til at gøre brugeroplevelsen endnu bedre.

Screenshots
Klik for at se en større udgave:
Forsidejagt 2007 - Oversigt (thumb)Forsidejagt 2007 - Enkelt billede (thumb)

Prøv det selv
På nedenstående artikel om forsidejagten er der mulighed for at se det i aktion live:
M!s Forsidejagt 2007 er nu begyndt

Brugerundersøgelser - Pas på hvad du gør!

torsdag, 15. marts 2007

Brugerundersøgelser er ved at blive en mere og mere populær bestanddel af det arsenal som bruges til at optimere hjemmesider med, og det med god grund! Brugerundersøgelser kan, når de laves korrekt, bidrage med værdifuld viden om de brugere der besøger sitet.

Men, og der er et men! Der findes et utal af virksomheder som mener at de, fordi de er i stand til rent teknisk at lave en spørgeskemaundersøgelse, pludselig kan betegne sig selv som analyseinstitut og gennemføre komplette brugerundersøgelser. Teknikken er jo det svære, hvem som helst kan skrive nogle spørgsmål og lægge tallene sammen i fine kolonner når undersøgelsen er gennemført. Eller kan de? Mit klare svar er nej!

Da jeg har en fortid på et analyseinstitut og siger derfor altid “Ja tak!” når der dukker en popup op med et spørgeskema, og det er decideret skræmmende hvad man kan støde på, og det endda på websites som ellers i øvrigt er særdeles troværdige og professionelle.

Klassikeren: Hvad skal der til…
Et spørgsmål som er med i mange af undersøgelserne er et spørgsmål i stil med: “Hvad skal der til for at du vil bruge site X mere?”, og til spørgsmålet er der så for eksempel disse svarmuligheder:

  1. Bedre artikler og historier
  2. Mere aktuelt og opdateret indhold
  3. Bedre navigation og overblik
  4. Mere enkelt design
  5. Færre eller mindre forstyrrende reklamer

På overfladen måske nogle udmærkede svarmulighederne, men analyserer man dem lidt, så står det ikke så godt.

Lad os starte med svarmulighed 1: Bedre artikler og historier.
Umiddelbart kan brugeren godt tænke: “Indholdet på sitet er for dårligt” og så krydse denne mulighed af, men når man sidder og analyserer tallene bagefter, hvad kan man så bruge svaret til? Allerhøjst en indikation af hvordan tingene står til, men uden ledetråde til hvordan man kan gøre dem bedre.

Svarmulighed 2: Mere aktuelt og opdateret indhold
Bingo, god svarmulighed! Brugeren kan krydse af og dermed indikere at sitet opdateres for sjældent, og ejeren af sitet ved præcis hvordan han løser problemet (hvis der er mange brugere der giver udtryk for at det er et problem), nemlig ved at opdatere sitet tiere.

Svarmulighed 3: Bedre navigation og overblik
En fundamental forudsætning for at en bruger kan svare på et spørgsmål er, at vedkommende ved hvad der spørges om.
Ved en gennemsnitlig bruger hvad navigation er? Og, hvis han gør, ved han så hvornår han synes den er god eller dårlig?
Jeg tillader mig at tvivle.

Svarmulighed 4: Mere enkelt design
Her beder man brugeren om både at tilkendegive en utilfredshed med noget (designet) og samtidig komme med et løsningsforslag (mere enkelt), og det er ikke holdbart. Igen er der det med om brugeren ved hvad der spørges om: Hvad er design? Og hvorfra skulle brugeren kunne vide om enkelhed vil gøre designet bedre?

Svarmulighed 5: Færre eller mindre forstyrrende reklamer
Hvilken bruger ved sin fulde fornuft vil ikke svare ja til det? Færre reklamer gør da alle websites bedre!

Og det helt håbløse
Ovenstående svarmuligheder er sakset direkte fra en undersøgelse der kører rundt omkring i øjeblikket, og som afsluttes med følgende spørgsmål:
Hvilke digitale ændringer og tiltag skal der efter din mening til for at gøre dine arbejdsprocesser nemmere i hverdagen?

Hvilke svar regner man lige med at få på det? Måske noget i stil med: “I forbindelse med håndteringen af passwords på diverse websites mangler jeg en mulighed for at koble disse sammen med min digitale signatur, uagtet op det pågældende site understøtter digitale signaturer eller ej, det ville gøre min digitale hverdag nemmere.”

Nej vel?!

Hvad skal man gøre
Ja, det er jo det svære spørgsmål.
Hvis ikke man har beskæftiget sig lidt med spørgeskemaundersøgelser, så kan det jo være svært at gennemskue hvornår noget er godt og hvornår noget er skidt.

Den bedste indikation får man nok ved at spørge lidt til deres baggrund, hvad der gør dem i stand til at gennemføre sådan en undersøgelse. Og her tænker jeg ikke på cases, dem har alle i orden, men om de derimod for eksempel har arbejdet ved et af de store analyseinstitutter (ACNielsen AIM, Gallup, Wilstrup eller lign.), eller om de har en relevant uddannelse.

I sidste ende gives der ingen garantier, men gå dem på krogen og lad dig endelig ikke forblænde af et teknisk godt system eller en masse tidligere cases. Starter din bullshit-alarm, så er der sikkert noget om det!

Hvad skal vi egentlig med crossdomain.xml?

tirsdag, 13. marts 2007

Da crossdomain.xml oprindeligt blev introduceret for nogle år tilbage må jeg tilstå at jeg synes at den var temmelig belastende.
For mig var den primært endnu en ting som man skulle huske at gøre for at få sit Flash projekt til at fungere.

Men som det jo ofte er, så er crossdomain.xml jo ikke blevet introduceret bare for at genere os udviklere, den er derimod blevet introduceret for at beskytte os og brugerne mod potentielle sikkerhedsbrister.

Adobe Developer Center er der netop kommet en artikel som beskriver nogle af problemstillinger og kommer med løsningsforslag, og den artikel er så absolut værd at læse:
Cross-domain policy file usage recommendations for Flash Player

Barda - Isometrisk Flash MORPG

mandag, 12. marts 2007

En tidligere Jubii-kollega har netop lavet et indlæg på en blog om et isometrisk Flash MORPG som han for nyligt har været med til at lave til DRs rollespilsprogram Barda.

Der er tale om noget af det hidtil mest avancerede Flash som jeg har set lavet på dansk grund, og derfor syntes jeg det var en blogpost værdig.

Du kan prøve spillet her:
Barda spillet

Og læs så Chris’ indlæg (på engelsk) om de forskellige elementer som spillet består af, det er rigtig interessant læsning:
Barda - A Isometric Flash MORPG

Stor respekt herfra!

Bag om kampagnen for Diesel Intimate: The Heidies

onsdag, 7. marts 2007

Diesel - The HeidiesDiesel lancerede for et par måneder siden en kampagnen under titlen “The Heidies - A hostile takeover in underwear” som gik ud på at to piger havde kidnappet en sælger fra Diesel og samt hele den nye undertøjskollektion Intimate.
Hvis ikke Diesel opfyldte deres krav ville de ødelægge undertøjet!

Måden det løb af stablen på var via et live webcast, hvor man i 5 dage kunne følge pigerne i det hotelværelse som de havde spærret sig inde i. Der blev streamet udelukkende via Flash og brugerne havde blandt andet mulighed for selv at skifte kameravinkel undervejs.

Alt i alt en meget sjov event, og der er jo i hvert fald ingen tvivl om at der nok skal være nogen der finder det interessant at se to kønne piger løbe rundt i stort set ingenting og lave sjove ting og sager.

Det for mig mest interessante ved eventen var dog det med at det hele blev streamet i Flash, og grunden til at jeg skriver om det nu, er at jeg faldt over et interview med en talsmand fra Diesel som giver et lille behind-the-scenes indblik i kampagnen:
The Making of Heidies: 5 Days of Live Webcasting

Til selve sitet:
Diesel Intimate - A hostile takeover in underwear

NB: Det er ikke længere muligt at skifte mellem forskellige kameravinkler.