PRODUKTTILLVERKARE (Internship)

Förbättra användarvänligheten på den befintliga hemsidan.

RESEARCH

Konkurrensanalys

Jag tog fram en konkurrensanalys på tre konkurrenter som jag analyserade utifrån deras individuella styrkor, svagheter och unikheter.

När jag hade valt mina konkurrenter screenshotade jag deras hemsidor och gick igenom var och en och skrev anteckningar. Jag analyserade deras styrkor, svagheter och unikheter utifrån ux, ui och text/copy.

Sammanfattning:

• Överskådlig navigationsmeny
• Säljargument
• Produktkategori-översikt
• Nya/senaste produkter
• Mertjänster
• Hållbarhet
• Kundreferenser
• Nyheter
• Återförsäljare
• Kontakt

Användarresor

Jag tog fram två användarresor, en för åkerier och en för servicepartners då de kan ha olika ingång, behov och erfarenhet av produkttillverkaren.

Användarresor är ett bra verktyg för att beskriva hur en specifik målgrupp interagerar med en produkt eller tjänst och en förståelse för hela användarupplevelsen. Det gav mig en bra grund till wireframes.

KONCEPTSKISSER

Wireframes

Jag tog fram wireframes för att få fram strukturen och användarflödet utan att tänka på design och bara innehåll. Jag höll den low fi med få färger för att fokusera på struktur. Wireframes ger indikation på att strukturen kan ändras och diskuteras igenom och det är lätt att iterera wireframes jämfört med high fi prototyp. Wireframes gör det även tydligt att inget har kodats upp ännu.

Det blev 7 sidor av wireframes för att nå målet av de förbättringar jag tog fram.

• Startsida
• Produktkatalog
• Produktsida
• Garanti
• Kvalitet
• Återförsäljare
• Om oss

RESULTAT

Då webbyrån har kundklausuler att följa gentemot kund kan jag inte lägga ut några kundspecifika bilder i portfolion men jag kan visa vid en eventuell intervju.

När wireframes-arbetet var klart gick jag över till att börja skissa på ett designförslag som kunde ligga till grund för en high Fidelity prototyp.

Jobbade med kundens bilder och tog fram typografi, färgpalett, ikoner, rubriksättningar och jobbade även igenom kundens textinnehåll från den befintliga sidan.

• Gjorde om produktkatalog-sidan och lade till sortering/filtrering
• Mjukade upp avsnitten genom att minska ned antalet boxar och inramningar
• Lade till bakgrundsfärger för att framhäva olika avsnitt
• Lättillgängligare information om organisation och företagets historia med en tidslinje
• Framhävde digitala broschyrer och magasin
• Lyfte fram företagets möjligheter till optimering och specialanpassningar

TA VIDARE

Om jag hade jobbat vidare med projektet hade jag intervjuat målgrupperna och gått igenom den grafiska profilen med UI-designern för att sätta designen. Jag hade sedan gjort användartest på målgruppen för att sedan iterera designen och prototypen utifrån alla insikter av intervjuerna och användartesten.

LÄRT MIG

Jag har lärt mig att det är svårt att förbättra något utan tillräcklig research och utan kontakt med kund. Med det sagt var det här ett projekt jag gjorde under min praktik för att utvecklas mer inom ui vilket jag ändå känner att jag gjort. 

I det här projektet följde jag inte designprocessen som jag i normala fall skulle göra vilket var väldigt lärorikt och gav mig insikter om hur viktigt det är för mig som UX-designer att få med alla delar av processen. Det visade sig även att kund önskade en annan grafisk profil än sin befintliga, vilket jag inte visste eller fick till mig under projektets gång. Det gav mig insikter om att det är viktigt med tydlig kommunikation och briefing med flera inblandade under projektets gång.