Type prosjekt: Individuelt prosjekt
Arbeidsgiver: NTNU
Om prosjektet
Dette er det første prosjektet vi lagde i individuelt i Grafiske verktøy og prinsipper. Oppgaven gikk ut på at vi skulle lage en prototype av en bookingside for enten transport, hotell eller et arrangement. Denne prototypen skulle illustrere hvordan man kan bestille og betale for en billett eller en tjeneste.
Prototypen skulle inneholde en hovedside, booking-skjema og produktoversikt. Prototypen skal kunne skaleres fra mobil til desktop, men i porteføljen velger jeg å vise mobilversjonen fordi vi alltid designer for mobil først.
Jeg valgte å lage et reisebyrå hvor man kunne bestille i hovedsak flybilletter, men det var også mulig å finne hotell. Jeg synes det virket spennende å fokusere på reisebyrå fordi personlig liker jeg å reise, spesielt i Europa.
om Prosessen
Da vi skulle lage en bookingside gikk vi igjennom en prosess hvor vi til slutt skulle komme fram til en prototype.
Det første jeg startet med var å undersøke og få inspirasjon fra andre reisebyråer og booking-sider. Jeg opplevde at noen av sidene kunne være overveldende og uoversiktlige, så et av målene var å gjøre bookingesiden mer oversiktlig og brukervennlig. Etter jeg hadde gjort en undersøkelse for hva slags reisebyråer som fantes i dag, lagde jeg et moodboard som kunne være til hjelp i designprosessen.
Dette er moodboardet som kunne gi inspirasjon videre i prosjektet.
Etter jeg fikk oversikt av det som fantes av bookingsider og reisebyråer begynte jeg å lage skisser. Jeg lagde først trådskisser på ark. Jeg lagde også storyboard med en god beskrivelse om hva hver side inneholder. Vi lagde noen skisser og snakket sammen i grupper og fikk noen tilbakemeldinger. Deretter oppdaterte vi skissene igjen og diskuterte.
Etter dette begynte jeg å lage prototypen på Adobe XD. Først måtte vi lage lo-fi- prototype og fikk tilbakemeldinger om forbedringer. Vi lagde mange iterasjoner, men kom fram til et design tilslutt som senere ble til en hi-fi prototype.
På bildene til høyre kan man se et eksempel på hva jeg forandret i prototypen. Man kan se at bildet til venstre hadde en mørkere blå bakgrunn først, men så forandret jeg bakgrunnen slik at bildene med tilbudene på kom tydeligere fram.
På bildet under kan man se hvordan hi-fi prototypen ble seende ut til slutt.
Jeg lærte en del om komposisjon, om hvordan man skal sette elementer sammen for å skape en helhet, hvordan man skal plassere og gruppere elementer og bruke tomrommet på en god måte. Målet med denne oppgaven var at vi skulle bli kjent med grafiske verktøy og lære om grafiske prinsipper.
Brukervennlighet
Prototypen er brukervennlig fordi den forklarer hvor man er i prosessen blant annet. Det gjør det enklere å følge med på hvor langt det er igjen til man har booket en reise for eksempel.
På prototypen er det to stedet hvor man kan se hvor man er i prototypen. Knappen hvor det står "fly" bytter farge til grønn når man er inne på denne tiden.
Det var også interessant å legge merke til at det er viktig å vise hvor man er i prosessen og få bekreftelse når man har gjennomført et mål.
Refleksjon
Det er noe som kan forandres på denne prototypen. Den kunne ha vært mer dynamikk med forskjellige former enn bare geometriske rektangler som ble lagt under hverandre.
Den kunne ha hatt flere farger på knappene og gjort dem mer klikkbare.
Ellers så inneholder denne prototypen alle de viktigste elementene som en booking- side skal ha. Man kan se tilbudene, man har mulighet for å booke fly og betale for flyreisen med en bekreftelse på slutten.