13j2 gruppe1

Page 1

1


Indhold 4 6 7

2

CD & underskrift Indledning Problemstilling

10 14 15 16 20 22 26

Solidt fundament Koncept PoolUp’s vision PoolUp’s mission Metode Research: Dating kultur Research: Tinder Gamification

32 33 34 36 38 42

Alt om SHARKS SHARKS Observationer Økonomien Anmeldelser Artefakter & værdier Segment

46 48 52 54

Hvad er PoolUp Busines model canvas SWOT analyse TOWS analyse Mood board

58 60 63 68

Brugertilpasning Kommunikationsplan Personas Brugerscenearier Brugertest


72 78 80 82 86 88 92 106

Produktudformning Design Colorsheme Wireframes Navigations- & Informationsdesign Sitemap Responsive webdesign Medarbejdes login Code Structure

108 118

Designmanual Flyers

122 123 124 126

Afrunding Forbedringsafsnit Ansvarsområder Konklusion Kilder

Et solidt overblik over magasinets indhold

” 3


CD & underskrift - Gruppens medlemmer

Sarah L. Øster: ——————————————————

Mia Laursen: ——————————————————

Jonas Dybboe Wideking:

——————————————————

Søren Vedstesen: —————————————————— 4


Medarbejder login: brugernavn: admin password: adminadmin

5


Indledning - 3,2,1—VÆRSGO

R

apporten du nu har i hænderne, skal give et

Ud fra denne research er der udviklet et holdbart

direkte indblik og forståelse i konceptet og

og gennemtænkt koncept, samt et socialt medie

samarbejdet med SHARKS i Aarhus. I den sammen-

grundet på PoolUp arrangementet, som præsente-

hæng er der undersøgt, hvordan man kan optimere

rer den atmosfære og underholdning man får, som

SHARKS indkomst, og få flere besøgende hos den

deltager af PoolUp.

ellers meget velfungerende virksomhed.

I konceptet og processen er de lærte redskaber

For at lave dette koncept, er der blevet foretaget en

anvendt i forhold til kommunikationsplanlægning,

dybdegående research på SHARKS, samt kulturen

virksomhedsforståelse, generering af en visuel

ved nogle dating apps og websites.

identitet og et interaktivt produkt, der tilmed henvender sig specifikt til den valgte målgruppe. Grundlaget er dermed lagt for et succesfuldt koncept, der opfylder gæstens og SHARKS’s forventninger.

6


Problemstilling - Hvor starter vi?

P

rojekt 2.2 tager udgangspunkt i succesvirksomheden SHARKS Aarhus.

På grund af SHARKS succes vurderes det, at der ikke skal ændres på en velfungerede virksomhed med et stærkt koncept, men derimod optimere søndag og

mandag, hvor besøgstallet er lavest. Der vil derfor via konceptet PoolUp skabe interesse blandt singler for SHARKS på en mandag aften, og derved optimere besøgstallet på mandage.

A

fgrænsning Selvom der ønskes det bedste produkt, må det samtidigt også være realistisk.

Derfor er vægten placeret på konceptet og en stærk prototype, der visualiserer konceptets indhold. Produktet vil derfor ikke være 100% integre-

ringsklart for SHARKS, men dog visuelt og interakti-

onsmæssigt klar som prototype, der kan give et

I have not failed. I've just found 10,000 ways that won't work ― Thomas Edison

udspil til det endelige produkt.

” 7


8


9


Koncept - Hvad går ideen ud på?

I

forbindelse med projekt 2.2 på multimediedesignuddannelsen er der, i stedet for blot at re-

designe SHARKS nuværende hjemmeside, udviklet et nyt tiltag til den i forvejen godt gående virksomhed i form af et nyt koncept. Konceptet fungerer som et initiativ til en udvidelse af virksomheden, og ikke en omstrukturering af deres nuværende koncept/image.

P

oolUp Med problemstillingerne in mente, blev der

udviklet et unikt koncept, idet at det ikke set før, i hvert fald ikke på det danske marked. Konceptet bygger på en kombination af elementer fra pool,

Da det hurtigt blev fastlagt i problemstillingen, at

som er en værdi SHARKS i forvejen lever på, og da-

der er et hul i forretningen i form af ikkebenyttede

ting. Kombinationen munder ud i et pooldating-

poolborde på henholdsvis søndage og mandage,

koncept, som skal foregå om mandagen hos

blev det valgt, at der skulle stræbes efter at udvikle

SHARKS. Mandag bliver valgt, da det er en af de da-

et koncept, som til dels kunne løse dette problem.

ge, hvor bordene ikke er fyldt ud. Derved er der mulighed for at reservere og tilsidesætte poolborde udelukkende til dette formål. Konceptet er gratis at deltage i, og det koster kun penge for leje af bord og drikkevarer. Det starter ud med kun at foregå mandag aften, for ikke at blive en

for radikal ændring i forhold til SHARKS’ nuværende maskuline image. Når konceptet er blevet afholdt et vist antal gange, og segmentet har vænnet sig til, at det er en del af SHARKS, kan man overveje at udvide programmet til også at foregå om for eksempel søndagen, for at fylde alle huller ud.

10


S

om nævnt tidligere, skal der tages hensyn til det etablerede segment, som i forvejen kom-

mer på SHARKS. Derfor er målgruppen til konceptet inden for forholdsvis lav margin af, hvad den generelle kunde er (målgruppe afsnit).

gruppere personerne i en mere snæver aldersmar-

K

gin, for at sikre, at man kommer til at spille med en

sættes 15 borde til formålet hver mandag aften.

på sin relativt egen alder.

Der kan deltage 15 af hvert køn i en aldersgruppe,

Den første aldersgruppering er mellem 23-26 år

så der i alt er 30 deltagere pr. mandag.

(gruppering 1), og den anden er mellem 27-32 år

Der er blevet draget en subjektiv vurdering af, at

(gruppering 2).

det ikke er umuligt at henholdsvis 15 piger og 15

Målgruppen er blevet fastlagt på en margin mellem 23 år til 32 år. Inden for denne målgruppe er der to underkategorier af aldersgrupper, som er med til at

onceptets afvikling Et udkast til hvordan konceptet skal starte ud med at blive afviklet er, at der skal af-

drenge ønsker at deltage. Da pool hall’en ikke er fyldt op mandag aftner, drages der igen en subjektiv vurdering af, at det ikke bliver svært at tilside-

K

onceptet kommer til at blive afviklet hver

sætte 15 borde hver mandag. I værste tilfælde er

mandag aften. De respektive grupperinger

dette ikke en svær margin at ændre på: man tilside-

skal skiftes til at komme hver mandag. Gruppering

sætter blot færre/flere borde.

1 den første mandag, gruppering 2 den næste og så videre. På grund af at det forgår på en mandag, og folk sandsynligvis skal på enten arbejde eller studie dagen efter, skal det ikke afholdes for sent på aftenen. Derfor kommer det til at blive afholdt fra kl.19.30 til kl.20.00. Så er der også mulighed for, at blive efter arrangementet slutter, hvis man møder en person, som man for eksempel gerne vil nyde en ekstra øl med.

11


D

er bliver afviklet en kamp/date pr. par, så man kun kommer til at date en enkelt per-

P

arterne får ikke mulighed for at chatte eller kommunikere med hinanden. For at få kon-

son. Der er blevet søgt inspiration hos Tinder om,

takten bliver de nødt til at møde op på SHARKS.

hvordan man vælger og finder sin modstander.

Derved undgås der, at parterne aftaler at mødes

Man finder en modstander igennem websitet, som bliver udviklet til formålet. Man kommer til at oprette en profil gennem sin Facebookprofil, hvor oplysninger omkring ens fornavn, alder, interesser og

profilbilede bliver hentet ned. Når man har oprettet sin profil, får man mulighed for, at se de andre tilmeldte af modsatte køn. Man får en enkelt profil i ens aldersgruppe vist af gangen, hvor de samme oplysninger som man selv fik hentet ned fra Facebook vil blive vist. Man får så ud fra kun disse oplysninger mulighed for, at sige ”Play” eller ”X”. Hvis man trykker ”Play” betyder det, at man gerne vil spille imod modstanderen –hvis man siger ”X”, vil man ikke. Den anden person får ikke at vide, om du har sagt ”Play” eller ”X”. Hvis den anden person ligeledes siger ”Play”, får begge parter en notifikation om et poolmatch. Der vil så blive vist en oversigt over de kommende mandage, hvor de hver især kan trykke og markere en dato. Den modsatte person vil så kunne se, hvilken dato den anden har valgt, og kan så vælge den samme eller forslå en

ny. Når begge parter vælger den samme dato vil den blive grøn, og de får endnu en notifikation om, at de skal mødes hos SHARKS på den respektive dato kl.19.30.

12

udenom på et andet tidspunkt og sted. SHARKS forbliver altså bindeleddet mellem dem, og derved sørges der for, at SHARKS forbliver uundværlige, for at parterne kan mødes efter at have matchet med hinanden. Det sørger ydermere for, at der føres trafik til SHARKS’ pool hall, som i sidste ende giver flere kunder og mere omsætning.

H

vis ikke alle borde bliver fyldt ud, kommer det ikke til at betyde noget, da bordene alli-

gevel generelt står tomme. Og hvis der er for få borde sat af, kan man overveje at sætte flere borde af, eller at køre arrangementet over to omgange af

en halv time hver. For eksempel fra 19.00 til 19.30 med første afvikling og 19.30 til 20.00 med næste afvikling. På den måde bliver det muligt at fordoble antallet af deltagere om nødvendigt.


D

et handler om underholdning

Et af de vigtigste elementer inden for konceptet er,

Det er også årsagen til overvejelserne omkring im-

at det skal handle mere om at have det sjovt og gri-

plementeringen af gamification elementerne fra

ne, frem for at handle om at være god til pool. Alle

Tinder. Man får mulighed for, at sige ja eller nej til

skal kunne deltage. Dette er ikke en turnering, hvor

sine potentielle dates, og som Skjødt refererer til at

det handler om at slå sin modstander. Det handler

samfundsforsker Troels Schulz Larsen har sagt, så

derimod om, at komme og få noget underholdning

opstår der en spillogik (Skjødt, 2014). Udfordringen

over et poolbord, og derigennem skabe nye relatio-

er at få et match, og belønningen er et match og en

ner til personer af modsatte køn: et såkaldt ”hook

date. Der opstår altså et formål for brugeren til at

up” skabt gennem PoolUp af SHARKS.

bruge det.

Dette element blev fastlagt ud fra SHARKS egne ar-

En af de vigtigste fordele ved konceptet er, at det

tefakter og det field research, der blev gjort i pool

ikke skal opfattes af brugeren som traditionel da-

hall’en. Her kunne der konkluderes, at det hos

ting. Man undgår den pinlige tavshed over middags-

SHARKS handler om, at komme og få sig en oplevel-

bordet da man altid har pool bordet og spillet imel-

se og have det sjovt. Der er store grin og jokes

lem sig. Hvis parterne ikke har noget tilfælles, og

blandt personerne rundt om bordene der nede, og

mangler emner at snakke om, kan man altid bare

underholdning er et af de vigtige artefakter hos

nyde spillet. Man er ikke tvunget til at sidde og kig-

dem.

ge den anden person i øjnene. En anden årsag til at konceptet ikke skal slås op som et datingkoncept, men nærmere som et hookup koncept, er, som Troles Schulz Larsen igen refereres for at have sagt i artiklen (Skjødt, 2014), at

man kan blive anset for ikke at kunne score i byen, hvis man net-dater i de yngre grupper. Sådan et

Man er ikke tvunget til at sidde og kigge den anden person i øjnene

tilfælde er ikke noget, man vil indrømme eller blive anset for, da det har en klar negativ ladning.

” 13


PoolUp’s vision - Hvor skal vi hen?

V

isionen er rettet efter konceptet poolUp og ikke mod ejeren SHARKS. Visionen er drømmen om en bestemt målsætning, måske stå på toppen

af et bjerg eller forblive innovative. Der er via nedenstående visioner kort skitseret konceptets målsætning:

Kendt og omtalt for den gode og sjove oplevelse gæsten involveres i.

Enkel og brugervenlig koncept.

Et positivt input i hverdagen.

Et koncept med singler i fokus.

Et afslappet men meget gennemført koncept.

Kendt og respekteret i byen som en tradition

Et koncept i tråd med SHARKS’s artefakter, værdier og nostalgi.

Gæsten i fokus. Det innovative konceptet har til vision, at udvide og skabe omtale for SHARKS, men også give grund for gode oplevelser med plads til flirt og humor. Konceptet gør plads til flirt og kærlighed der placeres på

et mere underholdende og uformelt niveau.

flirt og kærlighed der placeres på et mere underholdende og uformelt niveau.

” 14

PoolUp skal dermed øge interessen for uformel flirt kombineret med en underholdene aften.


PoolUp’s mission - Hvordan kommer vi derhen?

M

ission er spørgsmålet om HVORDAN kommer man så op på toppen af bjerget, eller HVORDAN forbliver man innovative.

Her er vægten placeret på flere punkter der nu og i fremtiden skal holde PoolUp interessant og underholdende:

Lytte til brugerens feedback (Google Analytics)

Flere brugertest

Videreudviklingen og tilpasning af sitet.

Fokus på SEO

Muligt samarbejde med flere lokale virksomheder.

Fastholde SHARKS værdier.

Fastholde fødderne på jorden.

15


Metode - Hvordan er værktøjskassen pakket

I

projekt 2.2 er der anvendt forskellige metoder, modeller og analyseværktøjer for at besvare pro-

blemstillingen.

V

irksomhed: Business Model Canvas har været et meget

K

ommunikation: I projekt 2.2 er der anvendt to forskellige re-

nyttigt vækrtøj, som er anvendt i forbindelse med

searchværktøjer. Deskresearch og fieldresearch. De-

udviklingen af forretningsmodelen for SHARKS. Det

skresearch er brugt i forbindelse med undersøgelse

har givet et overblik over hele konceptet der er ud-

af forskellige datingelementer. Denne type research

viklet for SHARKS. (Osterwalder, 2012)

er foretaget fra computeren.

Schein: Der er benyttet Scheins opfattelse af virk-

Der er også blevet foretaget Fieldresearch på

somheders artefakter, for at der kan gives et indblik

SHARKS, hvor der er observeret alt fra stedets ind-

i SHARKS værdier og visioner i forhold til de besø-

retning og møblering, gæster og alt om deres på-

gendes opfattelse af dem. Artefakter er et vigtigt

klædning, alder og vaner i forhold til stedet. Begge

redskab til at forstå kulturen i en organisation eller

disse researchværktøjer har haft en stor betydning

virksomhed.

for projektets indgangsvinkel. SWOT og TOWS analyserne bruges til at skabe over-

blik over en virksomheds styrker og svagheder, samt muligheder og trusler (Jenrich, Jepsen, Schmalz og Aarosin, 2010. Kapitel 4). Disse punkter kan så holdes op imod hinanden, for at optimere en virksomheds strategi. TOWS et redskab som er med til at stille de forskellige punkter fra SWOT op mod hinanden, og dermed se hvordan de kan udnyttes bedst muligt. 16


S

egmenteringsværktøjer I segmentering er der anvendt Gallups kompas, der opdeler befolkningen i ni seg-

menter, der bygger på holdningsspørgsmål. (Busch, Engelby, Andersen og Larsen, 2011. s. 205)

S

egmenteringsværktøjer giver et godt overblik over segmentets livsstil, indkomst, politiske holdning osv. Dog kan der gives et misvisende billede af modtagerne, da de anses som stabile og forudsigelige. Dette er et vigtige parametre der også er valideret i forhold til konteksten. Alligevel er der valgt, at anvende Gallups Kompas, da afsenderen kan ses objektivt og kombineres med marketingsteorierne SWOT og TOWS, da omgivelserne er stabile.

P

ersonas beskriver derfor eksplicit den de

tænkte modtagere af produktet. De er her

baseret på segmenteringsværktøjer af fiktive stereotyper, og på kvalitative studier af rigtige brugere i form af interviews og observationer. Det giver alt i alt et indblik i hvem den enkle modtager af PoolUp er.

17


Kommunikationsplan: Denne plan er et analyseværktøj, som bruges til at udarbejde en profil for PoolUp. Det er en mulighed for at specificere virksomhedens budskab, målgruppe og formål.

Design: I design afsnittet er der anvendt designmæssige værktøjer i form af gestaltlovene, kompositionsteori, farveteori med videre. Dette giver en bedre forståelse for sammenspillet af de forskellige designmæssige aspekter, og hvilke værktøjer, der skal anvendes, for at integrere kommunikation med design.

18

Keep it stupid simple


Projektplanlægning: I projektforløbet er der anvendt Scrum (Busch, Engelby, Andersen og Larsen, 2011. s. 144) , som har gjort det nemt og overskueligt i forhold til de forskellige opgaver, og hvem der har haft ansvar for hvad. Da det er denne metode, der er blevet brugt i undervisningen, er der valgt at planlægge og arbejde ud fra den. Der blev valgt at planlægge arbejdsforløbet i forskellige back-logs, hvorefter opgaverne blev delt ud til forskellige fra holdet. Efter hver back-log afholdtes der i gruppen et møde, hvor der blev drøftet, hvad der blev lavet på dagen, samt hvad den næste dag skulle indeholde. Det var med til at alle hele tiden vidste, hvad der foregik I gruppen, og på samme tid gav det et godt overblik, og gjorde det nemmere I forhold til planlægning og struktur.

19


Research -Dating kultur

I

nternetdating er efterhånden blevet en mere almindelig ting og det er blevet mere accepteret at

D

a dating via internettet startede, var det udelukkende via desktop det foregik. Ten-

tale om det samt erkende, at man har mødt en kære- densen i dag er, at det skal gå hurtigt samt, at

ste over internettet.

det skal være nemt tilgængeligt og på sin vis

(Steffen, Trine. 2014) Datingsites stormer frem og in-

uforpligtende. Danskerne bliver mere mobile i

teressen bliver større i takt med, at der oprettes for-

deres brug af medier. Folk foretrækker, at opspo-

skellige typer sites til forskellige formål. De nyeste op- re forbindelser via deres mobil eller tablet. Dalysninger og tal der er hentet, er tilbage fra 2012.

tingsiderne mærker også, at folk i stigende grad

Tallene er indsamlet af Danske Medier som viser, at

logger ind via deres mobile enheder, og det gør

mere end 500.000 danskere besøger datingsites i lø-

det dermed mere spontant. Førhen aftalte man

bet af en måned. Det er en stigning på næsten

et møde over computeren, som typisk lå nogle

200.000 brugere alene fra tal indsamlet året før, nem- dage eller måske en uge frem i tiden, men mobilig i 2011. (Andersen. 2012)

len gør det muligt, at man hurtigt og spontant kan aftale et møde her og nu, mens lysten er til det. (Mølgaard. 2012)

Det er vigtigt og understrege, at det sociale medie ikke er et datingsite. Det er derimod et arrangement, hvor mennesker mødes, for at have det sjovt. Folk får derved ikke mulighed for at oprette en chat, men får kun et billede af den anden person, at se inden man mødes. Der kan konkluderes, at interessen for at møde nye mennesker blandt danskerne er stor, og den vokser stødt.

20


Wanna play?

Wanna PoolUp?

” D

en nye dating app Tinder, bryder den traditionelle måde at mødes og date på. Her udveksler man kun få informationer og billeder af sig selv, før man mødes og da

man kun får buddet en gang. PoolUp konceptet tager udgangspunkt i responsive webde-

sign, dog med fokus på mobilefirst. Den bliver designet til, at den skal være nem, at benytte når man er undervejs. Undersøgelser viser, at man bruger kortere tid på, at vurdere en profil på mobilen end man gør, hvis det er over computer. (Mølgaard. 2012). Derfor vurderes det, at det er ideelt at lave et mobilt rettet koncept, da det er hurtige vurderinger ud fra profilbilleder - det skal være nemt at mødes til et spil pool.

21


Research - Tinder app.

N

år man åbner Tinder på sin smartphone, bli-

ver man præsenteret med et navn og et stort

billede af en anden person, oftest af modsatte køn. Man kan så med et enkelt ”swipe” afslå eller godkende personen. Hvis man swiper til venstre med fingeren betyder det ”nej tak, ikke interesseret”, og til højre er så et ”ja tak”. Hvis to personer swiper til højre (godkender hinanden), får man muligheden for at chatte sammen. De personer man godkender, finder dog ikke ud af det, før de også støder på en i appen, og godkender en tilbage. Man bliver ikke notificeret hvis andre har sagt nej til en, og derfor undgår man de klassiske afvisninger.

Tinder benytter sig af lokalitetstjenesten i ens smartphone, og kan derfor bruge telefonens GPS til at tage udgangspunkt i, hvor du som bruger be-

T

inder i den online markedsføring

finder dig. Det betyder også, at de potentielle mat-

Årsagen til at Tinder bliver valgt som led i den online

ches, der dukker op på din skærm, er personer i

markedsføring er, at det er en match making-app

nærheden af dig. I appens indstillinger kan man

hvor ”det handler om flirt, spontanitet, underhold-

selv bestemme hvor stor en radius appen skal fin-

ning og er ikke så seriøst et datinguni-

de profiler i.

vers” (Jakobsen.2014 ) Dette er nogle af de samme værdier, som der gerne vil videregives til konceptet PoolUp; det skal være flirtende, underholdende og helst ikke for seriøst omkring de klassiske datingprincipper.

22


E

t af de vigtigste faktorer for, at Tinder bliver brugt i markedsføringen, er fordi, at appen

Tinder er lokalitetsbaseret. Den skanner kun efter personer inden for en given radius. Derved kommer de estimerede Tinder-profiler, stort set kun ud til personer i omegnen af Aarhus. Man undgår altså at ”tale for døve øre” for Tinderaktive på

eksempelvis Sjælland, som ikke kommer i nærheden af SHARKS Pool Hall, Aarhus. Det er også gratis at benytte Tinder. Man opretter sin profil ved at bruge API’et fra sin Facebookprofil. De eneste oplysninger Tinder skal bruge er fornavn, alder, profilbilleder og ting du ”liker” på Facebook.

F

or at oprette profilerne på Tinder, er der som udgangspunkt to muligheder.

SHARKS kan selv oprette en række profiler i PoolUp’s navn, som der kan benyttes på Tinder. Her er det vigtigt at have in mente, at det er imod FaceTinder er en social online dating app,

books regler at oprette falske profiler. Dog er

som er med til at rykke netdating over

straffen kun at ens profil bliver lukket, hvis det bli-

på mobiltelefonen. Appen blev for før-

ver opdaget. Altså ingen økonomiske konsekvenser.

ste gang lanceret tilbage i 2012, og er i dag blevet downloadet omtrent 150.000 gange alene i Danmark (Skjødt.2014)

SHARKS kan også få eventuelt ansatte, venner eller bekendte i de estimerede aldersgrupper til at indsætte det designede profilbillede, og lade dem oprette sig på Tinder.

23


T

inder målgruppe For at finde ud af, om aldersgruppen på Tinder stemmer overens med den fastlag-

te målgruppe for PoolUp, blev der udarbejdet relevant field research. (Google Play, Tinder)

Søgning efter mænd: 01-05-14 kl. 13.30: 

23-26 årige: 600+

27-32 årige: 600+

To af os oprettede en Tinderprofil. Vi placerede os omkring SHARKS placering i Aarhus, og indstillede

Søgning efter kvinder:

radiussen af søgningen på Tinder til 30km. Så blev der lavet to match søgninger: en i aldersgruppen 23 -26 år og en i aldersgrupper 27-32 år. Dette er de to estimerede aldersgrupper, der er valgt at basere konceptet omkring ud fra:

24

02-05-14 kl. 09.30: 

23-26 årige: 223

27-32 årige: 117


600 potentielle matches

V

ed søgningen efter mænd, fra en kvindelig profil, kom der mere end 600 potentielle matches i hver aldersgrup-

pe. Der blev stoppet efter 600 profiler, da der ikke var tid til at fortsætte.

Ved søgningen efter kvinder, fra en mandelig profil, kom der 223 potentielle matches i aldersgruppen 23-26 år og 117 i aldersgruppen 27-32 år.

U

d fra disse strukturerede observationer kan der konkluderes, at der er flest mænd på

Tinder i Aarhus og omegn. Dog fungerer Tinder på den måde, at der løbende kommer nye potentielle matches, som man kan swipe. Men som Skjødt nævner i sin artikel på Politiken, så kommer der nye brugere til dagligt. Og da hun, modsat vores observationer, fastlægger, at den kønsmæssige fordeling på Tinder er 55% mænd og 45% kvinder, er sand-

synligheden for, at der løbende kommer nye kvindelige profiler i Aarhus og omegn høj (Skjødt.2014)

25


Gamification - Vind et match

H

vad er gamification: Gamification er i store træk, når aktiviteter bliver tilført spilele-

menter. Det kan være alt fra badges og highscore lister, til indflydelse og besparelser. Dermed er gamification et bredt begreb over aktiviteter eller produkter, der får tilført spilelementer, hvilket også er tydeligt i hvordan gamification bliver anvendt. Men som der skrives i bogen Gamification by Design (Gabe , Christopher. 2011. side 20.) : “ if you expect gamification to fix your business’ core problems—bad products or poor product-market fit—it will not”, derfor skal Gamification anvendes med omtanke og grundlag.

26


P

ræcision af målet. Gamification kan ikke anvendes til, at skabe noget urealistisk, derfor er

det vigtigt at være realistisk, i forhold til hvad ens produkt kan tilbyde, hvad PoolUp’s mål er og ikke mindst hvad brugerens ønsker er.

Ud fra user goals, business goals, artefakterne og ikke mindst konceptet, er det grundlæggende succeskriterie, at brugerne finder et match og derefter møder op, hvor de forhåbentligt skaber omsætning via loyalitet og køb af drikkevarer. Derudover er et meget vigtigt user goal, at det skal være sjovt og ikke formelt. PoolUp er IKKE dating, det er en uformel og sjov flirt over et spil pool. Derfor er gamification elementet skarpt vinklet i produktet, da aktiviteten skal forgå på SHARKS til PoolUp arrangementet.

H

vordan opbygges gamification. I gamification er et meget betydningsfuldt element, engagementet, det er engagementet der ofte driver brugerne, og skal engagere brugerne til

interaktivitet. I bogen Gamification by Design (Gabe , Christopher. 2011. side 18.) deles engagementet op i flere forskellige dele: • Recency ( Rutine )

• Frequency ( Frekvens ) • Duration ( Varighed ) • Virality ( spredningscyklus ) • Ratings ( anmeldelser ) Hvert af disse elementer spiller en rolle i engagementet, der tilsammen udgør en 100% engagerende bruger.

27


P

å grafen forneden, fra Gamification by Design, (Gabe , Christopher. 2011.) ses forskellige

aktiviteter delt op med de forskellige elementer. Her kan det ses hvordan dating er placeret ud fra 100% engagement.

U

dover engagement kan gamification også tilgås med forskellige virkemidler set ud fra

Recency (rutinen) ved online dating er høj og bru-

SAPS modellen. (Gabe , Christopher. 2011. side 32)

gerne kommer dermed ofte tilbage og gerne vil

SAPS modellen er en model, der deler gamification

tjekke op på en eventuel datingprofil.

op i status, access, power, stuff.

Frequency (frekvens) er knap så høj, dog er varighe-

De højt rangerede elementer er status og access,

den placeret relativt højt, personer vil derfor gerne

mens de lavest rangerede er power og stuff.

sætte tid af tid online dating og interagere med det.

Dog ses de ofte anvendt i forskellige sammenhæng, og i forskellige rækkefølger. F.eks. kan badges

I

tabellen (Gabe , Christopher. 2011. side 19) er

(stuff) til sidst overføres til status, da man har flest

det ikke oplyst, om det er fra mobil, hvilket land

badges på leaderboardet, hvilket giver status.

det er fra eller hvordan fysisk, og online dating er placeret. Derfor kan tabellen ikke anvendes til andet, end en unøjagtigt indikation på hvordan dating er placeret i forhold til engagement, hvilket dog er meget anvendeligt i forhold til hvilke gamification elementer der skulle anvendes i produktet.

28


A

nvendt gamification I produktet er det valgt, at fokusere på underholdnings værdien, som havde en høj prioritet i user goals.

Når brugerne er logget ind på sitet, og skal til at finde sit match, er det muligt, at vælge og vrage mellem 10 af de andre profiler dagligt. Man ser kun et billede, navn og antal fællesinteresser, på denne måde er der en hurtig og sjov underholdningsværdi i, at gå ind og ”spille”

rundt blandt de andre profiler. Det ellers formelle dating univers er placeret i en uformel og sjov ramme, hvor målet er et spil pool med en ønsket partner. Derudover er der et status element i at ”vinde” én eller flere partnere for præmien ved et match er ikke begrænset.

A

cces opnås, da man kun kan blive en del af arrangementet ved, at finde en partner på PoolUp. Det er en personlig og lukket kreds og brugere/spillere

der kan deltage, dette skaber forhåbentligt en interesse for sitet og arrangementet. I tabellen kunne det ses, at dating havde en høj rutine, derfor er det valgt at kun 10 profiler kan ses dagligt, dermed påvirkes brugerne venligst til, at komme dagene efter, så rutinen bliver gjort muligt, og skaber retention for sitet.

F

ra valg: Artefakter fra SHARKS viser tydeligt, at SHARKS har et

stærkt omdømme og historie. Derudover viste brugerscenarierne tydeligt, at opbygningen skulle være enkel og brugervenligt, derfor er leaderboards, badges og gratis ting fravalgt, for holde fokus på arrangementet, PoolUp.

29


30


31


S

HARKS er en meget velbesøgt og ikke mindst populær bar, golf, diner og pool hall, helt centralt placeret i Aarhus.

Trods få tilgængelige beskrivelser og fortællinger, har stedet en lang og traditionsrig historie, med nostalgi, charme og massere af humor. SHARKS viderebringer den klassiske bodegastemning i moderne omgivelser.

J

esper Zweidorff Laugesen, bestyreren af stedet, har drevet stedet i ca. 20 år og udtaler ”Stedet kører rigtig godt, og alle poolbordene er fuldt booket fra tirsdag til lørdag”.

På Facebook beskriver de dem selv således:

Med 26 poolborde, 2 golfsimulatorer og en Diner finder du Danmarks største poolhall i hjertet af Aarhus. Sharks er stedet: hvis du vil udfordre kammeraterne i et spil pool eller golf, hvis du vil have en hyggelig eftermiddag med kollegaerne, hvis du vil have en sjov aften med vennerne og veninderne, hvis du trænger til kolde øl, god kaffe eller dejlige drinks, hvis du kunne tænke dig en burger i verdensklasse…og meget andet. Poolhallen åbner hverdag kl.12 Dineren åbner man-fredag kl.12 lør-søndag kl.11 (SHARKS, Facebook)

32


Observationer -Sjovt og afslappet besøg

S

HARKS har et stærkt gennemført amerikansk 50’er tema i dineren, hvor der er mulighed for spisning, samt en hygge-

lig amerikansk 50’er bodega stemning i resten af pool hallen.

Generelt er der en meget imødekommende og uformel atmosfære i pool hall ’en. Som det ses på billederne, er der en svag belysning uden om bordene, hvilket medvirker til den hyggelige og lokale bodegastemning, på trods af pool hall’ens størrelse. Over alle bordene hænger et personligt skilt, der har et burger navn, samt repræsenter det enkelte bord, derved har flere stamgæsterne også ét stambord. Der er placeret flere store brunlige billeder med inspiration fra Amerika i 50’erne. Derudover er der placeret flere store læder møbler i hall’en, som falder godt ind i det gennemførte tema.

33


Økonomien -Finansielle vilkår

V

ed et opslag af SHARKS Pool Hall i Proff.dk, (SHARKS, Proff), kan der ses et billede af virk-

somhedens økonomiske ståsted, hvilket giver et godt billede af virksomhedens styrke økonomisk set. På Proff.dk (se screenshot 1), ses en oversigt over 3

Proff skriver om dem selv: http://indsigt.proff.dk/

vigtige elementer, der leverer og vurderer virksom”Proff er en unik tjeneste i Danmark, når det

heder ud fra det finansielle.

kommer til at levere finansielt indhold. Vi har mange konkurrenter, men ingen gør det samme som os – leverer oplysningerne GRATIS til brugeren.

Find potentielle kunder, leverandører eller partnere indenfor bestemte brancher eller brug Proff til at validere økonomien i bestemte virksomheder. Vi har 700.000 danske virksomheder på listen! ”

Likviditetsgrad: Her ses virksomhedens evne til at opfylde sine kortsigtede økonomiske forpligtelser. Hvilket bliver vurderet til, at være ”GOD”, og ved et tilbageblik til 2011 ses der en stigning fra en vurdering som ”svag”.

34


Soliditetsgrad: Afkastningsgrad: Afkastningsgraden er et nøgletal for udviklingen i virksomheden og dens evne til, at forrente den samlede

I soliditetsgraden tages der udgangspunkt i den samlede aktivmasse, og hvor stor en del egenkapitalen udgør af denne.

kapital. Her vurderes SHARKS til ”meget

Her tildeles også vurderingen ”meget

god”.

god”. Hermed kan det ses, at ved eventuelle tab, står virksomheden stadigvæk stærkt rent økonomisk.

Screenshot 1: økonomisk indsigt

35


Anmeldelser -Hvad siger gæsterne

P

å Google’s egne anmeldelser (GoogleAnmeldser, SHARKS) er der angivet 14 anmeldelser og gennemsnittet er på 4 stjerner ud af 5.

I flere anmeldelser er maden rost, men servicen kritiseret, dog er det vigtig at understrege, at dette er i forbindelse med Dineren og ikke resten af Pool Hall’en.

36


T

ripadvisor På Tripadvisor (Tripadvisor, SHARKS diner) der er bygget op omkring bruger anmeldelser tegnes samme billede.

Her er der afgivet 11 anmeldelser, hvor af 7 er positive mens, 3 er negative, samt en neutral. På screenshot 2, ser fordelingen via tilfredsheden og en kategoriseret opdeling. Endnu engang er den dog fokuseret på dineren og ikke resten af Poll Hall’en.

Screenshot 3: Tripadvisor

63% anbefaler!

” 37


Artefakter & værdier -Virksomhedens personlighed

F

or at klarlægge SHARKS’s artefakter, værdier og segment, blev pool hall’en observeret i 90.

min torsdag aften fra Kl.21.00 D.01.05.2014.

P

ool Hallen har 26 pool borde, der også denne aften var udlejet alle sammen.

Stemningen var god og meget uformel, serveringen bidrog med en god stemning blandt gæsterne via

(Af hensyn til gæsterne gav ejeren, Jesper Zweidorff

imødekommende humor og hurtig servering.

Laugesen, ikke tilladelse til yderligere interview med

Denne generelle gæst nød en halv liter øl, dog blev

gæsterne.)

der også serveret colaer eller enkelte shots, hvilket også var afspejlet i segmentet. Der kunne ses at gæsterne var afslappet klædt med præg af pænere hverdags tøj, hvilket viser den afslappede atmosfære og den gode sjove stemning gæsterne ønsker ved stedet.

38


A

rtefakter

Afslappet Observationerne viste tydeligt hvordan gæsterne slappede af og nød det som et frirum. Amerikansk 50’er tema Temaet på SHARKS og særligt i dineren trækker klare tråde til 50’erne via billeder, farver, indretning og dæmpet lys. Bodegastemning Stedet oser af den lokale hyggelige charme, hvor gæsterne hilser over en øl og griner ud. Sjovt SHARKS tilbyder en oplevelse igennem pool, golf og god mad. Derudover mødes gæsterne med store grin og interne jokes. Personlig (logo)

Ca. 40% af gæsterne er stamgæster, udtalte bestyreren Jesper Zweidorff. Dette blev også noteret ved observationerne, hvilket præger SHARKS positivt med en personlig og indbydende stemning. Hertil kommer logo’et også.

Drengerøv Udover et afslappede og sjovt miljø, bærer stemningen også præg af en drengende humor. Eksempelvis via små citater ved bordene. (LINK BILLEDE TIL HØJRE)

Pool SHARKS er Danmarks største Pool Hall, derfor har denne artefakt høj prioritet. I år afholdes DM i 8-ball på SHARKS, derfor er alle pool borde også professionelle og velholdte.

Nostalgi På baggrund af de 20 år og de traditionsbundet aktiviteter er nostalgien høj blandt gæsterne. 39


V

ærdier: En høj værdi for SHARKS blev særligt observeret i den gode stemning og oplevesen. Dette bliver set i form af en god arbejdsmoral, miljøet og den

familierettede tilgang der ses blandt personalet og stamgæsterne. Personalet hilste med smil, og modtog ofte en joke eller en sjov og personlig bemærkning tilbage. Værdierne ses også i indretningen, humoren og bodegastemningen som bevidste valg for, at danne et bestemt indtryk af virksomheden profil som personlig, original og imødekommende, hvilket også er værdier der ses som særlige artefakter for virksomheden. SHARKS har et personligt toneleje på deres FACEBOOK gruppe, hvor også direkte spørgsmål til virksomheden besvares åbent og venligt. Det maskuline overtal og ikke mindste indretningen kan ikke overses, men virker mere charmerende end afskrækkende for kvinder, da der også denne aften var flere

kvinder, der selv spillede pool eller spillede med en mandelig partner.

40


Personalet hilste med smil og modtog ofte en joke eller en sjov og personlig bemærkning tilbage.

O

psummering af værdier og artefakter.

Artefakterne og værdierne har en høj værdi for udformningen af produktet, da selve stilen skal afspejles i produktet, samt hvordan konceptet rent praktisk opbygges. Via observationerne noteres det, at konceptet og kommunikationen skal være enkelt og gerne humoristisk, da segmentet ser besøget som en god oplevelse. Derudover er indretningen og denne linje klare artefakter, som vil have en overvejende betydning i designet

41


S

egmentet:

Køn: Ca. 35 kvinder. Mellem 80-100 mænd. Alder:

Gns. 25-28 år. Min. 23 år. Ca. 20.personer over 32 år.

Typer: Der kunne ikke fastlægges én fast type, da gæsterne ikke havde præg af én bestemt segmentering f.eks. kun tømrer, bankfolk eller cykelryttere. Og i og med interview blev afvist, kunne karriere, uddannelse eller interesser ikke klarlægges. Dog kunne der ud fra tøjstil og være-

Kvinder: Afslappet klædt, pænt hverdags tøj, t-shirts, flade sko. Intet galla outfit, lange kjoler eller højehæle.

måde tegnes et

Attituden blandt pigerne var udadvendt, rolig, social og med hu-

mere subjektiv

moristisk sans.

billede af gæsterne.

Mænd: Afslappet klædt, hverdags skjorter samt t-shirts og jeans. Attituden blandt mændene bærer præg af en drengerøvede og humoristisk stil, dog ikke plat og nedværdig. Det gode humør og det sociale samvær er i højsædet , da mændene ser det som et frirum fra hverdagen.

Yderligere anmærkninger: Det er værd at notere, at der var flere par (mand og kvinde) blandt gæsterne. Om det så enten var kærestepar, vennepar eller dates, så gives der altså plads til en god og sjov oplevelse som par.

42


D

elkonklusion: Grundlæggende er SHARKS en succesfuld virksomhed, der har rigtige gode

besøgstal, men med et lille fald søndag og mandag, ifølge bestyreren Jesper Zweidorff Laugesen. Stedets segment kan være svært at simplificere, derfor er observationerne betydningsfulde for produkts udformning. Eksempelvis ses segmentet som bred, men med en afslappet indstilling. Derudover er der flere mænd end kvinder, dog er det kvindelige segment ikke skræmt væk. Ud fra anmeldelserne er stedet populært og anerkendt, desværre kan det noteres ud fra flere anmeldelser, at i stressede perioder har servicen været svingende. Dette er dog fra ukendte kilder og anmeldelserne er fokuseret på dineren og ikke resten af pool hall’en. Disse observationer er vigtige i forhold til pro-

blemstillingen og koncept valg, derfor blev afsenderanalysen højt prioriteret.

43


44


45


Business model canvas - PoolUp placeret med ramme og overblik

S

om det fremgår af modellen er vores key partners Tinder. Det er gennem dem, at ar-

rangement skal distribueret ud til vores valgte målgruppe. Ud fra vores research er Tinder fundet, som er et oplagt valg, for at kommunikere med vores målgruppe.

C

ustomer relationships er de muligheder arrangementet giver deltagerne, for at skabe

nye personlige relationer. Det giver underholdning med nye mennesker, og så har de deltagerne en forventning til at møde nye personer af modsatte køn, som SHARKS naturligvis giver dem.

Key activities er de vigtigste aktiviteter, som der altid skal være 100% opmærksom på. Det er opdateringer / tilføjelser af arrangementer, så de besøgene altid er informeret. Booking af borde er

C

ustomer segments er mænd fra 23-32 år samt kvinder 23-32 år. Disser segmenter er

uddybet i målgruppeanalyse.

en selvfølge, da disse ting skal køre helt uden problemer, når arrangementet afholdes. Derudover skal der hele tiden holdes gang i reklamen, for at trække nye folk til. Key resources er tilstedeværelse af deltager. Dette er selvfølgelig nødvendigt, for at arrangementet kan blive afholdt. Så skal der også være poolborde til rådighed, og der skal være ansatte, som kan sammensætter deltagerne.

D

e channels som arrangementet skal sende ud gennem, er først og fremmeste kam-

pagnesite. Udover dette skal der flyers ud på forskellige uddannelsesinstitutioner fx Universitetet, VIA, Erhvervsakademiet og læreuddannelsen, samt andre gratis steder som Anettes sandwich og diverse bagere i Aarhus.

D

en value propositions som vores arrangement er bygget op omkring er poolUp, nye

relationer, og underholdning på en mandag, som ellers er en hverdag.

D

e cost structure som der er i forbindelse med PoolUp, er kampagnesitets udvikling.

Der skal også produceres flyers samt betales løn til kalenderplanlægning + match sammensætning. I sidste ende skulle det give revenue streams. Det vil blive gennem leje af borde samt køb af mad og køb af drikkevare.

46


Se en bedre udgave p책 http://canvanizer.com/canvas/i_v5mA6PDlo

47


SWOT analyse - Hvordan står PoolUp— på godt og ondt!

S

tyrker Når man går ind, og kigger på nogle af de styrker PoolUp har, er det først og fremmest

innovativt og anderledes. Det er et event, som ikke er set før og dermed nyt og spændene. Det er en sjovt og underholdene oplevelse, der har lave omkostninger for Sharks og dermed også lav risiko for et stort økonomisk tab. Det vil give flere besøgende mandag, som ellers er en stille dag, hvor mange poolborde er ledige. Det vil give noget omtale for Sharks, som i forvejen har et stærkt, solidt og stabilt koncept, PoolUp vil blot give flere besøgende. Beliggenheden er centralt i Aarhus, så det er nemt at komme til. Konceptet er meget enkelt og man er anonym når man melder sig til, hvilket er en fordel da artefakterne fra segmentet viste, at det skal være nemt og ligetil.

M

uligheder En af mulighederne er at øge den generelle tilgang af kvinder, ved at lave PoolUp,

da den gode oplevelse giver en anden vinkling for kvinder. Det er mulighed for udvidelse af arrangementet uden omkostninger, da man ved flere tilmeldinger kan man gå ind og afsætte flere borde til arrangementet. Det vil på samme tid være en mulighed for en større omsætning om mandagen. SHARKS’ nuværende logo er det samme i mange år, og indeholder flere maskuline elementer og tegn. Det er ikke et logo som virksomheden ønsker at ændre. Ved at lave et nyt logo til PoolUp kan der sendes nogle andre signaler, som også kan være med til at ramme kvinderne, men stadigvæk have nogle af SHARKS’ artefakter som indikerer, hvad stedet tilbyder og kan give til de besøgende. Der er også mulighed for forretningsudvikling i forhold til SHARKS andre faciliteter, dineren og deres golfsimulator. Hvis arrangementet går over og bliver mere og mere populært, kan man videreudvikle konceptet og inkludere de andre faciliteter til en ”større oplevelse”, hvis man ønsker det naturligvis. 48


Styrker

Svagheder

- Innovativt

Maskulin beliggenhed - Maskulin image (svært med nye tiltag, fordi det er en gammel og veletableret virksomhed) - Det ligger på en mandag

- Nyt

- Anderledes - Ikke set før - Sjovt - Underholdning - Oplevelse - Det vil give flere besøgende – mandag - Lav omkostninger (mister ikke noget ved at prøve det af) - Omtale for SHARK - Enkelt koncept

- Beliggenheden - Stærkt koncept i forvejen - Man er anonym når man tilmelder sig

Muligheder

Trusler

- Øge den generelle tilgang af kvinder

- Andre dating sites

- Udvidelse af arrangement

- Planlægning i forhold til besøgende

- Større omsætning mandag

- For få tilmeldinger

- Logo - Forretningsudvikling - Udvidelse af oplevelse (diner/golf)

- Lav interesse - Forkert image til nuværende stamgæster

49


Styrker

Svagheder

- Innovativt

Maskulin beliggenhed - Maskulin image (svært med nye tiltag, fordi det er en gammel og veletableret virksomhed) - Det ligger på en mandag

- Nyt

- Anderledes - Ikke set før - Sjovt - Underholdning - Oplevelse - Det vil give flere besøgende – mandag - Lav omkostninger (mister ikke noget ved at prøve det af) - Omtale for Sharsk - Enkelt koncept

- Beliggenheden - Stærkt koncept i forvejen - Man er anonym når man tilmelder sig

Muligheder

Trusler

- Øge den generelle tilgang af kvinder

- Andre dating sites

- Udvidelse af arrangement

- Planlægning i forhold til besøgende

- Større omsætning mandag

- For få tilmeldinger

- Logo - Forretningsudvikling - Udvidelse af oplevelse (diner/golf)

50

- Lav interesse - Forkert image til nuværende stamgæster


S

vagheder En af svaghederne ved PoolUp, er den maskuline beliggenhed, som er på SHARKS. Det

kan skræmme nogle piger væk, da de kan føle, at det udelukket er et sted for mænd. Deres image er meget maskulint, derfor kan det være svært med nye tiltag og forandringer, da

det er en solid og veletableret virksomhed, som har et klart budskab de sender ud. Eventet ligger på en mandag, hvilket også kan være en svaghed for nogle, da det er første dag på ugen, og dermed kan det virke uoverskuelig, at skal ud til arrangementer på en hverdag. Der sættes krav til folks planlægning, da enhver impulsiv beslutning bliver fraskåret.

T

rusler En af PoolUps største trusler er andre dating sites, som singler besøger, når de gerne

vil på dates. Der er også en risiko, for at der er lav interesse for PoolUP og dermed for få tilmeldinger. Da stamgæsterne har en stor betydning for SHARKS må de ikke afskrækkes. Derfor kan der opstå en trussel, hvis SHARKS kun bliver sat i

bindelse med et dating sted og ikke en Poolhall.

for-

- det er en solid og

veletableret virksomhed, som har et klart budskab de sender ud.

” 51


TOWS analyse - Løsningsorienteret

M

uligheder - svage sider: Beliggenhed – mere omtale: En af de svage sider er, at

eventet ligger på SHARKS. For nogle kan det virke som et meget maskulint sted, og det kan være med til at skræmme nogle piger væk. På samme tid er der muligheder for, at det skaber mere om-

Muligheder (O)

tale for Sharks, og det kan gøre, at de forventninger nogle har om den meget maskuline stemning, bliver modbevidst.

Trusler (T)

M

uligheder – Stærke sider Lave omkostninger – større omsætning: Der er meget lave om-

kostninger i forbindelse med eventet. Det er en stor fordel, da der er mulighed for, at de kan gå hen og få en meget større omsætning om manda-

gen. Stærkt koncept i forvejen – forretningsudvikling: SHARKS har i forvejen et stærkt og stabilt koncept med pool, golf og diner. Der er potentiale for at videreudvikle PoolUp, hvis interessen er der. Det ville skabe mere kapital.

52


T

rusler – svage sider Det ligger på en mandag – for få tilmeldte: Da eventet bliver

afholdt på en mandag, kan en trussel være, at der er for få tilmeldte. Specielt de første par gange, da folk lige skal være opmærksomme på, at det bliver afholdt, før de kan melde sig til.

Stærke sider (S)

Svage sider (W)

Lave omkostninger – Større

Beliggenhed - Mere omtale

omsætning Stærkt koncept i forvejen – Forretningsudvikling

Anderledes/ikke set før – An-

Det ligger på en mandag – For

dre datingsider

få tilmeldte

T

rusler – Stærke sider Anderledes/ikke set før – andre datingssites: PoolUp er et an-

derledes og nyt koncept, som ikke er set før, derfor skiller det sig ud fra andre datingsider. Det er nemt at tilmelde sig og meget uforpligtende da man blot skal tilmelde sig med få informationer og derefter møde op.

53


Mood board - Humøret er lagt på et bord

D

a konceptet for PoolUp var blevet fastlagt, blev der langsomt begyndt at lege med et mood board, og endte med dette resultat. Der ønskedes at lave

noget sjovt og legende, som sender de rigtig associationer til brugerne. Baggrunden blev formet som et poolbord, og placerede kuglerne rundt omkring på bordet. Herefter blev billederne placeret ind i nogle af kuglerne. Billederne viser nogle af de vigtigste artefakter fra SHARKS - hyggen man får når man samles om poolbordet. De farvede bodega-lamper, som hænger rundt omkring, er også

med til at skabe den afslappede stemning, som stedet har. Venner som skåler sammen, og udklip fra malerier, der hænger på væggen hos SHARKS. Sammen er disse med til at skabe et mood board, som afspejler de værdier, som SHARKS er bygget op omkring, og dermed også de værdier PoolUp indrammes i.

Der ønskedes at lave noget

sjovt og legende, som sender de rigtig associationer til brugerne.

” 54


55


56


57


Kommunikationsplan - Den røde tråd!

I

projekt 2.2 er der blevet udviklet et unikt koncept, der skal gøre det sjovt og underholdene, at

møde nye mennesker gennem SHARKS.

M

ålgruppen til dette arrangement er valgt ud fra vores research. Det er henholdsvis

mænd fra 23-32 år, samt kvinder fra 23-32 år.

Arrangementet hedder PoolUp, og går ud på at

Ud fra vores undersøgelser er disse segmenter et

opleve en uformel og sjov flirt over et poolbord.

oplagt valg. Det er primært personer fra Aarhus

Derigennem skabes nye relationer, til personer af

og omegn, som forventes at deltage, da vores

modsatte køn, på en ny og innovativ måde.

promotion er placeret i Aarhus og SHARKS ligger i

Afsenderen er SHARKS, men arrangementet har sit

hjertet af Aarhus.

egen site, og bliver afholdt som et arrangement for sig selv. Det betyder, at nogle af bordene vil være optaget hver mandag til PoolUp. Dog vil der stadig være borde til SHARKS’ faste gæster, der ikke har interesse i at deltage i arrangementet. Grunden til dette er, at SHARKS gennem årene har bygget en historie og et image op, der ej må ignoreres. Stemningen på SHARKS er afslappet og hyggelig, men stedet har stadig en bodegastemning, og er derfor også et stamsted for mange drengerøve. Det er vigtigt, at konceptet ikke går ind og

”overtager” deres sted, og laver det om til noget, som de ikke kan forbinde stedet med. Derfor vurderes det, at netop dette koncept kan fungere, da der bestemt ikke ændrer SHARKS’ værdier, men blot sætter rammen, for et mere uformelt og afslappet arrangement, som stedet kan forbindes med.

58

B

udskabet er, som tidligere nævnt, en sjov og

anderledes oplevelse med det modsatte

køn. Det er et nemt og enkelt koncept, som SHARKS skaber rammerne for, og deltagerne interagerer med, og derefter møder op.

F

lyer Der er blevet designet et udspil til to flyers,

som eksempel på hvordan disse kan se ud. Disse flyers er lavet i samme design, som resten af konceptet, så de tiltaler målgruppen.


Budskabet er, som tidligere nævnt, en sjov og anderledes oplevelse

S

itet eller det sociale medie, er det vigtigste

med det modsatte køn.

medie der anvendes. Her skal man kunne

connecte via sin Facebook-profil. Når man er connect, kan man se billeder af de andre brugere, og

dermed finde et ”match”, som gør at man har en modstander at spille imod. Udover dette, skal man naturligvis også kunne finde relevant information om arrangementet, som er praktisk, at vide inden man møder op.

W

ebsitet skal også afspejle den stemning, man får, når man besøger SHARKS. Der-

for vises flere stemningsbilleder af arrangementet. På Tinder vil der blive oprettet reklameprofiler, så der skabes opmærksomhed. Målgruppen er også inden for målgruppen, der

T

one of voice

anvender Tinder, og derfor er det et godt sted, at kommunikere til dem. Der vil blive produceret

I forhold til den måde der er valgt at kom-

munikere arrangement ud på, skal det nævnes, at der er taget klare beslutninger til tone of voice. Altså hvilken måde der kommunikeres på. Da der henvendes til en målgruppe, som hedder 23-32 år, er det besluttet at holde tonen på websitet, i en mere personlig og uformel tone, end

flyers som skal placeres på forskellige uddannelsessteder i Aarhus, bl.a. Universitet, Erhvervsakademiet, VIA og Lærerseminariet. Udover dette skal de også placeres ved Anettes Sandwich, samt forskellige bagere rundt omkring i byen, og selvfølgelig på SHARKS hvor de unge mennesker også kommer.

man ellers ville anvende på diverse informations-

websites. Der ønskes, at tonen, der bliver ført på hjemmesiden, afspejler tonen, som føres på SHARKS. Tonen er netop med til, at afspejle den afslappede og hyggelige stemning, SHARKS er kendt for.

sætter rammen for et mere uformelt og afslappet arrangement

” 59


Personas - Gæsten har altid ret

T

rine Thomsen Køn:

Kvinde

Alder:

23

Status:

Single

Bopæl:

Aarhus C

Beskæftigelse:

Journaliststuderende

Interesser:

Film Teknologi Håndbold

1

S

egmentering i Gallups Kompas:

”Knaphed på tid karakteriserer det moderne-

Det Moderne-individorienterede segment.

individorienterede segment, hvorfor

(tnsgallup, moderne, individ)

I dette segment er alderen ofte placeret mellem 2039 år, der alle lever et dynamisk og karrielysten liv. Segment er synlige i gadebilledet, blandt andet på cafeer, restauranter, diskoteker mv. På trods af travlhed er de sociale, derfor skrives der således om segmentet:

der ofte står færdigretter på menuen, hvis de da

ikke har købt deres mad ude. Selvom deres hverdag ofte er præget af travlhed og knaphed på tid, tager de sig også tid til deres venner og familie …”

S

egmentet er hyppige brugere af internettet, hvilket også afspejles i deltagelsen ved online

konkurrencer og nyhedssøgning.

60


Segmentet er storforbrugere af kulturelle tilbud og underholdnings tilbud

S

igne Rex Køn:

Kvinde

Alder:

26

Status:

Single

Bopæl:

Harlev, Aarhus V

Beskæftigelse:

VIA (sygeplejeske)

Interesser:

Stand Up Musik Frivillig i Røde Kors

2

S

egmentering i Gallups Kompas: De-Moderne-Fællesskabsorienterende.

S

egmentet er bredt repræsenteret i alderen 20-49 noterer Gallup. Personerne ofte har en

(tnsgallup, moderne, fælles)

akademisk baggrund, med stor tilknytning til

Som beskrevet er de moderne-

humanistiske og offentlige-relaterede uddannel-

fællesskabsorienterende personer, et segment hvor

ser. Segmentet er storforbrugere af kulturelle- og

man finder de kulturbevidste personer, der også

underholdnings tilbud, online såvel som offline.

har stor social og samfundsmæssig ansvarlighed,

Segmentet læser ofte Fagblade, Informationen,

åbenhed overfor omverdenen, tolerance og med-

Politiken og Berlingske Tidende.

menneskelighed.

61


T

homas Holm Køn:

Mand

Alder:

32

Status:

Fraskilt

Bopæl:

Højbjerg, Aarhus S

Beskæftigelse:

Tømrer

Interesser:

Fodbold og Biler Mad Tv

3

S

egmentering i Gallups Kompas: Thomas Holm befinder sig i det jyske og mand-

D

er skrives således: ”Den begrænsede interesse for samfunds-

lige segment, nemlig det individorienterende seg-

økonomiske og politiske forhold kommer også til

ment. (tnsgallup, individ)

udtryk i det individorienteredes mediaforbrug. Det

Et segment der befinder sig i særdelshed i Jylland,

er ikke i dette segment, at de landsdækkende avi-

og består primært af erhvervsuddannede mænd.

ser finder deres kernelæsere. Det er snarere de

Alderen er generelt under 40 år, hvor fritiden ofte

regionale, lokale samt gratis ugeaviser, der udgør

består af samvær med venner og familie, samt inte-

det foretrukne medievalg. Derudover er radioen

ressen for biler og motoranliggende arrangemen-

ofte tændt hos de Individorienterede..”

ter. Mindre fokus er der på de samfundsøkonomiske- og politiske spørgsmål. De syntes Danmark skal holde orden i eget hus.

62


Bruger scenearier - User og Business goals.

I

bruger scenariet opsættes der 3 scenarier for hvert personas, da de spredte user goals klarlægges.

Bruger scenarierne indrammes af kommunikationsmo-

dellen AIDA (se figur 1), en model der synliggøre opmærksomhed (awareness), interesse (interest), ønsket (desire) og handling (action) (Busch, Engelby, Andersen og Larsen, 2011. s. 268-269). Modellen anvendes da den har stor betydning for produkt udformningen, eftersom brugernes væremåde, interesser og kontekst, har stor indflydelse for den størst mulige præcision, via kommunikation og interaktion. På grund af det brede segment, indrammer AIDA kommunikations scenarierne godt.

Figur 1: AIDA modellen.

63


T

1

rine Thomsen: Scenearie: Trine Thomsen sidder i kantinen på journa-

listhøjskolen i Aarhus, med veninderne. De sludrer mens de tjekker de sociale medier og nyhedssites. Der er meget larm i kantinen, og pausen varer kun 30 minutter. For Trine skal tingene helst gå lidt hurtig, og uden

problemer. Omvendt kan hun også godt lide, at surfe rundt på overfladen, uden at skulle interagere alt for meget. Derfor bliver der flittigt vist billeder fra de sociale medier, samt hurtige overskrifter og spisesedler fra diverse nyhedssites. Trine er single og vild med diverse events i byen, dog skal eventet bidrage med noget, så hun føler

USER GOALS: Trine

hun får noget ud af det, såsom underholdning med

    

veninderne, opmærksomhed eller et andet unikt element.

L

Konkret Overskuelig Brugervenlig Sjov Se billeder

øsning: Da Trine ofte er på farten, og derfor har mange

Når opmærksomheden er fanget, skal interessen

forskellige tilbud og arrangementer omkring sig, vil

(interest) fastholdes, og da tiden er knap, er de lan-

det være vigtigt, at skille sig ud, for at fange Trine

ge komplicerede tekster og tilmeldelser udelukke-

på de bestemte tidspunkter. Opmærksomheden

de. Derfor skal enkelheden og brugervenligheden

(awareness) er derfor meget relevant, og kunne

være i top. Når Trine i sidste ende skal overbevises,

eventuelt opnås via flyers og reklamer i kantinen.

til at interagere med eventet, skal hun finde det

Muligvis sammen med bannere på sociale medier

spændene, og have mulighed, for at gå på opdagel-

og nyhedssites, da det også er her hun færdes på

se blandt andet via billeder med deltagere eller fæl-

nettet.

lesinteresser. Handling (action) skal placeres som dato planlægningen.

64


S

2

igne Rex Scenearie: Signe Rex bor i Harlev, en by 15 km fra Aar-

hus C. Dette kræver en bustur der typisk tager ca. 35 minutter. Derfor sidder Signe lige nu i en bus, på vej hjem fra VIA University College i Aarhus. Denne dag sidder hun alene, og der er stille i bussen. Der kører en enkelt skærm i X-bussen, hvor reklamer og nyheder skifter i en let strøm. Derudover er der placeret reklamer i ruderne for diverse tiltag. Signe er rationel og mindre impulsiv, og derfor deltager hun ikke i events, uden at vide hvad det er, og i hvilket omfang. Signe ser oplevelsen som humoriUSER GOALS: Signe

stisk, og som et godt bidrag til hverdagens rytme.      

L

Relevant Adgang til information Planlægningsbehov Mobil adgang Atmosfære behov. Sjov

øsning: Signe Rex har lidt mere tid til sig selv og andre.

Signe er også en medmenneskelige person, og der-

Derudover er hun i den grad storbruger, af kulturel-

for betyder stemningen og beskrivelser meget.

le tilbud, så hun opsøger gerne den gode og sjove

Dette kan efterkommes af stemningsbilleder og et

oplevelse med vennerne. Dog bor Signe i Harlev,

spændene design.

hvor hun har 15 km indtil Aarhus C, og derfor skal

Eftersom Signe sidder i bussen, skal interessen fan-

besøget gerne kunne planlægges nærmere.

ges med en præcis og konkret beskrivelse, og der-

Opmærksomheden ved Signe kan også opnås, via

efter med god adgang fra mobilen, da denne enhed

flyers i skolens kantine eller på bussen til og fra sko-

er lige ved hånden.

le, da hun her bruger en del tid på transport.

Inden tilmeldelsen bliver aktuel, skal Signe have adgang til information, for bedre at kunne planlægge arrangement. Derfor skal der være adgang til information, og derefter direkte adgang til tilmeldelse som afsluttende handling. 65


T

3

homas Holm Scenearie: Thomas Holm er udlært tømrer, og arbejder

lige nu på et tag, med radioen tændt. Han kører ca. 25 km. fra hjemmet ud til byggepladsen. Her kører han ofte forbi en bager sammen med tømrersvenden, og griber et rundstykke med. I pausen sidder Thomas først med avisen og derefter med mobilen. Men kun nyheder og sms’er bliver tjekket, da mobilen er langsom og håndværksvenlig. Thomas har en hård arbejdsuge, og vil ikke spilde sin mandag på tilfældige arrangementer. Dog kunne der ses en interesse i arrangementer, der giver et afbræk fra hverdagen, og så ser han USER GOALS: Thomas

ofte piger som et godt trækplaster.      

L

Mobil adgang Hurtig loading af side Konkret information Planlægningsbehov Billeder Humoristisk.

øsning:

Når frokosten findes frem og flyeren hurtigt bliver

Thomas Holm sidder på et tag, ikke ved en

observeret, kræves der nogle få iøjnefaldende ele-

computer hele dagen. Dog kører der ofte en radio i

menter, så interessen fanges, og en kort og humori-

baggrunden eller i bilen til og fra arbejde, hvorfra

stisk tekst indleder konceptet. Derefter vil der være

opmærksomheden vil kunne fanges. Ellers kan han

krav om adgang fra håndværksvenlig mobil. Derfor

fanges ved den lokale bager hvor et enkelt rund-

må siden ikke være for stor, så der sættes større

stykke indkøbes. Her kunne flyers også placeres i

krav til mobil og internetforbindelse.

posen med bagerbrød.

Før der tilmeldes og ønsket (desire) løses, vil der være krav til konkret information såsom hvor, hvornår og hvordan. Derudover vil der ses billeder, da kvinderne giver arrangementet værdi.

66


B

usiness goals Én ting er brugerenes ønsker, en anden er virksomheden og arrangementets.

I dette tilfælde bygger business goals på den ønskede problemstilling, som først og fremmest gerne vil løses.

mål er, at singler logger på PoolUp.

S

På denne måde ses SHARKS forhåbentligt i sidste

prioritet, og bygger på ideen om KISS (keep it sim-

ende som et stamsted for senere byture, og vide-

pel stupid). Derudover skal der være mulighed for

rebringer omtale om stedet.

information for brugeren, og overblik over arran-

Ved selve arrangementet skal der gerne være om-

gement.

sætning via salg af øl, mad med videre. Dog er

For at fange brugeren skal PoolUp være spænde-

oplevelsens førsteprioritet at gæsterne ikke må

ne, et ønske SHARKS også har, da tilmeldinger er

føle pres til køb.

et minimum for arrangementet.

PoolUp har heller ikke til formål, at sikre singler

Et mål for SHARKS er et godt omdømme og en

en kæreste. PoolUp danner rammen for en sjov

sjov oplevelse. Et mål som skal understreges i de-

oplevelse, hvilket er et højt prioriteret mål.

signudformningen.

Søndag og mandag er mindre fyldte, og derfor arrangeres dette arrangement. Dog skal singler først finde sit match, hvorfor det grundlæggende

cenearie Konklusion Scenearierne danner det klare indtryk af, at adgangen fra mobil har en meget høj

67


Brugertest - Hvordan anvendes sitet

D

er er lavet en usability-test (Busch, Engelby, Andersen og Larsen, 2011. s. 315) af

D

er blev stillet 4 spørgsmål til hver testperson, og der var i alt 3 testpersoner, til at svare på

PoolUp’s website, for at finde ud af om brugeren

spørgsmålene. Når hvert spørgsmål var blevet be-

kan navigere rundt på hjemmesiden nemt og hur-

svaret, blev brugeren stillet tilbage til forsiden, så

tigt. Testen blev foretaget fra en mobiltelefon.

de hele tiden skulle starte forfra, med at finde tingen herfra. Alle testpersoner kendte ikke til konceptet, inden brugertesten blev foretaget.

Spørgsmål 1: Find dagen PoolUp bliver afholdt på? 

Brugertesten har Testperson 1: Går ind på ”Om PoolUp” – går tilbage til forsiden læser det herefter på forsiden. Fandt det ikke med det samme, skulle lige hurtigt læse hvad hele ideen bag hjemmesiden var,

givet et posetiv udslag.

før hun kunne finde det. 

Testperson 2: Trykker på logoet, bliver sendt tilbage til forsiden med det samme - finder det med det samme på forsiden.

Testperson 3: Kører med det samme ned på forsiden – fundet.

Spørgsmål 2: Find ud af hvordan du kan vælge et match?

68

Testperson 1: Connect – fundet

Testperson 2: Trykker på login - Finder det med det samme.

Testperson 3: Connect – fundet


Spørgsmål 3: Find en oversigt over dine matches: 

Testperson 1: Går ind i login - fundet med det samme.

Testperson 2: Går ind i connect - fundet med det samme.

Testperson 3: Går ind i connect - fundet med det samme.

Spørgsmål 4: Find en oversigt over datoer du kan vælge mellem til PoolUp: 

Testperson 1: Går ind i login - fundet med det samme.

Testperson 2: Går ind i connect - fundet med det samme.

Testperson 3: Går ind i connect - fundet hurtig – men er i tvivl om

de datoer der kommer frem er hendes, eller dem han har valgt.

B

rugertesten har givet et positivt udslag. Første spørgsmål var ret nemt og ligetil, da informationen lå på forsiden. Alle testpersoner fandt det hurtigt, men de scrollede langsomt, da de lige

skulle finde ud af hvad konceptet handlede om på websitet. De fangede ret hurtigt, at man skulle connecte eller logge ind, før man kunne komme videre ind på selve matchdelen. Herefter gik de hurtigt og nemt videre til, at finde de andre informationer. Menuen er meget enkel, og har få undersider. Derfor var det hurtigt og nemt for testpersonerne at finde. Der var lidt tvivl om datoerne i spørgsmål 4, men efter at have læst mere information under ”Om PoolUp”, gav det hele mere mening, sagde testperson 3.

U

d fra brugertesten kan der konkluderes, at resultatet var godkendt, og testpersonerne kunne finde de nødvendige informationer tilstrækkeligt hurtigt.

69


70


71


Design - Less is more

M

obilt design: Ud fra researchen og segmenteringen blev det besluttet, at der skulle udar-

D

esktopsitet og mobilsitet indeholder gennemgående de samme elementer. Dog er

sitet designmæssigt rettet efter mobile first, hvor sitet først tilpasses efter mobil og derefter desktop.

bejdes et helt nyt design til PoolUp. Designet inde-

Dette giver den optimale brugervenlighed og ople-

holder gennemgående elementer, der betragtes

velse for mobilbrugere, da utilpassede billeder,

som artefakter for SHARKS, og skulle dermed også

klodsede menuer eller for lange tekster kan give

tages videre i PoolUp’s website.

gener for mobilbrugere.

Målgruppen er mænd og kvinder mellem 23 og 32

Derudover var det også vigtigt, at brugervenlighe-

år, derfor skal websitet fremstå ungt og frisk, samt

den og mobiltilgangen var optimeret, da dette hav-

hverken appellere mere til det ene køn, end det

de en høj prioritet fra brugerscenarierne. Derfor er

andet, men have et neutralt men spændene design,

denne løsning valgt.

som alle kan forholde sig til.

72


K

omposition og symmetri: Det første man møder på PoopUp’s hjemmeside er et stort baggrundsbillede, som

dog er mobilt tilpasset, så loadehastigheden ikke forværres. Billedet viser en mand og en kvinde der spiller pool sammen. Et billede der sender klare signaler om en hyggelig og personlig atmosfære, hvilket SHARKS og PoolUp har som en dyb værdi. Det store baggrundsbillede skifter over til en farvet baggrund når man scroller længere ned på forsiden, da dette skaber en bedre læsevenlighed i forhold til informationerne. Derudover skabes der horisontale linjer i baggrunden, som medvirker til naturlige inddelinger, der anvender gestaltloven vedrørende lukkethed. Dette er vigtigt i forhold til at danne har-

moni og ro i billedet samt naturligt overblik, da brugervenlighed er et vigtigt felt for en virksomhed.

P

å baggrundsbilledet er der placeret to store felter. Et med ”login” og et med ”connect”, så

man hurtig med et klik kan komme ind og tjekke eller vælge ens personlige matches. Disse to felter har samme størrelse, men hver sin farve. Her anvendes gestaltlovene lighed, nærhed og lukkethed, da der stadig er en klar fordeling, så hver felt har sin egen funktion, men samtidig har samme facon og sidder tæt sammen.

73


M

enu’er På forsiden findes også et logo for PoolUp, samt en menu i footeren med 4 punkter. Størrelsen på menu-

en i footeren ændrer sig alt efter hvilken størrelse skærmen har, men punkterne og menu-designet forbliver grundlæggende det samme. Menuen i footeren indeholder punkterne ”Om SHARKS”, ”Om PoolUp”, et link til SHARKS hjemmeside og et punkt hvor der står at

arrangementet er hostet af SHARKS. Denne menu er til information, og er derfor placeret i footeren, da den ikke bliver anvendt lige så ofte som den menuen i headeren. På desktop og tablet vil man også kunne se medarbejderlogin-siden i footeren.

S

å snart du er logget ind kommer der endnu en menu frem i headeren. Menuen i headeren indeholder ”Min profil, ”Find et

match”, ”Mine matches” og ”Log ud”. Menuen i headeren fungerer som burgermenu på mobil og vil ”poppe op” ved et tryk, mens ved

desktop er den ikke gemt væk.

B

egge menuer er opbygget af få elementer, hvori der er anvendt flere gestaltlove, for at skabe harmoni og overskuelighed hos

brugeren. Dette er meget vigtigt når sitet anvendes som et socialt netværk og som et hurtigt sidespring fra hverdagen, og derfor skal komplikationer og uoverskuelighed modvirkes. I menupunktet hænger knapperne sammen, og derfor ligger fokus på gestaltlovene om-

kring nærhed, lighed og lukkethed. 

Nærhed – fordi knapperne sidder tæt og på linjer.

Lighed – fordi knapperne har samme form og størrelse.

Lukkethed – Den blå baggrund fungerer som den ”lukkede” kasse der indrammer punkterne.

Alt dette underbygger igen vigtigheden af overskuelighed og brugervenlighed.

74


75


u

NDERSIDER Når man klikker ind på menupunkterne i headeren kan man begynde at

C

irklerne og de runde firkanter indeholder alle tekst og billeder.

Dette skift mellem bløde firkanter og cirkler skaber en klar fordeling så man kigger på formerne som

vælge sine matches, eller se om man selv er valgt.

individuelle ellementer, men man forstår stadig at

Alle disse elementer som undersiderne indeholder,

de har en sammenhæng. Her er der også anvendt

er opbygget som cirkler eller firkanter med bløde

gestaltloven omkring lukkethed. Lukkethed, fordi

kanter. Dette er for at rette fokus på indholdet i fi-

selvom formerne er forskellige, grupperes figurer-

gurerne, og give modspil til de mange linjer på sitet.

ne efter rammerne. Selv om farverne ændres, vil

Baggrundsbillederne er også skiftet ud med bag-

man stadig opfatte, at det er figurerne i rammerne,

grundsfarver, så baggrundsbillederne ikke tager fo-

der hører sammen.

kus fra elementerne. Til baggrundsfarven er tilført en gradient, så sitet fremstår livligt, spændende og blødt, og ikke fremstår fladt og uinspirerede.

76

Forbundenhed – man fornemmer at figurerne er forbundet, trods forskellige farver og former vil man automatisk parre dem sammen.


M

ATCH Når det lykkelige opstår, og to brugere vælger hinanden og danner et match, placeres de ved siden af hinanden og danner et par. Trods det lykkelige match er farverne bibe-

holdt og ikke dramatiseret, da arrangementet er uformelt og er en indirekte flirt. Derfor skal ingen af partnere skræmmes væk på grund af overdramatisering. Under parbillederne er datoerne placeret i bløde cirkler, for at synliggøre det enkle og brugervenlige design, der retter fokus mod det aktuelle og afskærmer eventuelt designmæssigt støj.

F

ONT På websitet er fonten PT sans blevet anvendt. Denne font er letlæselig på en computerskærm.

Det er et bevidst valg, da det er en sans serif-skrift, og den dermed danner ro for læseren.

Til alle overskrifterne på websitet er fonten Lobster brugt. Denne font er sjov, og giver en lidt mere blød kant uden at blive ulæselig. Begge fonte står godt sammen med de runde cirkler og bløde firkanter, der bruges til opbygning af elementerne på siderne.

77


Colorscheme - Farvevalg !

C

olorschemet til PoolUp er blevet besluttet, ud fra de valgte segmenter og de artefakter SHARKS har. SHARKS er indrettet i en hyggelig gammeldags bodega

stemning, der naturligvis har en indvirkning på farvevalget på stedet. Det er de klassiske bodega-farver, som er mørkeblå, grønelige og rødlige nuancer.

D

a vores målgruppe er 23-32 årige, ønskes der at tage de klassiske bodegafarver, og gøre dem mere lyse og ungdommelige. Ved at give dem en lyse-

re nuance, ser de mere friske ud. Formålet med dette er, at tage de gamle klassiske farver, og give dem et ungdommeligt twist. På den måde henvender de sig mere til de unge segmenter, uden at bevæge sig alt for langt væk fra SHARKS’ værdier og artefakter. 78


D

et blev besluttet, at holde farverne i de grønne og blå nuancer, mens den mørkerøde farve blev gjort helt postkasserød. Den røde farver bliver kun anvendt i logoet, og ska-

ber derfor tydeligt blikfang. Information om logo og den røde farve er uddybet under logo. Farverne gør websitet mere moderne og ungdommeligt, uden at bevæge sig alt for langt væk fra SHARKS’ artefakter. Den grønne farve er med til at symbolisere positiv energi i forbindelse med harmoni, balance, hvile og ro, hvor de grønne nuancer går ind og skaber tillid, overblik og symboliserer intelligens (Busch, Engelby, Andersen og Larsen, 2011. s. 259-260). Disse farver sender gode signaler ud til de besøgene i forhold til deres betydning. På samme tid komplimenter de hinanden godt og står godt sammen, og derfor er de anvendt på hjemmesiden.

79


Wireframes - Design fundament

I

nden navigationen kunne designes og designet kunne navigere, skulle der udarbejdes flere wireframes, som kunne danne et fundament og overblik over sitet.

Da wireframes er udspil, er de kun anvendt som retningslinjer for selve designet.

O

verstĂĽende billeder er henholdsvis fra forsiden til venstre, profil udgaven i midten og match delen til

højre. Der blev arbejdet meget efter KISS (keep-it-stupidsimple) sü brugervenligenheden og overblikket altid er tilstede.

80


T

il højre ses udkastet til ”It’s a match”. Her var det meget klart, at siden ikke måtte

fyldes med forstyrrende elementer, kun de to pro-

filbilleder, der sættes op efter en rolig komposition, samt datoerne forneden.

T

il venstre ses første udkast til sitemappet. Et meget forvirrende sitemap, der viser den

komplicerede opbygning som et socialt medie

har, da siderne kun tilgås ved bestemte funktioner . For eksempel ”åbnes” et match kun når der er et reelt match. Derudover er medarbejderlogin placeret i venstre hjørne, da dette kun kan tilgås fra desktop og tablet.

81


Navigations- & Informationsdesign - Kompas skal være unødvendigt

S

itet er udarbejdet som et socialt medie. Derfor er indholdet kort, præcist og brugervenligt,

E

ftersom sitet primært vil tilgås via mobilen, er brugervenligheden og enkelheden også højt

som brugerscenearierne også har vist værende be-

prioritet. Sitet må derfor ikke være overbebyrdet

tydningsfulde. Navigations- og informationsdesign

med tungt indhold og voldsom information, da mo-

(Busch, Engelby, Andersen og Larsen, 2011. s. 189)

bilen eller internetadgangen kan være begrænset.

har en vigtig betydning, for at hjælpe brugerne de

Grundlæggende var der også krav om konkret infor-

rigtige steder hen, uden at fare vild eller opleve

mation om eventet, hvilket også er placeret i første

unødvendige omveje. Derfor har udformningen af

række.

sitet været valideret flere gange, for at dæmpe forvirring og frustration.

Medarbejderlogin er ikke beskrevet i dette afsnit, da et uddybende afsnit kommer længere nede i magasinet. Derudover er dette afsnit fokuseret efter brugeren og ikke personalet.

B

rugerscenearierne viste flere vigtige elementer, som sitet skulle udarbejdes ud fra.

Blandt andet var mobiladgangen et stort krav fra alle brugerne, og ikke mindst for den ønskede anvendelse.

82


I

NDEX Når sitet åbnes, vil et stemningsbillede møde gæsten. Derefter en appetitlig information, der

bringer gæsten videre til to enkle knapper: log in eller connect. Disse knapper er adgangen til resten af det sociale medie. Herved skabes der en direkte adgang, til det ønskede match i sidste ende, hvilket er succeskriteriet. Yderligere information om eventet og om PoolUp kontra SHARKS, er muligt at tilgå i footeren, da dette var et specifik krav fra brugerscenearierne.

Sitet er udarbejdet

som et socialt medie

” 83


A

dgang til PoolUp Ved adgang via Log in, er der direkte adgang til PoolUp, hvor selve ”spillet” om at finde et match

begynder. Med inspiration fra Tinder og brugervenligheden in mente, er der valgt, at skære alt unødvendigt fra, så kun profilbillede, navn, interesser og knapperne x’et og play kan ses. Dette vedholder brugeres fokus på partneren og sorterer forstyrrende elementer væk.

H

vis gæsten derimod er førstegangsbesøgende, skal gæsten connecte op med Facebook, og derved ses ens

profil som det første. Her kan ens profilbillede ændres og en kort tekst på 150 tegn kan skrives. En længere tekst vil flytte fokus fra den enkle opbygning og tilgang, og derudover skal interessen for den mulige partner gemmes til selve pool arrangementet. I bunden af siden er ”play”-knappen placeret, da succeskriteriet er et match, og derfor skal fremhæves.

D

er er valgt to måder, at få adgang til PoolUp på. Enten via log in eller connect – ved log in sendes brugeren vi-

dere til ”spillet” og ved connect møder man ens profil som det første. Dette er et bevidst valg, da det vurderes at der er to forskelli-

ge hensigter: - Nye brugere vil først se profilen, da den korte tekst skal skrives, og billedet skal vælges. Efter profilen er pudset til er, at brugeren klar til at ”spille”. - Tidligere brugere har allerede pudset profilen af, og kommer derfor for, at finde partneren og tjekke eventuelle matches ud. Derfor vil profilen virke som en omvej på vejen til succeskriteriet.

84


M

enu På alle sider er der via en burgermenu i højre hjørne adgang til den

gennemgående menu, der giver adgang til profil, matches, info eller log ud. Ved et match gives der adgang til en oversigt over alle sine

matches, og derved planlægning af den bestemte dato. Her er den enkle og brugervenlige opbygningen også tiltænkt en høj prioritet, da det kun er datoen, der kan vælges ud fra de bestemte knapper. Endnu engang er alle forstyrrende elementer frasorteret, og gør en hurtigt interaktion mulig og effektiv.

V

alidering: Der har været flere overvejelser omkring den valgte udformning og ikke mindst navigation, da ethvert valg vil have en anden

konsekvens. For eksempel har chat muligheden været diskuteret, da det giver partnere mulighed for kommunikation inden arrangementet, dog er det valideret og besluttet, at fokus rettes mod arrangementet og ikke muligheden for et datingsite. Spændingen og interessen skal rettes selve arrangementet. 85


Sitemap - Et kort og siden !

PoolUp Login

Connect Navigation Mine matches

Min profil

Find et match

Find dit match

Vælg profil

Play

Vælg/ændre dato Vælg dato

86

x

Log ud


S

itemappet udarbejdes, da det giver et bedre overblik over hvordan sitet er forbundet og hvor den ønskede information er placeret.

Footer

Hosted by Sharks

Om PoolUp

Om SHARKS

Medarbejder

Login

Forside

M

Tilmeldte

an skal se PoolUp som index-siden, hvor fra der er mulighed for, enten at

Opret bruger

I

Skift bruger

footeren er der placeret flere vigtige elementer, for eksempel medarbejderlogin, der kun kan ses

komme ind i systemet via connect eller login.

fra desktop. Her kan de tilmeldte par ses og op-

Herefter åbnes ”Mine matches”, ”Min profil”,

rette flere medarbejderlogins.

”Find et match” og ”Log ud”. Dog kan ”Vælg dato” kun åbnes ved et match.

87


Responsive webdesign - PoolUp’s rygrad

W

ebsitet er kodet som et responsive web design. Det vil sige, at det fungerer optimalt både på desktop og mobile. Der er arbej-

det ud fra ”Responsive Web Design-filosofien” (RWD), hvor man arbejder sig fra en desktopudformning ned mod mobilen. Selvom konceptet tager udgangspunkt i mobilen, blev RWD benyttet frem for ”Mobile First” (uddybelse i forbedringsafsnit, side 122).

H

ele siden er kodet i HTML5, CCS3, PHP og JavaScript. Dertil er der

benyttet et tredjeparts JavaScript plugin, som hører til menuen.

Der er anvendt HTML5 til at kode sitets generelle struktur og opbygning, og CSS3 til at style sitets layout, samt implementere grafiske elementer som baggrunde, som senere kan restyles, når siden bevæger sig ned i mobile.

N

år der bevæges fra desktop/tablet til mobile, bruges der media queries til at tilpasse sitet til den enkelte enhed. Sitet indeholder

de samme informationer om du besøger det fra mobil eller desktop. Den eneste forskel er menupunktet ”Medarbejder”, som er en underside, hvor medarbejdere kan logge ind og se hvornår der er booket bord til PoolUp. Denne funktion er kun tilgængelig fra desktop sitet.

88


H

ver profil er på desktop sitet indrammet af en boks, som samler billede og

informationer. Bevæger man sig ned på mindre end 700px forsvinder den

grå boks rundt om billedet, så billedet står alene, men teksten og knappen ”Find et match” er stadig indrammet af en boks. For at fjerne den grå boks når man er under 700px gives den et id. ID’et får property’en ”background-color” med en value ”transparent” og teksten får i stedet en baggrundsfarve. Dermed fjernes boksen rundt om billedet.

89


R

esponsive menu Der er implementeret en hovedmenu i toppen, hvor brugerne får mulighed for at se ”Min profil”, ”Find et match”, ”Mine matches” og der er selvfølgelig

også mulighed for at trykke ”Log ud”. I footeren er der lavet en sekundær menu, hvor der findes menupunkter som ”Om PoolUp”, ”Om Sharks” og dertil finder man et logo og en punkt ”Hosted by Sharks” som begge leder en videre til Sharks’s egen hjemmeside. Begge menuer er lavet responsive med de samme break points og ens styling. De har 4 break points i alt. Menuen tager ligeledes udgangspunkt i desktop sitet først og fremmest og skalere derefter ned.

F

ørste break point starter ved 900px. Dette er kun lavet til at minimere PoolUp logoet i topmenuen. Den næste radikale ændring sker ved

700px. Her hopper logoet op i toppen, og de fire menupunkter placeres alle i en boks, som har en width på 50%, og samtidig bliver de til knapper, som gør det mere mobilvenligt. Nu går de altså fra at stå på vandret linje,

til at floate to menupunkter på linje og 2 lige nedenunder. Næste break point kommer ved 480px. Der kommer nu en burger i højre hjørne, og logo i venstre hjørne. Menupunkterne ses kun ved at trykke på enten logoet eller burgeren. Trykker man på en af delene kommer menuen frem, og menupunkterne sidder ligeledes som før, hvor de står 2 på linje i 2 linjer. Sidste break point hedder 320px og her ser menuen ens ud med logo og burger, undtagen når man trykker på logo eller burgeren, så har menupunkterne nu rykket sig på en lodret linje, som hver fylder 100% af skærmbredden.

F

ootermenuen har samme break points, så når topmenuen ændre sig, følger footermenuen med og laver samme ændringer.

Derved giver det en sammenhæng og det gør det let for brugere at klikke rundt på siderne.

90


91


Medarbejder login - CMS-system til medarbejdere

T

il medarbejderne af SHARKS, som skal administrere konceptet PoolUp, er der blevet udvik-

let et CMS-system. Man kan logge ind med sine log-

funktioner og tags fra

koderne er med en rød

inoplysninger, og derigennem få en oversigt over

farve

antal tilmeldinger til de enkelte datoer. Når man er logget ind, får man også muligheden for at oprette en ny bruger. Dette er til nye medarbejdere, som

ligeledes skal have et brugerlogin. Fordi man skal være logget ind for at kunne oprette en ny bruger, undgås der, at tilfældige mennesker kan oprette en bruger, men kun ansatte har muligheden for det.

L

oginsystem Først og fremmest bliver der prædefineret et brugerlogin, som skal bruges til at logge ind for første gang, da det ikke er muligt at oprette en ny bruger uden at være logget

ind. Når man skal logge ind, er der en formular, som skal udfyldes. Formularen indeholder et felt med brugernavn og et password. Når felterne er udfyldt, er første proces at validere, om indtastningskravene er opfyldte. Dette udføres gennem en eksternt JavaScript-fil, som validerer de indtastede informationer. Der bliver linket til filen i headeren, og funktionen kaldes i formularens form-tag:

Validation(this) er funktionen som kaldes i JavaScript-filen validation.js, hvor this deklarerer, at det er denne formular, der skal valideres på. 92


I

validation.js er det første, der tjekkes for, at længden af brugernavnet er på minimum 3 tegn, som er et prædefineret krav til længden af brugernavne.

F

unktionen validation() defineres, og parameteret kaldes theForm. Værdien for hvad der er indtastet i brugernavnsfeltet i formularen lægges i

variablen item, for at undgå besvær, når det skal kaldes igen på de kommende linjer, og for at gøre det mere overskueligt for egen skyld. I et if-statement sættes betingelsen til, at hvis brugernavnet er mindre end 3 tegn, skal handlingen udføres. Item.value.length refererer til længden af den indtastede værdi i brugernavnsfeltet. Hvis betingelsen er opfyldt udføres 3 handlinger: 

Return false; fortæller, at formularen skal tilbagesendes i stedet for at fortsætte i processen.

Item.focus(); bestemmer, at markøren skal sættes i brugernavnsfeltet.

Alert(””); udfører end pop-up boks med den indtastede fejlmeddelelse.

Brugeren får altså ikke lov til at fortsætte, men bliver stoppet i processen.

93


P

å passwordet tjekkes der ligeledes for, at længden opfylder de prædefinerede krav. I passwordet skal der dog være 8 tegn i

stedet for 3. Processen i valideringen er den samme, der ændres kun få parameter:

Item = theForm.pwd0; bliver nu defineret til at referere til passwordfeltet i stedet for brugernavnet, og længden af værdien i indtastningsfeltet er nu sat til mindre end 8. Ligeledes er der sat en anden fejlmeddelelse på, som passer til den respektive angivelse.

H

vis formaliaene i validation.js er opfyldt, og brugeren får lov til at fortsætte, er næste skridt i processen endnu en validering. Ved hjælp af endnu et PHP-

dokument, kaldet authenticate.php, tjekkes der for, at brugeren findes i forvejen i datafilen med oprettede brugere, før man kan fortsætte. Dette gøres også for at undgå, at man kan logge ind uden om systemet. Man bliver sendt videre til siden igennem form-tagget:

Formularen bliver videresendt med metoden post, som skjuler indtastningsoplysningerne, hvorimod den korresponderende mulighed get viser oplysningerne i url’en. Post benyttes, så oplysningerne ikke kan tilgås for udefrakommende gennem url’en, da brugeroplysninger er fortrolige, og ikke skal tilgås af andre.

94


F

ørst bliver brugernavn og passwordet tjekket igen:

Det tjekkes for, at brugernavn og password er blevet fastsat med funktionen isset(). Brugernavnet bliver hentet ned med $_POST[’userid’], som henter den indtastede vær-

di i formularfeltet ved hjælp af tagget name=”userid” på formularen. Det samme gøres med passwordet. Derudover tjekkes der for, at felternes værdi ikke er tomme. Hvis betingelsen er opfyldt, bliver man vedhjælp af header sendt tilbage til cmsLogin.php, som er loginformularsiden, med fejlmeddelelsen error=1, som bliver sat i url’en.

N

æste skridt er lidt mere komplekst. Ved hjælp af require_once i toppen af filen

kaldes der først et eksternt funktionsbibliotek kaldet cmsFunctionLibra-

ry.inc.php, som blandt andet tjekker om brugernavn og password stemmer overens i datafilen:

95


F

unktionen åbner datafilen med brugeroplysninger, og bruger oplysningerne hentet ned fra siden, hvor funktionen bliver kaldt på ($who, $password, $where).

Explode omdanner filens indhold til et array med strings. Hver string bliver defineret og delt ved hvert ”\n” = linjeskift. Arrayet ligges så i en variabel kaldet $lines. Arrayet $lines loopes igennem med foreach. For hvert loop bliver værdien for det respektive element i arrayet tildelt i en variabel kaldet $line. $line bliver så delt op i et underarray med explode, hvor der deles ved ”:” (”:” er blevet defineret til at dele hver information i hver af brugeroprettelserne) og lægges derefter i variablen $fields. Der tjekkes så om det indtastede brugernavn og password findes i nogle af de allerede oprettede brugere, og hvis de gør, bliver de tilbagesendt som true. Hvis ikke de stemmer overens returneres funktionen som false.

96


M

ed if siges der så, at hvis funktionen isAuthenticated blev sendt tilbage som false (!), udføres handlingen. Man bliver sendt tilbage til loginsiden med endnu

en error=2 i url’en.

Hvis funktionen ikke var false, hvilket betyder at brugeren blev fundet i datafilen, startes der en session kaldet cmsL, og man bliver endelig sendt videre til medarbejder.php, som er forsiden inde i loginsystemet.

H

vis man derimod bliver sendt tilbage til loginsiden med en error i url’en, vil der blive printet en fejlmeddelelse på loginsiden:

Der tjekkes for, om der er blevet fastsat en error i url’en ved hjælp af isset($_GET[’error’]). Hvis en af fejlene er der, vil der blive printet en fejlmeddelelse, som siger, er der er en fejl i loginet.

97


O

prettelse af bruger Processen for at oprette en bruger ligner meget processen i et login, og derfor vil der ikke blive uddybet i lige så høj grad, da

det meste er gentagelser.

D

er udfyldes en formular på en underside, createuserform.php, som ligeledes valideres i samme JavaScript-fil, validation.js. Når

man opretter en ny bruger, skal der indtastes brugernavn, fulde navn, email og password, som gentages to gange. I JavaScript-filen tjekkes der som i loginvalideringen for, at brugernavnet er på minimum 3 tegn og passwordet på 8 tegn. Derudover tjekkes der for, at de to indtastede password stemmer overens:

Indtastningsfeltet for password ligger stadigvæk i variablen item. Betingelsen i if-erklæringen er, at passwordet i det første samt andet felt ikke skal stemme overens. Hvis dette passer, udføres handlingen: der returneres til første passwordfelt, og en pop-up boks med fejlmeddelelse kommer. Så hvis passwordene ikke er ens, får man ikke lov til at fortsætte.

98


D

I

et sidste der valideres på er, at der er et mellemrum i det indtastede navn, som skal sikre, at der er indtastet minimum to navne.

ndtastningsfeltet name lægges i variablen item. Der defineres en variable spaceFound, som sættes til false. Ved hjælp af

et loop, tjekkes det for et mellemrum på hver plads i den indtastede værdi. Hvis der findes et mellemrum, bliver spaceFound = true;, og med break; stoppes loopet. Derefter skal betingelsen i if-erklæringen være !spaceFound, som betyder, at den skal være false. Hvis der blev fundet et mellemrum i den indtastede

værdi, vil if-erklæringen ikke blive udført, da spaceFound blev sat til true. Hvis der ikke blev fundet et mellemrumstegn vil variablen stadigvæk være false, og handlingen vil blive udført. Handlingen er den samme som i de andre JavaScript-koder, blot med en anden fejlmeddelelse.

99


H

vis alle felter er udfyldt korrekt, skal brugeren oprettes i datafilen. Dette sker på en ny PHP-side kaldet createuser.php.

F

or at undgå at brugeren skal kunne omgå JavaScript-filens verificering, tjekkes der igen for at de indtastede oplysninger er legitime.

Der tjekkes for at passwordene er ens og for at ingen felter er tomme. Derefter tjekkes der for, at brugernavn og e-mail ikke allerede findes i datafilen ved hjælp af funktionerne ifUserExists og ifEmailExists, som også ligger i funktionsbiblioteket cmsFunctionLibrary.inc.php.

På samme måde som funktionen i biblioteket, der tjekker at brugeren findes i forvejen, tjekker den, om brugernavnet og e-mailen allerede

findes. Hvis de gør, bliver man returneret med en error i url’en. De tjekker for dette, da både brugernavn og e-mail skal være unikke, og ikke findes to gange i datafilen. På den måde undgår man at flere personer har samme brugernavn og e-mail tilknyttet sine loginoplysninger.

100


H

vis ingen af fejlene bliver fundet, og oplysningerne er korrekte, bliver de lagt i et array kaldet $s.

Addslashes returnerer strengen med en omvendt skråstreg før tegn, som skal undgås, for ikke at stoppe processen i PHP. Hash(”sha512”) benyttes til at kryptere passwordet. Sha512 er den værdi, som giver den længste men samtidig største kryptering. Passwordet bliver krypteret, for at udefrakommende ikke skal kunne læse passwordet, hvis de får adgang til datafilen.

T

il sidst skal variablen indskrives i datafilen.

Med fopen åbnes datafilen, hvis sti ligger i variablen $file, og sættes til ’a’, som vil tilføje i slutningen af filen. Hvis filen ikke kan åbnes, stopper processen med die og en fejlmeddelelse. Med fwrite peges der på variablen $fp, som er den åbnede fil, og $s er hvad der skal indskrives i filen. Igen die hvis den ikke bliver indskrevet. Til sidst lukkes filen med fclose, og man bliver sendt tilbage til medarbejder.php, som er loginforsiden. Brugeren er nu oprettet. 101


O

versigt over tilmeldinger På siden for brugerne af sitet kan der vælges en dato når et match er sat op. Datoen vælges ved at markere en af knapper-

ne, med den dato man kan på. I det videre forløb, skal det kodes, så den anden person skal kunne se hvilken dato du har markeret. Personen kan så forslå en ny dato, eller vælge samme dato som dig. Når parterne er blevet enige om en dato, bliver datoen lagret i datafilen på serveren. I prototypen, kan der som demonstration blot trykkes på en af knapperne med en dato på, og den valgte dato vil blive lagret i datafilen med det samme.

N

år en knap bliver valgt, bliver der ved hjælp af onClick=”” udført en funktion. Med window.location=’’ sendes man videre til en ny side,

når knappen trykkes. Man bliver sendt videre til createtime.php, som er en php-fil, der lagrer datoen i en datafil. Datoen fra knappen bliver videregivet via URL’en, ved at lagre en $_GET information i den. Det er gjort ved at tilføje ?dato=2014-06-09&klokken=19:30, hvor datoen og tidspunktet kan variere alt efter dagen. Amp; vil lave et &-tegn i URL’en, der bruges som adskiller af informationer.

102


P

å createtime.php bliver informationen fra URL’en bearbejdet.

D

ato og tidspunkt hentes med $_GET, og lægges i en variabel kaldet $timestamp. Til sidst i variablen tilføjes ”\n”, som vil lave et linje-

skift. Dette tilføjes, så næste gange der bliver tilføjet en dato til filen, vil den stå på en ny linje. Som da en bruger blev skrevet ind i en datafil, åbnes der ligeledes en fil, som variablen $timestamp bliver skrevet ind i. Derefter vil brugeren blive sendt tilbage til siden man kom fra.

I

det videre forløb skal der kodes sådan, at den valgte knap nu vil have skiftet farve, så brugeren kan se, at datoen er valgt.

Når datoen er lagret i datafilen, skal den kunne tilgås fra CMS-systemet til medarbejdere. Filen bliver udskrevet på en underside, som kan tilgås, når man er logget ind.

103


F

or at udskrive filen skal datoerne først sorteres, så de står i tidsmæssig kronologisk rækkefølge.

Indholdet af filen bliver lagt i variablen $arr med file_get_contents. Variablens indhold omdannes så til et array, ved at explode efter hvert linjeskift, så hver dato og tidspunkt får sig egen værdi. Med sort sorteres alle værdierne i variablen, så de står i tidsmæssig kronologisk rækkefølge, og ikke i den rækkefølge de blev tilføjet i. Med foreach tjekkes der for, om næste værdi i arrayet er den samme som

den før. Hvis ikke, vil der blive printet et <p></p> tag, som sørger for, at der bliver lavet et tomt linjeskift. På den måde bliver de forskellige datoer opdelt og grupperet, så de er lettere at overskue. Datoerne bliver nu udskrevet med print og kan læses fra siden.

104


O

ptimering Systemet fungerer ikke fejlfrit endnu, og er der er ting, der kan optimeres på. Nogle af tingene var der ikke tid til at udføre, og

andre var der ikke færdigheder nok til at kode. Ligeledes var der ikke tid nok til, at loginsystemet og dets underside blev stylet færdigt.

Når man logger ind med sine brugeroplysninger, skal ens fulde navn printes på forsiden, så man får en personlig velkomst. På den måde er man også forsikret om, at det er ens egen bruger, som man er logget ind på.

N

år de respektive datoer har fundet sted i virkeligheden, skal de også kunne ryddes automatisk fra oversigten på loginsystemet. For

brugervenlighedens skyld, skal der også være en optælling af hver gruppering af datoer, så man undgår selv at skulle tælle op. Der er heller ikke kodet en begrænsning af antal tilmeldinger til hver dato, hvilket der også skal laves.

D S

er skal også implementeres en funktion, så man kan tilføje nye datoer, som brugerne kan vælge til deres match-up.

ystemet fungerer dog som en prototype, der viser idéen med systemet og dets funktioner og muligheder.

105


Code structure - Strukturen skaber balancen

S

idens infrastruktur er placeret i en rodmappe vednavn ”poolup”. Heri er der en række undermapper.

P C

oolup: poolup er rodmappen, og indeholder de generelle PHP-sider, som man kan tilgå fra sitet.

ss: css-mappen indeholder style.css, som er den generelle styling på siden igennem. Den indeholder også cms0.css, som er stylingen til cms

-systemet. Derudover findes der Erik Meyers ”reset.css”, som nulstiller cssindstillingerne på alle browsere, og normalize.css, der får alle browsere til at agere ens inden for nogle generelle stylinger. Slicknav.css er et 3. parts plugin, der er blevet brugt til at style menuen. Plugin’et er downloadet her: http:// www.hongkiat.com/blog/responsive-web-nav/. Navigationen er kodet med jQuery, og er fuld responsiv.

D

ata: data-mappen indeholder cmsusers.txt, som er filen

der indeholder alle oprettede brugere. Time.txt indeholder alle de lagrede tidspunkter.

I 106

mages: images-mappen indeholder al billedmateriale. Alle billeder er af enten jpg- eller png-format.


I

nclude: Footer, header og head er hver især lagt i et eksternt PHP-dokument, som der ved-

hjælp af include linkes til på hver underside.

I

ncludes: I includes-mappen ligger header, head og navigation som include-filer ligeledes,

blot til CMS-systemet i stedet for. Mapperne er blevet holdt adskilt, for at kunne kende forskel på de forskellige header og head filer.

J

s: I js-mappen ligger der den eksterne JavaScript-fil til CMS-systemet.

P

ages: pages-mappen indeholder alle undersiderne til CMS-systemet til medarbejde-

re, bortset fra medarbejder.php, som ligger i rodmappen.

107


108


109


110


111


112


113


114


115


116


117


Flyers - opmÌrksomhed er første skridt

118


119


120


121


Forbedringsafsnit - Projektets fremtid

I

forbedringsafsnittet er det vigtigt at opsummere de planer, der ikke er realiseret grundet tidspres samt eventuelle overvejelser og fejl.

Da det er et meget omfattende socialt netværk, der er programmeret, er der flere ting, som ikke har kunnet lade sig gøre. For det første skal prototypen laves til et endelig produkt, hvis det skal fungere helt optimalt. Man skal kunne koble sig op med API’et fra Facebook for at hente brugeroplysninger. Hele hjemmesiden skal kodes så det fungerer optimalt. Man skal kunne få en notifikation, når modparten har valgt en dato, og når der er fastlagt en dato, skal man ikke kunne vælge en ny. Den skal forblive grøn. Det skal kodes sådan at man shuffler mellem tilfældige profiler, frem for de 3 prædefineret profiler.

U

dover dette kunne der også være foretaget flere tests af sitet. Både designmæssigt, og flere testpersoner.

Et andet værktøj, som kunne være anvendt til forbedring, er Google Analytics. Her kunne det undersøges, hvordan brugerne agerer på sitet. Hvis konceptet bliver en succes, kan der også implanteres flere gamificationelementer. Disse overvejelser er blevet gjort, men har grundet tidspres og mangel på kom-

petencer ikke kunnet lade sig gøre.

S

itet skal optimeres og kodes om, så det følger filosofierne inden for ”Mobile First”, da hele konceptet tager udgangspunkt i mobilen. Derfor vil det være

passende at sitet også er optimeret til disse forhold.

122


Ansvarsområder - Ansvaret skal placeres et sted !

Forside – bagside – flyers: Sarah og Søren

Designmanual: Sarah

Indledning: Mia og Søren

Brugerscenearier: Alle

Problemstilling: Alle

Kommunikationsplan: Mia og Søren

Koncept: Alle

Navigations- & informationsdesign: Søren

Mission – vision: Søren

Sitemap: Jonas

Metode: Mia

HTML/CSS – kodning: Sarah

Research - dating kultur: Sarah

Wireframes: Alle

Research – Tinder: Jonas

Logodesign: Jonas

Gamification: Søren

Design: Sarah & Mia

SHARKS: Søren

Brugertest: Mia

Observationer: Alle

Colorsheme: Sarah & Mia

Økonomi: Søren

Code structure: Jonas

Anmeldelser: Søren

CMS-system til medarbejder: Jonas

Artefakter & værdier: Søren og Mia

Forbedringsafsnit: Mia

Segment: Alle

Magasinopsætning: Søren

Busines model canvas: Jonas & Mia

Konklusion: Alle

SWOT analyse: Mia

TOWS analyse: Mia Mood board: Sarah & Mia Personas: Alle

123


Konklusion - work in progress

G

ennem projekt 2.2 er der arbejdet med SHARKS Aarhus. Det var her tiltænkt at lave et koncept, som kunne optimere besøgstallet søndag og mandag, som er

de to mest stille dage hos virksomheden. Det var derfor vigtigt at lave et koncept, som SHARKS og deres nuværende besøgene kunne forholde sig til, så konceptet ikke skadede det nuværende image og koncept de havde.

P

oolUp er derfor blevet skabt med henblik på at skabe mere interesse for de singler i Aarhus, som gerne vil opleve en underholdende og uformel flirt over et

spil pool. Konceptet henvender sig til mænd og kvinder mellem 23-32 år, som er bosat i Aarhus og omegn.

124


Alt i alt er produktet nyt, innovativt og stærkt

En underholdende og uformel flirt over et spil pool.

” V

i har designet et website, som fungerer som et socialt medie, hvor deltagerne frit kan vælge hvem de ønsker at spille mod. Hjemmesidens design har

bygget på mange af de artefakter som SHARKS har skabt gennem årene. Designet er derfor nyt og moderne, men kan stadig sættes i forbindelse med stedet. Hjemmesiden er programmeret med henblik på responsive web design, og kan derfor anvendes fra alle devices. De problemstillinger vi er løbet ind i undervejs i projektet, er blevet analyseret og derved løst på bedste vis. Produktet er blevet testet, og er i forbedringsafsnitet blevet beskrevet hvordan projektet kan videreudvikles hvis dette blev aktuelt. Alt i alt er produktet nyt, innovativt og stærkt, hvor fundamentet blev lagt ud fra SHARKS’ artefakter, værdier og nostalgi. 125


Kilder - nice to know 

Skjødt, S., 30. april 2014: Knalde eller kaffe? Rapport fra datingfronten, Politiken. [online] available at: < http://politiken.dk/magasinet/feature/ECE2275736/knalde-eller-kaffe-rapport-fra-dating-fronten/ > [Accessed 07.05.2014]

Osterwalder, A., 2012. Alexander Osterwalder: Tools for Business Model Generation [Entire talk].

[video online ] <http://www.youtube.com/watch?v=8GIbCg8NpBw > [Accessed 12.05.2014]

Busch, A.M., Engelby, D.O., Andersen, G.M. og Larsen, T. 2011. Kommunikation I multimediedesign. 1.edition, Hans Reitzels forlag.

Jenrich, L., Jepsen, K., Schmalz, P. og Aarosin, L. 2011. Afsætning, Niveau A. 1.edition, Trojka.

Koldborg, S. og Heilmann, T. 19. marts 2014. Vi investerer vores tid i netdating. Dr.dk. [online] available at: < http://www.dr.dk/Nyheder/Penge/2014/03/18/133346.htm > [Accessed 12.05.2014]

Andersen, K.B. 27.oktober 2012. Netdating hitter som aldrig før. Politiken. [online] available at: < http://politiken.dk/forbrugogliv/digitalt/internet/ECE1794656/netdating-hitter -som-aldrig-foer/ > [Accessed 13.05.2014]

Mølgaard, M. 27. juli 2012. Netdating rykker over i mobilens spontane verden. Politiken. [Online] available at: <http://politiken.dk/forbrugogliv/digitalt/forbrugerelektronik/ECE1699468/netdatingrykker-over-i-mobilens-spontane-verden/> [Accessed 13.05.2014]

Jakobsen, J. 16. marts 2014. Dating-app er populær i blandt unge brugere. Jyllands-Posten. [Online] available at: < http://www.jyllands-posten.dk/premium/indland/ECE6564073/dating-app-er-populaer -blandt-unge-brugere/ > [Accessed 12.05.2014]

Google Play. N.d. Tinder. Google Play. [Online] available at: < https://play.google.com/store/apps/ details?id=com.tinder> [Accessed 07.05.2014]

Zichermann, G. og Cunningham, C. 2011. Gamification by Design. 1.edition, O’ Reilly media.

126


SHARKS. N.d. Om SHARKS. Facebook.com [Online] available at: < https://www.facebook.com/ sharksaarhus/info> [Accessed 09.05.2014]

PROFF. N.d. SHARKS Pool Hall. Proff.dk [Online] available at: < http://www.proff.dk/firma/sharks-pool -hall/aarhus-c/restauranter/13418020-1/ > [Accessed 07.05.2014]

Google Anmeldelser. N.d. SHARKS. Google [Online] available at: < https://www.google.dk/search? q=sharks&oq=shar&aqs=chrome.0.69i59j69i57j69i61j69i60l2j69i59.1772j0j7&sourceid=chrome&es_ sm=93&ie=UTF-8%20-%20q=sharks+&lrd=lrd#lrd=lrd > [Accessed 07.05.2014]

Tripadvisor. N.d. SHARKS Diner. Tripadvisor [Online] available at: < http://www.tripadvisor.dk/ Restaurant_Review-g189530-d3463684-Reviews-Sharks_DinerAarhus_Aarhus_Municipality_East_Jutland_Jutland.html > [Accessed 07.05.2014]

Tnsgallup. N.d. Det Moderne-individorienterede segment. Pdf online. Gallups Kompas. available at: < http://www2.tns-gallup.dk/media/144663/moderne_individ.pdf > [Accessed 10.05.2014]

Tnsgallup. N.d. Det Moderne-fællesskabsorienterede. Pdf online. Gallups Kompas. available at: < http://www2.tns-gallup.dk/media/144681/moderne_f%C3%A6llesskab.pdf > [Accessed 10.05.2014]

Tnsgallup. N.d. Det Moderne-fællesskabsorienterede. Pdf online. Gallups Kompas. available at: < http://www2.tns-gallup.dk/media/144681/moderne_f%C3%A6llesskab.pdf > [Accessed 10.05.2014]

Tnsgallup. N.d. De individorienterede. Pdf online. Gallups Kompas. available at: < http://www2.tns-gallup.dk/media/144666/individ.pdf > [Accessed 10.05.2014]

127


128


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.