Utvecklingsprocessen del 1 – överblick

I denna serie av inlägg berättar jag hur jag går till väga när jag designar en webblösning eller webbplats. Detta är del 1.

Givet att jag vet de olika krav projektet måste svara upp mot och vad projektet kommer att innebära, brukar jag alltid skissa en överblick så att jag får bättre insyn i olika delar och så att jag får ner det på papper. Här använder jag ritblock och penna, gärna kulspets eller tusch.

Man måste ha gjort en del skisser innan man gör klockrena överblicks skisser utan skrivfel eller fel. Fördelen med tusch och kulspets i detta fall är att man tänker en extra gång innan man ritar/skriver. För mig är det ovärdeligt, då jag gärna vill få saker gjorda och har en viss tendens att stressa.

Min överblick består ofta av en sitemap, eller systemskiss där jag ritar upp de olika klasser och relationer/associationer klasserna har. En till en, en till många och många till många. Detta kommer att hjälpa mig längre fram i utvecklingsprocessen, då jag skriver klasserna och implementerar min prototyp i en handfast lösning. Detta kan jämföras med klassdiagram utan klassattribut i objektorientering.

Om det är en sitemap, så försöker jag att hålla den så minimal som möjligt. Det är ett vanligt problem att man hellre lägger till en eller två extra element, än att man är nöjd med det man redan har. Fokusera på slutanvändare, även om din kund säger att han/hon vill ha en speciell sida eller del. Se alltid till slutanvändarens bästa! Försök att visa för kunden på ett snällt sätt att slutanvändaren faktiskt är den som kommer att använda webbplatsen. Detta förstärker ert förhållande och visar att du bryr dig om kundens kunder.

Nästa gång går vi vidare till användargränssnittet och pappersprototypen.

Följ mig på twitter!