klimathjälpen
Projekt 2
Utveckling av en webbtjänst i syfte att göra hållbarhet både enkelt och roligt med inslag av spelifiering. En grafisk profil och olika prototyper lade grunden för utforskandet och den slutliga designen. Under två månader arbetade vi under handledning med fokus på UX/UI-design, webbdesign projektledning. Som projektledare ansvarade jag för att leda gruppen, säkerställa gott samarbete och se till att vi följde projektplanen.

konceptutveckling
För att ta fram ett koncept som gör det kul och enkelt för användaren att leva ett hållbart liv inleddes arbetet med en omvärldsanalys för att göra en bedömning om vilka webbaserade tjänster som fanns. Därefter användes metoden brainstorming för att på ett inriktat men fritt sätt generera så många tankar och idéer som möjligt, dessa blev sedan kategoriserade och bearbetade genom diskussioner inom gruppen, för att slutligen landa i ledord och egenskaper för konceptet ”Klimathjälpen”.
Konceptet skulle innebära en spelifierad webbtjänst, vilket gruppens medlemmar hade flera olika idéer om hur det skulle kunna förverkligas. Slutligen landade gruppen i ett klimatquiz med ett nytt tema varje vecka. Användaren kan därigenom få möjligheten att på ett roligt sätt lära sig mer om hur vardagen kan levas på ett mer hållbart sätt.
För fortsatt konceptutveckling började gruppen konkretisera konceptet genom analoga skisser på bland annat gränssnitt och logotyp. Skisserna blev sedan underlag till digitala skisser, vilka utvecklades med Adobe Illustrator och XD. När en samlad bild av Klimathjälpens grafiska profil började formas inleddes nästa steg i designarbetet, prototyputveckling.


prototyputveckling
För att utforska konceptets interaktionsmöjligheter tog gruppen fram olika prototyper. Dessa utvecklades genom Adobe XD som gjorde det möjligt att ta fram prototyper med fokus på känsla och utseende, med låg grad interaktivitet i mixed fidelity. Två av prototyperna visas här nedan, en i mobilt- och en i desktopformat.
För att testa prototyperna användes personer inom målgruppen, privatpersoner som vill göra skillnad för klimatet och samtidigt lära sig mer om hur de lever ett mer hållbart liv. Detta var tillgängligt genom gruppens kontaktnät. Användartesterna hade fokus på vad användaren fick för känsla och upplevelse av gränssnittet och konceptet. Resultatet gav oss en stor mängd information som hjälpte oss vidare i designarbetet. Det landade i genomarbetade gränssnittsförslag i form av wireframes och prioritets guide för webbtjänstens innehåll. Vilka lade grunden för nästa steg, webbutveckling.




webbutveckling
Nu kom vi fram till den mest avancerade och intressanta delen av projektet, enligt mig själv, att börja koda upp webbtjänsten Klimathjälpen. Detta skulle ske genom HTML 5, CSS, ramverket Bootstrap, PHP och MySQL. Tack vare det gedigna arbete som föranlett det här stadiet var bilden ganska klar för hela gruppen av vad vi skulle skapa, dock med stor förståelse för att konceptets utveckling inte skulle stanna här utan bara få en ny skepnad, öppen för iterering. För att göra koden tillgänglig för hela gruppen användes online-editorn Codeanywhere.
Arbetet inleddes med att skapa strukturen och innehållet genom HTML och Bootstrap. För att sedan få ett utseende enligt den grafiska profilen genom Bootstrap och CSS. Detta gav en översiktlig bild av respektive webbsida, dess innehåll, utseende och syfte. Det skedde några justeringar innan vi började arbeta med PHP och MySQL för att använda en databas. Databasen skulle göra det möjligt för användaren att skapa och hantera ett eget konto. Genom en andra databas kunde vi lagra frågorna till quizet och skapa ett fungerande quiz.
. . .
Eftersom det här var ett tidsbegränsat skolprojekt så slutade arbetet med Klimathjälpen här, men det betyder inte att det behöver sluta utvecklas.
Bland annat ser vi att det bör vara möjligt för användaren att skapa klimatgrupper tillsammans med sina vänner på webbtjänsten för att tävla mot varandra och på så sätt hålla uppe motivationen och engagemanget för ett liv som främjar den hållbara utvecklingen.
Vi ser också att det ska vara möjligt att delta i en återbrukstävling via Klimathjälpen där användare lägger upp sina fyndiga återbruk och har möjligheten att vinna (äran).


