Fra idé til ferdig løsning
Jeg tenkte jeg skulle skrive litt om en prosess jeg har relativt friskt i minne fra ide til ferdig løsning. Som skissen viser er det snakk om de nye hjemmesidene til Nedre Buskerud Krets av Norges Speiderforbund.
1. Hva trenger vi?
Mange ville kanskje kalt dette «kravsspesifikasjon» eller andre fine ting. Jeg tenkte uansett først gjennom hva siden skulle inneholde, altså nyheter, arrangementsinformasjon og bilder, alt skulle kunne kommenteres for å kunne skape en interaksjon og diskusjon. Det skulle se bra ut, og gi folk lyst til å være med på aktiviteter, eller bli speidere.
2. Forutsetninger
Hva skal jeg forholde meg til? Her fant jeg frem profilhåndboken til Norges Speiderforbund for å ha den liggende på bordet, bare for enklere å finne farger og andre ting jeg skulle trenge.
3. Skisse
Først skisset jeg raskt for hånd slik jeg ønsket at det skulle se ut. Det skal sies at jeg også lagde noen andre skisser som jeg forkastet. Deretter bestemte jeg meg for å gå for denne løsningen, og lage en litt mer realistisk skisse i Adobe Photoshop.
4. Implementering
Dette var det som i dette tilfellet tok klart mest tid. Jeg hadde besmt meg for at toppbildet skulle være tilfeldig, med en transparent .png liggende halvveis over for at bildet skulle «skli litt inn» i siden. Her måtte jeg altså finne funksjonalitet for dette på nettet og implementere det. Deretter måtte også siden tilpasset til Wordpress og Plogger for nyheter og bilder. Enkelte andre løsninger ble også tilpasset med pluggins til Wordpress og andre kreative løsninger for å få den ønskede funksjonaliteten. Siden ble også testet på Mac og PC med både Internet Explorer, Mozilla Firefox og Safari. I den sammenheng ble det blant annet avdekket at sidens bildevisning ikke er optimal i eldre versjoner av Internet Explorer. Men siden dette prosjektet er gjort på frivillig basis ble dette akseptert. Resultatet ble slik, og kan besøkes på nbk.scout.no:
I etterkant ble det også gjort en runde med opplæring i publisering, og enkel bilderedigering, det henger ikke sammen med denne løsningen, men er uansett en fint ting å ta med hvis man skal spare seg selv for arbeid i fremtiden.
Jeg legger også i ettertid til at kundekontakt og evt. referansegrupper som skal vurdere dette kommer naturlig inn i de faser i prosjektet det er naturlig å involvere de.
Har ikke så mye å kommentere, annet enn at du ikke tester i Opera, det er jo en synd! ;)
Det skal taes til etterretning Atle, det hender jeg gjør det. Men kan ikke alltid være konsekvent heller.
Utrolig bra resultat, Espen! Grattis! :-)
Takk for det.
Det ligger også en liten oppfordring mellom linjene for at andre skal kunne fortelle litt om sine prosesser også, eller nyttige innspill.
Du skal ikke se bort i fra at det kan skje plutselig, Espen. Jeg har jo levert noen arbeider etterhvert. :-)
Kan jo dra endel paraleller til diverse systemutviklingsfag her, lurer på om papirskissa di (eller paper-mock-up som det heter på fagspråket) er noe du går ut til kundene med, eller om det kun er noe du selv bruker? Generelt hvor mye kundekontakt et slikt oppdrag fordrer, er det kun oppstarts- og leveringsmøte eller er det hele tiden en dialog gående?
I dette prosjektet var det jo ikke noen «kundekontakt» i hele tatt, siden dette er gjort på frivillig basis, og bare var en utbytting av eksisterende side. Men jeg hadde en liten runde med en referansegruppe på «Photoshop-skissene» som jo er helt uten funksjonalitet, og når tilbakemeldingen på disse var positive gikk jeg videre med implementeringen. La til en linje om det nederst også, det er jo vesentlig.
Jeg tror også egentlig jeg ville vurdere hvem det er om jeg viser «paper-mock-up» som du kaller det, eller om jeg viser «Photoshop-skisser». Faren ved å vise ting som ser veldig ferdig ut er jo at oppdragsgiver ser på det som ferdig, faren med papirskisser er jo at det bare ser ut som klussing på et ark. Men det er jo uansett viktig å ha en god dialog med de man jobber for, selv om dette eksemplet kanskje ikke er det beste på akkurat den fronten.