Att bygga wireframes ger mer nöjda beställare

19 Mar 2009 Utveckling

Vi gör ett lite viktigare jobb(en webbapplikation) till en lite ovan beställare som dessutom sitter i Norge. Spelar vi korten rätt kan det här vara en början på ett längre samarbete med en partner i mediabranschen. Så hur skall vi lyckats leverera något som är helt i linje med alla förväntningar och hur skall vi kunna justera förväntningarna där de är orimliga? Och när vi dessutom sitter i olika länder(ok det är inte så långt till Oslo och det lär bli någon resa men ändå)?

Fredde har länge varit ett fan av så kallade Wireframes så jag bestämde mig för att testa detta tillvägagångssätt i det här projektet. Alltså HTML-kodens motsvarighet till Lorem Ipsum, en dummy av sajten som bara består av enkel HTML-kod med gråa block som visar var allt innehåll skall ligga. När man tagit fram en sådan dummy går man bara igenom den med kunden sida för sida. Då får även en ovan beställare en mycket tydlig bild över hur sidan fungerar och känns. Problemet med att titta på designskisser är att de förutsätter att man har lite fantasi/erfarenhet av webbutveckling sedan tidigare för att se alla moment framför sig.

Därför testar vi denna gång att bygga upp sajten i HTML-wireframes. Hittills känns det bra och man skall inte heller överskatta sin egen förmåga till att se de färdiga gränssnitten framför sig. Jag har redan justerat några moment av sidan som blev uppenbart röriga men inte märktes så mycket i skisserna.

Det här känns egentligen helt naturligt om man är beredd att lägga ned den extra tid som detta arbetssätt ändå kräver. En konsekvens blir ju också att man sätter grafiken på sajten i slutet av projektet och inte i början. Men det är ju egentligen bara bättre. Webbutveckling är iterativt och skall egentligen inte projektstyras på samma sätt som man t.ex. bygger ett hus.