Link til Popapp: https://popapp.in/w/projects/574b49916bbb3cef68a50f20/preview

Relaterede dokumenter
Karoline Olsrud Punsvik Brit Mølgaard Sørensen Kira Dinesen Larsen Caroline Schandorff Nielsen Website:

Guide til, hvordan du tilføjer en GIPPLER- fane til din Facebook side

Articles... 3 I gang med Adobe Connect... 4 Når du skal invitere deltagere til et Adobe Connect møderum...11 Sådan redigerer du en video optaget i

Når man skal udfylde i feltet: branche, kan det være relevant, at se valgmulighederne lidt igennem for at finde den mest passende.

Vejledning til online ansøgning om lokaler i Netbooking

Hvordan tilmelder jeg mig og bruger Instagram?

Portfolio. Udvikling af min portfolio Link til portfolio: Michell Aagaard Dranig

Projekt 1 Re-design af Odense Bunkermuseum

Brugermanual til brug af online madbestilling for borgere, der får mad fra Byens Køkken

Trin for trin guide til Google Analytics

Tweet dine råd. - og gør dem levende med Vine og Instagram

Kom i gang med Memento Circle

Kom i gang med Memento Circle

SmartWeb Brugermanual

Bilag 2. Noter. Alternativ: Skriv pakkelabel i søgefeltet Klik på linket ved teksten øverst: pakke labels

Medvind en vejrapp for cyklister

Sådan opretter du en Facebook-side

Signe Frederiksen Lukas Alexander Smestad Louise Nielsen Clara Terese Abel Hagelund Monica Jannerup Lund

TWITTER OG #KVÆGKONGRES

Tlf Fax

ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

Brugervejledning Forældrekontakt

AFSLUTTENDE OPGAVE. Lad Grønsted forblive Grøn

Sådan beskytter du dit privatliv på Facebook Grundlæggende oversigtsoplysninger Deling fra Facebook Applikationer og websites - 3 -

Brugermanual til brug af elektronisk madbestilling for borgere, der får mad fra Byens Køkken

GeckoBooking.dk V Online kalender og bookingsystem

GRAFISK DESIGN. Hjemmeside til Dizzy Mizz Lizzy

Jeg har anvendt Chrome måske ser det lidt anderledes ud i andre browsere).

Guide til første gang du skal på shopeasy.dk.

1. SEMESTER SYNOPSIS. Erhvervsakademi Aarhus. Kristian Peter Lund Drewsen E-konceptudvikling EKU-12d (1ek12d1) 1. Semesters Mundtlig Eksamen

Grafisk produktion & workflow

Ny dansk startup bobler af glæde

sweetbot.design Kodning og design af hjemmeside Navne: Emma Blæsbjerg, Michell Aagaard Dranig og Andreas Oliver Hansen

Brugervejledning til FOKUSpartnere

Jysk Online Medie ApS - Vestergade 32, 8600 Silkeborg - Tlf.:

Byg web sider. Introduktion:

SÅDAN KOMMER DU I MÅL GUIDE. JOSEFINA ESTRADA COOP CROWDFUNDING Roskildevej 45, 2620 Albertslund

ACUBIZ EXPENSE MANAGEMENT Acubiz One

Mendeley er både en reference manager og et akademisk socialt netværk.

Facebook Timeline FACEBOOK TIMELINE KOMPLET GUIDE TIL FACEBOOK TIMELINE. Udarbejdet af Kasper Ebsen webdanmark.com

Ting 3: Billeder : kamera fotostream Instagram

Programmering C Eksamensprojekt. Lavet af Suayb Köse & Nikolaj Egholk Jakobsen

Rapport Gruppe 19 GRUPPE case:

Brug af app. Quick guide til Care Tracker systemet på Android og iphone

Brugermanual. - For intern entreprenør

Livall - Kom godt i gang (BH 60 & Bling Jet Fjernbetjening & Livall Riding App)

Grafisk design. Ide. Designprocess. Målgruppe

OM STATISTIKBANKEN. 2002:6 December Om Statistikbanken nr. 6. Indhold i nr. 6:

Tema 1. Gruppe 6 Mads Balslev & Kristian Gasberg. Vejledere Yngve Brækka Stensaker & Kristoffer Wendelboe

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Børne Intra Kvik-start-guide til forældre

Manual til AVG Antivirus

Vejledning til online ansøgning om lokaler i Netbooking

OPRETTELSE AF ET SIMPELT GRATIS ARRANGEMENT

Sådan bruger du Facebook s nye Timeline for Facebook sider

Vi anbefaler, at du lader boksen med træffetider blive liggende på din afdelingsforside. Hvad der ellers skal være af indhold er op til jer.

Social medie strategi

Installation af DATABOKS online backup manager

Kort introduktion til e-boks

Innovationsforløb. Trin 4

TÅRNBY FORENINGSPORTAL

Velkommen til Åben Dagtilbudsportalen

Alternativ markedsføring

kender i det? Travl hverdag Intet tid Online-shopping Manglende følelse og fornemmelse af produkter

Vejledning for Modeller

Min Kirke. - En kort introduktion. HappyHill v. Stefan Lykkehøj Lund ::: info@happyhill.dk :::

MakeRoute. Bruger manual

kollegiekokkenet.tmpdesign.dk Side 1

kender i det? Travl hverdag Intet tid Online-shopping Manglende følelse og fornemmelse af produkter

Konfiguration af BOOX Nova. Der tages forbehold for trykfejl og ændringer i producentens / Googles software.

Kom godt i gang med NemID nøgleapp. December 2018

VEJLEDNING 0. Velkommen til Randers HF & VUC IT

ANVENDELSE AF VAR HEALTHCARE I PRAKSIS KOMMUNE

Website design for WALK & TALK LYNGBY STAVGANGSKLUB. Gruppemedlemmer fra Mul A. Link til online visning af websitet

GUIDE TIL MEDIE DATABASE ROYAL UNIBREW

Mendeley er både en reference manager og et akademisk socialt netværk.

Mendeley kan hjælpe dig med at organisere din forskning og samarbejde med andre online.

Glance Del din skærm med op til 200 deltagere

SÅDAN LOGGER DU PÅ FØRSTE GANG:

LOGIN ENDOMONDO. Kære Løber! Denne lille instruktion viser hvordan man redigere:

INTRO TIL GOOGLE DREV

Brugervejledning Book et kommunalt lokale

FACEBOOK. For at finde disse indstillinger, skal du gå til Indstillinger på Facebook og derefteer til underkategorien Apps.

INDHOLDSFORTEGNELSE. Velkommen til Facebook!... 7 Louise Peulicke Larsen. KAPITEL ET... 9 Lær Facebook at kende. KAPITEL TO...

Rejsekort A/S idekonkurence Glemt check ud

AFSLUTTENDE PROJEKT KOM/IT

Vejledning. - generelle sider på foreningsportalen

Dansk vejledning til installation og opsætning af Safe Eyes

Gennemgang af ios app

Quick Guide Ditmer edagsorden Oktober 2013

App design for GoBoat

Tylstrup Skole. Indhold

My booking. Generelt. Forsiden. Version 9.0

OS2faktor. Brugervejledning. Version: Date: Author: BSG

Transkript:

Link til website: www.sommerpaprika.dk/gb Link til Popapp: https://popapp.in/w/projects/574b49916bbb3cef68a50f20/preview

Indholdsfortegnelse Indledning 4 Problemstilling 4 Design brief 4 Proposition 5 Generelle idéer 5 Generelle værdier 5 Målgruppen 5 Målgruppe definition og beskrivelse 5 NABC 5 Need 5 Approach 6 Benefit 6 Competition 6 Persona 7 Situation og behov 7 Baggrund 7 Motivation 8 Udfordringer 8 Drømme 8 Aktiviter, Features og User Journey 8 Billeder af vores skitser/prototyping proces 10 Argumentation for og illustration af ikonet til app en 11 Dokumentation af test af app en - Paperprototype 11 Dokumentation af test af website 12 Designovervejelser og design deliverables for webløsningen 13 Styletile 13 Wireframes 14 Sitemap 17 Links og referencer 18 2

Bilag 1 18 Bilag 2 19 Bilag 3 20 3

Indledning I dette projekt har vi overordnet beskæftiget os med at digitalisere GoBoats koncept, samt udvikle en app. GoBoat er en dansk virksomhed, som ønsker at skabe unikke, bæredygtige oplevelser på havet. Vi har i projektet arbejdet med målgruppen turister. I denne forbindelse har vi arbejdet ideudviklende omkring GoBoats koncept, således at vi har kunne udarbejde den bedste løsning i app form. Vi har derfor i vores gruppe lagt stort fokus på at app en skulle tilbyde og udstråle tryghed, overskuelighed og troværdighed for brugerne. Vi har søgt at imødekomme GoBoats ønske om at appen skal være selvstyrende, da de fremover ikke ønsker at have så mange medarbejder på arbejde. Derfor har vi i vores løsning prøvet at personliggøre app en i form af figurer, som guider brugerne hele turen igennem. Problemstilling Hvordan kan bådudlejningen digitaliseres ved hjælp af en app, men samtidig garantere brugerne en god, personlig service? Hvilke dele af kundekontakten vil det give bedst mening at digitalisere med en app? Hvordan kan en app designes, så den bedst muligt imødekommer målgruppen og virksomhedens behov? Hvordan kan en app forbedre virksomhedens forretningsgrundlag? Design brief Who: Turister der ønsker at få en oplevelse ud over det sædvanlige What: En App der tilbyder en guide over GoBoats services og aktiviteter When: I Danmark er det hovedsageligt i april - oktober. Where: Danmark, Sverige og Perth i Australien Why: Ved at lave en simpel applikations guide til turister, skaber det et bedre overblik for dem når de er ude og rejse. Dette skaber en bedre tryghed og gøres lettere tilgængeligt for brugeren. 4

Proposition Generelle idéer: Hjælp til at opleve nye unikke oplevelser og steder. Generelle værdier: Sikkerhed, troværdig, personliggøres, service, bæredygtighed, mennesker i fokus. Målgruppen: Mennesker der gerne vil på ferie. Hvor der opsøges aktiviteter, der er mere unikke og intime. Aktiviteter der giver mulighed for at brugeren selv har kontrol over oplevelserne, samt man selv bestemmer tempo og rute hvilket GoBoat tilbyder. Par, singler, familier. Målgruppe definition og beskrivelse Vores målgruppe er turister, hovedsagligt i alderen 25 56 år. Vi har taget udgangspunkt i, at de vil ankomme i grupper på omtrent 2-3 personer og at de vil være forbipasserende. Dette betyder at størstedelen af vores målgruppe ikke vil have booket deres tur i forvejen. Eftersom at vores målgruppe er turister, da arbejder vi også med mennesker med forskellige nationaliteter og sprog. Vi forstiller os at vores målgruppe er friske, nysgerrig og selvstændige og at de ønsker at komme ud og få en unik oplevelse. Derudover er det selvfølgelig altafgørende at vores målgruppe ejer en funktionel smartphone, samt at de besidder smartphone-kompetencer. NABC Need Formålet med at udvikle en app for GoBoat er, at det skal være lettere og nemmere tilgængeligt for vores målgruppe(turister) at booke tid online. Derudover skal vi også imødekomme GoBoats ønske om at digitaliserer denne proces, således at de ikke behøver at have personale på arbejde. Det vigtigste behov der skal opfyldes for brugerne er, at app en er nem, overskuelig og fungerer som en 5

god guide. Mens det væsentlige behov er at indsætte internet i alle bådende, da man som rejsende ikke altid har internet adgang i udlandet. Derigennem er GoBoat sikret at deres brugere kan benytte appen og alle dens funktioner. Approach Vores ide til appen er, at den skal fungere som en hjælpende hånd, både for GoBoat men også deres brugere. Så ved at udvikle denne app, da markedsføres deres koncept på en ny og brugervenlig måde. App en vil være tilgængelig for alle (gratis download), der ejer en smartphone. Derudover vil det også være muligt at ændre appens sprog-indstillinger. Dette vil kunne hindre sproglige misforståelser og give turisterne en form for tryghed. Det nytænkende ved denne idé, er blandt andet, at tilbyde internet i GoBoats område og både, således at brugerne har mulighed for at benytte sig af appens mange funktioner f.eks. Live Maps. Benefit Brugeren vil især få gavn af app en eftersom den er selvstyret. Dette betyder at brugerne ikke er direkte afhængige af GoBoat personale i forhold til at opnå information om produktet, da alt dette indhold kan findes på appen. I og med at GoBoats udbyder gratis internet til brugerne, så vil app en kunne benyttes som en personlig guide, hvor man kan finde inspiration og eksempler til ruter og seværdigheder. En fordel ved at udbyde gratis internet i bådene kunne være, at brugerne vil have en større tendens til at dele billeder, videoer, statusser og indtjekninger på de sociale medier. Derigennem vil GoBoats brand og koncept blive delt og udbredt. Effekten af ovenstående ide er, at brugerne vil kunne reklamere for GoBoat indirekte. Competition Fordelene ved at udvikle en app for GoBoat, er at brugerne selv vil have mulighed for at kunne planlægning deres tur gennem app en. Dette medfører og imødekommer GoBoats ønske om at deres ansatte ikke behøver at skulle stå til konstant rådighed, hvilket økonomisk set vil være en fordel. Dog skal der selvfølgelig tages højde for, at der kan opstå digitale komplikationer såsom internet problemer eller at appen ikke fungerer som den skal m.m. I og med at appen vil være så selvstyrende, da kan en anden udfordring også gøre sig gældende. Når man er turist i et fremmede land er det ikke altid at man føler sig helt tryg, da man er ude af ens 6

faste rammer. Derfor kan det tænkes at det ikke er alle turister der er villige til at bruge GoBoat app en, da de måske vil have et behov for at modtage personlig betjening samt vejledning. Set i forhold til hvad der forhindre konkurrenterne på markedet i at udvikle en app ligesom GoBoat, kan der argumenteres for at der i Norden ikke er det største udbud på bådudlejning grundet det danske/nordiske klima. Så appen vil hovedsagligt blive benyttet i sommerperioden. I og med at GoBoat ønsker at udbrede deres koncept til udlandet - til varmere lokationer, vil det kunne tænkes, at der i disse områder vil kunne opstå større konkurrence på markedet. Persona Navn & alder: Nicole, 28 år Status: Single, ingen børn Uddannelse: Event koordinator Bopæl: London, England Psyke: Udadvendt og socialt menneske Målgruppe: Turist, Rejsende i Danmark Formål: Rejser rundt i Europa med hendes 4 veninder Situation og behov Nicole er meget med på beatet og har selvfølgelig en iphone. Hun går op i hvilke nye Applikationer der er på markedet. Hun anvender sig af de sociale medier, hun poster ikke så ofte ting, men er generelt aktiv og holder sig opdateret. Da Nicole er meget nysgerrig og eventyrlysten, ville GoBoat være en perfekt mulighed for at opleve København, på en anderledes måde. Nicole er derudover vant til at være meget selvstændig og derudover at være herre over sin egen tid og sted. Baggrund Nicole er vokset op i en provins lidt ude for London, med hendes mor og to yngre søstre. Hun har gennem sin opvækst boet flere forskellige steder og er derfor hurtig og god til at omstille sig nye rammer. Hun er vant til der sker meget omkring hende og har et stort socialt netværk. Hun har 7

gennem sin opvækst rejst næsten hver sommerferie og elsker at opleve nye steder. I sin fritid er Nicole meget aktiv og elsker fx at tage på ferier, hvor man rør sig en masse. Hun er derudover meget kreativ og Motivation Det motiverer Nicole at møde nye mennesker, at være på, at være kreativ og kunne skabe noget selv. Derudover er hun meget sammen med hendes familie og venner. Hun går op i og søger efter diverse nye events og aktiviteter. Hun deltager dertil også aktivt. Det motiverer hende meget at rejse og opleve nye ting og steder. Udfordringer Nicole har svært ved at skulle settle-down og finde en kæreste, da hun altid som person har været meget flyvsk og haft et behov for at der tit skal ske noget nyt. Drømme Hun ønsker at lave sin egen virksomhed, der tilbyder rejseoplevelser og andre events-pakker. Aktiviter, Features og User Journey Aktiviteter i forbindelse med appen for GoBoat, samt features som er med til at understøtte aktiviteterne. Aktivitet: At skulle booke en båd Forside: Indtast kontaktoplysninger eller log ind med Facebook Guide: Hvordan fungerer appen Valg af medkaptajn (Kvinde/mand) Booking: Antal personer - Informationer omkring redningsveste Booking: Tid og dato GoDeli: Oplyses omkring mad Betaling: Kort informationer og accept af betingelser Goboat kode: Udleveres - Guide omkring fremgangsmåde 8

Main page(indeholder brugerprofil): Seks valgmuligheder - Seværdigheder - Ruter - Live map - Regler - Vejledning: Redningsveste - Vejledning: Start motor(video-guide) Aktivitet: Rate Ruterne og seværdigheder Giv antal stjerner og feedback Aktivitet: Live-chat (Hjælp og kontakt) Modtag hjælp: Hvis der skulle opstå problemer Aktivitet: Rate: Hele turen med Goboat Giv antal stjerner og feedback Eksempel på User Journey i vores applikation. 9

Billeder af vores skitser/prototyping proces 10

Argumentation for og illustration af ikonet til app en Vores ikon til appen, har taget udgangspunkt og fundet inspiration i GoBoat eksisterende farvepalette og design. Ikonet er udført i en mørk marine blå baggrund. Derudover har vi valgt at placere en lille hvid båd i ikonets højre side. Ideen til båden kom da vi så at GoBoat havde en lille marineblå båd i deres websites fane. Øverst til venstre har vi valgt at skrive go med store gule bogstaver, i fonden Geared Slab Bold. For at gøre ikonet lidt mere kreativt og sjovt, da har vi med vilje valgt ikke at skrive hele GoBoats navn på ikonet. I stedet fungerer illustration i form af båden, som sidste del af virksomhedens navn. Ydermere har vi søgt at imødegå GoBoats ønske om, at der så vidt som muligt skulle indgå deres karakteristiske prikker i designet. Derfor har vi under bogstaverne go valgt at placere en række gule prikker. Generelt er ikonet udført i et enkelt og simpel design. Dokumentation af test af app en - Paperprototype Vi fik testet vores paper-prototype af 3 forskellige personer. To af disse kendte til vores ide til appen i forvejen, mens den tredje ikke havde hørt om den før, dog kendte hun til virksomheden GoBoat. Testen gik overordnet ud på at finde ud af om vores app gav mening for brugerne i forhold til hvordan man skulle navigere rundt på den. Alle vores testpersoner kom med brugbar og konstruktiv feedback og det var ofte de samme mangler eller fejl, der blev udpeget. Feedbacken var overvejende positiv, dog var der plads til forbedring. Den første ting som vores tekstpersoner valgte at kommentere på var, at der manglede frem og tilbage pile ved vores 4-trins introduktionsafsnit, hvilket vi tilføjede efterfølgende. 11

Når testpersonerne nåede til vores id-sektion, havde de lidt svært ved at forstå hvorfor og hvordan dette fungerede. Det var særligt den del omkring, at der skulle tages et billede af ens id kort. I deres tilbagemeldinger fortalte de, at denne dels formål skulle tydeliggøres og tilføjes tekst. Booking delen synes vores testpersoner var forvirrende og de kommenterede særligt på, at der ikke var nogen steder, hvor der stod hvilke tidspunkter man kunne bestille sin tid, der var blot en kalender. Derfor endte vi med at ændre den del, således at det nu er muligt at se hvilke tidspunkter og intervaller man kan leje bådene i. Alle tre testpersoner blev ved med at trykke på vores chat-hjælpe pige (placeret i højre hjørne nederst), når de ville gå tilbage til den side som de kom fra. Pigen som går igen på mange af appens sider blev derfor aflæst som en slags tilbage knap, hvilket ikke er hendes formål og funktion. Vi tænker derfor, at man burde give hende et headset på eller skrive noget tekst nær hende, som indikerer hvad hendes rolle er i forhold til hendes funktioner. Dokumentation af test af website Er knapperne på websitet tydelige? Det kunne være rart med større billeder af selve appen, eller en funktion hvor man kunne klikke på billederne, så de blev større. Billederne bliver kørt ret hurtigt igennem, så det går lidt for stærkt. Det ville også være rart med endnu en downloade knap. Giver vores tag-line mening? er den forståelig? (Hvad tænker du på når du ser vores tagline?) Hvis man ikke kender til GoBoat, så kan tag-linen godt være svær at forstå. Testpersonen troede at Who will be your co-captian today? betød hvor mange der skulle med på båden. Er det tydeligt at du får udleveret en kode som aktivere båden? Det er svært at finde ud af at der skal bruges en kode til at aktivere båden, dette kunne med fordel gøres mere tydeligt. 12

Er hjemmesiden brugervenlig? Ja, svarede vores testperson. Hvad tænker du om videoen? Kan man forstå processen fra A til B? Ja, dog kan videoen ikke afspilles i en større størrelse, hvilket kan være et problem da man ikke får set de forskellige funktioner ordentligt. På trods af den feedback vi modtog i vores test, da har vi valgt at bibeholde vores originale design på vores website - dog med nogle små ændringer. I stedet har vi lagt fokus på at blive færdig med app en, dens design og brugervenlighed, da det er den som vores kundecase går ud på. Designovervejelser og design deliverables for webløsningen Vores websites udtryk har taget udgangspunkt og inspiration fra GoBoats allerede eksisterende design. Derfor har vi på vores website, også gjort brug af den samme farvepalette, typografi og grafiske elementer, som GoBoat benytter. Dette ses eksempelvis i vores nedenstående styletile, som har skulle fungere som vores designmæssige retningslinje, både for vores app og website. Ydermere har vi designet vores website således, at den er brugervenlig, simpel og overskuelig for brugeren at benytte. Styletile 13

Wireframes 14

15

16

Sitemap 17

Links og referencer http://designscrazed.org/html-landing-page-templates/ http://www.flaticon.com/ http://freebiesbug.com/ https://trello.com/b/pg8f25pj/goboat-gruppe-3 Bilag 1 Dette er skitser af vores karakterer, inden de blev tegnet ind i Illustrator. 18

Bilag 2 19

Bilag 3 Det er ud fra disse billeder, at vi har fundet inspiration til vores karakterdesign. 20