Graphic identity Bensin LåstTDDD58/posters-2013/Poster_grupp3.pdf · Bensin Låst N S V Ö...

4
grupp 3 CAJA Medieproduktion TDDD58 sofla346 reblo299 lovos088 matli511 malak126 InterActia En enkel och lättöverskådlig app för frekventa bilförare mervärde för slutkunden lättöverskådlig lätt att förstå stilren relevant unik informativ 47L Bensin Låst N S Ö V Karttjänster Status Temperatur Handbok Inställningar Nätverk 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 av Sofie Larsson, Rebecca Löfgren, Lovisa Österling, Matilda Lindmark & Malin Åk- erskog

Transcript of Graphic identity Bensin LåstTDDD58/posters-2013/Poster_grupp3.pdf · Bensin Låst N S V Ö...

Page 1: Graphic identity Bensin LåstTDDD58/posters-2013/Poster_grupp3.pdf · Bensin Låst N S V Ö Karttjänster Status Temperatur Nätverk Inställningar Handbok Interface Vi har gjort

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

Page 2: Graphic identity Bensin LåstTDDD58/posters-2013/Poster_grupp3.pdf · Bensin Låst N S V Ö Karttjänster Status Temperatur Nätverk Inställningar Handbok Interface Vi har gjort

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

Page 3: Graphic identity Bensin LåstTDDD58/posters-2013/Poster_grupp3.pdf · Bensin Låst N S V Ö Karttjänster Status Temperatur Nätverk Inställningar Handbok Interface Vi har gjort

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

Page 4: Graphic identity Bensin LåstTDDD58/posters-2013/Poster_grupp3.pdf · Bensin Låst N S V Ö Karttjänster Status Temperatur Nätverk Inställningar Handbok Interface Vi har gjort

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