UX_UI.png

USER EXPERIENCE / USER INTERFACE

Designportfolio

Jag går sista terminen av min kandidatexamen inom Data- och Systemvetenskap med inriktning Interaktionsdesign på Stockholms universitet. Programmet är främst inriktat på hur du uppnår bra UX - en viktig del av varje design. Vi har väl alla stött på den där webbplatsen som är helkonstig och därför lämnat den så snabbt som möjligt? Det kan helt enkelt inte bara se fint ut, det måste fungera bra också!

User experience  handlar, precis som det låter som, om användarens upplevelse vid användandet av en produkt. Det kan vara digitala lösningar som till exempel hemsidor och appar men gäller egentligen allt vi stöter på i vår vardag, såsom kaffemaskinen eller kylskåpet i köket. När en designer tagit hänsyn till UX får vi en produkt eller ett system som är lätt att använda och som löser problemet på ett effektivt sätt. För att lyckas med det här krävs det att designern kommunicerar med användaren för att förstå behov och krav. Ofta används därför user research i någon form, det kan vara intervjuer, workshops, observationer eller användartester. User interface fokuserar istället mer på utseende och känsla och därmed de visuella element som användaren interagerar med. Ett sådant element kan vara exempelvis en knapp. UI är designens yta och syftar till att vägleda användaren visuellt genom gränssnittet. Dessa två begrepp är tillsammans nödvändiga för att skapa en bra användarupplevelse och därmed nöjda användare!

Under våren 2022 gör jag praktik på webbyrån West Art Communication. Här får jag chansen att testa och utveckla kunskaper inom både UX och UI. Hittills har jag bland annat fått arbeta med prototyping och webbdesign i Figma, Wordpress, logotyper och annat grafiskt material. Parallellt med detta skriver jag kandidatuppsats i samarbete med företaget Säkra tillsammans med en kurskamrat. Arbetet här innefattar bland annat att vi ska ta fram ett designförslag till en hemsida som skulle kunna effektivisera en del av den kundtjänst som idag sker via telefon och mail. Detta görs med hjälp av intervjuer samt prototypning och utvärderingar med intressenter i flera iterationer. 

Här nedan visar jag upp en del av det jag gjort hittills under min utbildning samt några hemsidor jag skapat. Efter avslutad praktik samt kandidatuppsats kommer det dyka upp fler projekt här.

PROJEKT FRÅN UTBILDNINGEN

Conscious Consumers
Under designprocessen av Conscious Consumers användes deltagande design, vilket är ett förhållningssätt där användare inkluderas i olika delar av processen. Bland annat deltog användare genom kontextuellt utforskande och framtidsverkstäder. Processen inleddes med undersökande intervjuer där det framkom att det i matvarubutiker finns många bra märkningar såsom EKO och Fairtrade. Hos klädkedjor är det dock inte lika vanligt förekommande och det kan vara svårt som konsument att göra bra val. Vi lät sedan användarna skissa på designlösningar var för sig och därefter skapade vi en digital prototyp utifrån de bästa delarna från skisserna. Två prototyper tillverkades för att utvärderas av användarna där bland annat menyalternativen och sättet att visa betyget skiljde sig från varandra. Till vänster visas en av användarnas skisser som har ritats upp digitalt och till höger syns den slutgiltiga prototypen av applikationen.


Conscious Consumers var tänkt att hjälpa människor att konsumera kläder på ett mer hållbart sätt. Varumärken och plagg betygsattes utifrån vattenåtgång, mängden giftiga kemikalier, arbetsvillkor för anställda, växthusgasutsläpp samt hur hållbara material som användes. Genom att scanna en produkts streckkod alternativt söka på märket eller hitta det under rätt kategori guidas användaren med hjälp av betyg på skalan 0-10, ju högre betyg desto bättre. *Alla siffror i Conscious Consumers är påhittade och har ingen koppling till märken som nämns.*

Projektet gjordes tillsammans med Lina Kvarnström, Izabella Moore och Michelle Kisch.

Mattemonstret
Mattemonstret var en tänkt applikation för barn som ska lära sig att räkna och talen visas därför både med siffror och jordgubbar för att illustrera antalet.


Utvecklingen skedde i verktyget Processing som är gjort i programmeringsspråket Java. Exempelvis gör en if-sats att inmatat svar blir rött vid fel svar medan rätt svar gör det grönt. Detta samtidigt som monstret hoppar upp och ned av glädje! Efter tre rätta svar höjs nivån och talen blir svårare vilket innebär högre tal och fler jordgubbar! Ett antal while-loopar avgör var jordgubbarna ska ritas ut, det vill säga att en ny rad ska påbörjas när den föregående är full. Varje gång som en ny nivå nås flyger ett flygplan förbi för att meddela detta.

Projektet gjordes tillsammans med Lina Kvarnström och Selina Öberg.

Framtidens mat
*Info kommer snart*

Projektet gjordes tillsammans med Lina Kvarnström, Izabella Moore, Nadja Edström och Nils Grundström.

Frame 16.png

UltraPlanner
Under utbildningens allra första termin fick vi i uppgift att producera en möjlig designlösning för en applikation riktad till ultramaratonlöpare. Innan prototypningen påbörjades kontaktade vi därför målgruppen för att identifiera användarnas behov. Att se dagens aktivitet, veckans träning, kost samt statistik över progression var ett par viktiga saker som kom fram.

Projektet gjordes tillsammans med Izabella Moore, Daron Galal och Joel Flinkfeldt.

Frame 17.png

HEMSIDOR

Salong Åkanten
https://www.salongakanten.com

Salong Åkanten är en frisörsalong i Norrtälje som jag haft kontakt med under en tid. För några år sedan hjälpte jag salongen att bygga en hemsida. Jag var även där för att fotografera lokalen samt tjejerna som jobbade på salongen för att kunna använda bilderna på hemsidan. 


Något år senare behövdes en uppdatering av både bilder och hemsida vilket jag då fick äran att åter igen göra. Den här gången önskades även en logga i samma stil som de befintliga visitkorten!

Frame 19.png

Rådmansö-Frötuna Företagarförening
https://www.roff.se

*Efter att jag levererade hemsidan har startsidan förändrats något då båda bilderna bytts ut av den sidansvariga.*


Under 2019 kontaktade Rådmansö-Frötuna Företagarförening mig då de var intresserade av en ny hemsida. De hade sedan tidigare en hemsida men önskade en uppdatering av designen. Jag använde mig av informationen på den gamla sidan för att skapa den nya. På ett möte tillsammans men föreningens sidansvariga gick jag igenom hur hon gör för att redigera sidan, exempelvis lägga till nya medlemmar. 

Cyber Custom Bike Show
*OBS! Förslag på designlösning.*

Varje sommar anordnas Custom Bike Show i Norrtäljes socitetspark. Det är ett mästerskap i hojbygge med utställare från hela Sverige. Under 2020 hindrades eventet att ske i parken på grund av Covid-situationen. Twin Club började därför tänka i nya, digitala, banor. Utställningen behövdes göras digital och de behövde en sida för detta.


Jag fick vara med på ett hörn och presenterade ett förslag på både en första designlösning av hemsidan samt en prototyp för att illustrera hur de kunde placera sponsorer för att alla skulle synas på ett rättvist sätt.

CC.png
Frame 15.png
Frame 21.png
Frame 22.png