Graphic identity Bensin LåstTDDD58/posters-2013/Poster_grupp3.pdf · Bensin Låst N S V Ö...
Transcript of Graphic identity Bensin LåstTDDD58/posters-2013/Poster_grupp3.pdf · Bensin Låst N S V Ö...
grupp 3 CAJA MedieproduktionTDDD58
sofla346 reblo299 lovos088 matli511 malak126
InterActia
En enkel och lättöverskådlig app för frekventa bilförare
seriös
mervärde för slutkunden
lättöverskådlig
lätt att förstå stilrenrelevant
unik informativ
N
S
ÖV
Colors
Large icons (3)
Small icons (6)
Glyphs (2)
Eggshell
R: 242G: 242B: 232
Turquoise
R: 242G: 242B: 232
Dark gray
R: 109G: 110B: 112
Typography
Icon name Open sans light
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Open Sans Regular
Open Sans Italic
Open Sans Bold
Open Sans Light Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Icon description Open sans italic
Buttons
Unselected, second row Selected, second row
EXAMPLE
EXAMPLE
EXAMPLE
Selected, first row
The InterActia AppGraphic identity
AIR CONDITION
Unselected, first row
EXAMPLE
Iconbutton on firstscreen
Button Open sans bold
Toggles
AVPÅ
47L
47L
Bensin Låst
N
S
ÖV
Karttjänster Status Temperatur
HandbokInställningarNätverk
Interface
N
S
ÖV
Colors
Large icons (3)
Small icons (6)
Glyphs (2)
Eggshell
R: 242G: 242B: 232
Turquoise
R: 242G: 242B: 232
Dark gray
R: 109G: 110B: 112
Typography
Icon name Open sans light
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Open Sans Regular
Open Sans Italic
Open Sans Bold
Open Sans Light Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Icon description Open sans italic
Buttons
Unselected, second row Selected, second row
EXAMPLE
EXAMPLE
EXAMPLE
Selected, first row
The InterActia AppGraphic identity
AIR CONDITION
Unselected, first row
EXAMPLE
Iconbutton on firstscreen
Button Open sans bold
Toggles
AVPÅ
47L
47L
Bensin Låst
N
S
ÖV
Karttjänster Status Temperatur
HandbokInställningarNätverk
Interface
N
S
ÖV
Colors
Large icons (3)
Small icons (6)
Glyphs (2)
Eggshell
R: 242G: 242B: 232
Turquoise
R: 242G: 242B: 232
Dark gray
R: 109G: 110B: 112
Typography
Icon name Open sans light
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Open Sans Regular
Open Sans Italic
Open Sans Bold
Open Sans Light Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm NnOo Pp Qq Rr Ss Tt Uu Vv Xx YyZz Åå Ää Öö
Icon description Open sans italic
Buttons
Unselected, second row Selected, second row
EXAMPLE
EXAMPLE
EXAMPLE
Selected, first row
The InterActia AppGraphic identity
AIR CONDITION
Unselected, first row
EXAMPLE
Iconbutton on firstscreen
Button Open sans bold
Toggles
AVPÅ
47L
47L
Bensin Låst
N
S
ÖV
Karttjänster Status Temperatur
HandbokInställningarNätverk
Interface
Vi har gjort en applikation för ACTIA, som ska fungera som en länk mellan en smartphone och ACTIAs “svarta låda” som sitter i bilen. Med denna kan användaren styra vissa funktioner i bilen med telefon.
Introduktion
Mål
Uppdraget
Ett arbete avSofie Larsson, Rebecca Löfgren, Lovisa Österling, Matilda Lindmark & Malin Åk-erskog
grupp 3 CAJA MedieproduktionTDDD58
sofla346 reblo299 lovos088 matli511 malak126
Namn Eva ReuterÅlder 49Yrke Platschef på logistikföretagCivilstatus SärboFamilj Ett barnBor Malmö
Namn Per HolmgrenÅlder 45Yrke “Entreprenör”Civilstatus SkiljdFamilj Två barn, varannan veckaBor Linköping
Tillvägagångssätt
Vi diskuterade vad vi ville ha med i vår app medan vi gjorde en sitemap. Sen följde individuellt skissande på de funktioner som var viktigast att testa på försökspersonerna. Skisserna dis-kuterades, vi ritade wireframes på de mest relevanta av skisserna för att sedan bygga en iPhone i kartong för tester. Efter testsessionen jämförde vi våra anteckn-ingar och diskuterade igenom vad som behövde ändras.
Detaljdesign
Vi såg över vilka funktioner som hade varit mest populära och av störst intresse hos personer som använder färdlogg genom att intervjua dem.
Användarstudier
Med hjälp av våra dessa skapade vi se-dan våra personas, karriärskvinnan Eva, skrytaren Per och familjeorienterade Johanna. Vi valde sedan att inte använda personan Johanna då hon inte kändes till-räckligt relevant. De två kvarvarande har olika personligheter och mål i livet, men också gemensamma intressen i appen. Eva har varit vår huvudpersona då hon äger en tjänstebil och därför har behovet av att föra loggbok över vissa sträckor.
Personas
“Jag älskar min bil och det betyder my-cket att jag kan hålla koll på den”
“Jag reser mycket i tjänsten, och det är smidigt att appen kan hjälpa mig att or-ganisera så att jag kan tänka på annat”
InterActia
grupp 3 CAJA MedieproduktionTDDD58
sofla346 reblo299 lovos088 matli511 malak126
Tester
Denna T-prototyp är gjord i PowerPoint och testen utfördes på 10 personer som antingen var i vår primära eller sekundära målgrupp.
Lyckandesgrad
30%
40%
30% 60%
10%
30%Uppdrag 1 Uppdrag 2
60%
40%
Uppdrag 3
60%
40%
Uppdrag 4
Klarar uppgiften utan hjälp
Klarar uppgiften med lite hjälp
Klarar uppgiften med mycket hjälp
Under testets gång fick användarna tänka högt. Användarna fyllde sen i ett SUS-test med ett antal påståenden med en skala från 1-5 där 1 stod för instämmer inte alls och 5 för instämmer totalt. Till sist fick de välja ut några adjektivkort som de fann passande. Efter uppdragen och utförda SUS-test frågade vi dem om de hade några ytterligare tankar och åsikter om applikationen. Dessa åsikter kunde hand-la både om utseende, hur funktionell den var och funktionerna.
Inspelningarna av testerna användes därefter för att i efterhand räkna de kvan-titativa resultaten och även för analyser-ing av det användarna sa under testerna.
När testerna utfördes dokumenterades lyckandesgraden för varje uppdrag. Ly-ckandesgraden avsåg hur väl och självs-tändigt en användare utfört en uppgift. Detta bedömdes från 1-4.
Användartester
T-prototyp
InterActia
grupp 3 CAJA MedieproduktionTDDD58
sofla346 reblo299 lovos088 matli511 malak126
Testresultat
SUS76
Slutsats
Uppdrag 1 Uppdrag 2 Uppdrag 3 Uppdrag 4
1
2
3
4
5
6
7
8
9
10
11
Antal klick
Antal klick per uppdrag
Antal felklick per uppdrag
Uppdrag
Tid i sekunder
40
60
50
30
10
20
1 2 3 4
1) Sätt igång färdmätning 2) Hantera sträcka 3) Sätt igång AC:n 4) Hitta Per
De flesta trodde att applikationen skulle bli lättare att hantera över tid. De tjän-sterelaterade uppdragen var svårast att utföra men detta beror antagligen på att den största delen av våra användare var av den sekundära målgruppen. Vad gäller utseende och enkelhet så fick den bra betyg. Även de som inte körde i tjän-sten kunde se ett användningsbehov utav produkten.Slutligen så fann vi de testresultat och den data som vi samlade ihop tillfredstäl-lande och vi uppnådde delvis målen vi hade satt upp.
STILRENENKE
L
LÄTTNAVIGERAD
BEKVÄMSNABB
LUG
N
SÄKER
LUGN
SNYGG
FÖRVIRRANDE
ROLI
G
SVÅR
NAV
IGER
AD
OVA
NLI
G
EFFE
KTIV
SUS-testen gav en total poäng på 76 av 100 vilket betyder att vissa saker skulle kunna förbättras men att appen ändå presterar över medel
InterActia