Jag påbörjade designarbetet med att skapa en ny logotyp, vilket var något som plattformen tidigare inte haft. Jag ville att loggan skulle sätta tonen för hela plattformen. Jag skapade ett antal olika utkast men landade i denna.
Jag tänkte att det vore på sin plats att först visa bilder på originalversionen av CGI moving innan jag visar min omdesign. Funktionell men avvikande i design från andra CGI-plattformar.
Efter inloggning möter användarna startsidan på originalversionen av CGI moving. Feedbacken indikerar bristande struktur, få länkar och en oinspirerande design som inte uppmuntrar till träning. Många användare förstår inte heller grafen längst ned på sidan.
Jag påbörjade projektet genom att kartlägga hela originalsidans struktur med ett flödesschema. Tanken var att få en helhetsbild av användarvägarna.
I början av projektet skickade jag enkäter till användare och administratörer på CGI moving och fick betydande respons. Dock blev jag inte helt tillfredsställd med svaren och genomförde därför fördjupande intervjuer med fyra engagerade personer, tillsammans med mina handledare som agerade som observatörer. Efter att ha sammanställt data från enkäter och intervjuer skapade jag personas.
Vidare använde jag mig av en UX-metod som heter affinity mapping, vilken går ut på att man klumpar ihop information, som man oftast får genom intervjuer och enkäter, för att kunna peka ut röda trådar och mönster.
Slutligen skapade jag en kundresekarta baserad på intervjudatan. Denna metod var bekant för mig från min utbildning på Changemaker Educations och kändes naturlig att applicera även under LIA:n. På samma sätt gällde för de tidigare metoderna.
Efter att ha samlat, sammanställt och analyserat all data från enkäter och intervjuer började jag skissa enkla wireframes för inloggningssidan på desktop. Jag insåg att mina handritade skisser inte var perfekta, men det viktigaste för mig var att få en grov bild av mina idéer för projektet.
En enkel skiss av startsidan inkluderade önskemål från användarna om nya funktioner, såsom intjänade emblem. Jag lade också till möjligheten att ha en profilbild och bakgrundsbild för att göra profilen mer personlig. Förutom det hade jag inte många andra överväganden när jag skapade denna skiss.
Efter att ha skissat på en desktop-version av min omdesign för CGI moving, övergick jag till att skissa på en mobilversion. Här är min vision för inloggningssidan på mobil.
Hur jag föreställde mig en startsida på mobil. Prio här var att det viktigaste skulle komma först när man gick in på denna sida.
Efter att ha slutfört mina wireframes började jag arbeta på mid-fidelity-prototyper. Jag hoppade över low-fidelity-prototyper eftersom de skulle vara mycket lika. Trots att detta inte är vanligt gjorde jag det för att spara tid. Här är min vision för inloggningssidan på desktop, baserad på feedback från användare och administratörer som ville se en plattform i CGI:s stil som ökar användaråterkomsten. Jag genomförde tester och intervjuer i detta skede för att få feedback på prototypens utformning.
Nytt på startsidan i mid-fidelity-stadiet var möjligheten att registrera humör i samband med träningspass och att se träningstrender för både individuell och gruppaktivitet. Möjligheten att delta i team var också en ny funktion, efter önskemål från flera engagerade användare.
Slutligen presenterar jag min high-fidelity-prototyp för omdesignen av CGI moving. Observera att denna version inte är i huvudsak klickbar, men det var inte avgörande för att slutföra projektet. Liksom med mina mid-fidelity-prototyper genomförde jag tester och intervjuer för att validera mina framsteg. Ovan visas den slutgiltiga desktop-versionen av inloggningssidan.
Startsidan i min high-fidelity-prototyp har ett nytt avsnitt som inte fanns med i tidigare skisser/prototyper, nämligen om intjänade ”tickets” (som motsvarar Levels). Jag flyttade också ned det lilla avsnittet om tickets och (team) points eftersom de blockerade bakgrundsbilden för mycket.
Mobilversion av sign in-sidan.
Mobilversionen av startsidan på min omdesign av CGI moving.
