Brugerundersøgelse 2. semester 3. projekt knmefr5 Mettemarie From mette@byfrom.com http://byfrom.com/survey/survey.html Portfolio: http://byfrom.com/
Indholdsfortegnelse: Indholdsfortegnelse...s.1 Introduktion...s.2 Problemformulering...s.2 Tidsestimering & Projektstyring...s.3 Use Case...s.4 Valideringsregler...s.6 Processbeskrivelse...s.7 Læring...s.8 Bilag 1...s.9 Bilag 2...s.10 Bilag 3...s.11 Bilag 4...s.12 Side 1
Introduktion: Igennem de sidste par år er der sket en stigning i antallet af smartphones. Flere er blevet ejere af en smartphone, derfor ønsker Telenor at undersøge danskernes kendskab til og brug af smartphones. Problemformulering: Undersøgelse af danskernes kendskab til og brug af smartphones. For at forbedre kundernes oplevelse og service ønsker Telenor at undersøge danskernes kendskab til og brug af smartphones. Undersøgelsen vil give svar på disse spørgsmål: Hvilke funktioner benytter smartphone ejere, og hvor ofte benytter de dem? Hvad ligger smartphone ejere vægt på når de køber deres smartphone? Hvilke mærker vælger smartphone ejere? Hvor er smartphone ejere bosiddende? Aldersfordeling på smartphone ejere? Kønsfordeling på smartphone ejere? Desuden vil undersøgelsen afdække en række spørgsmål om dumbphone (ikke smartphone) ejere: Planlægger dumbphone ejere at skifte til smartphones? dumbphone ejers indtryk af smartphones? dumbphone ejere som tidligere har haft en smartphone, overvejer de at skifte tilbage til smartphone? Hvilke mærker mobiltelefon benytter dumbphone ejere? Hvor er dumbphone ejere bosiddende? Aldersfordeling på dumbphone ejere? Kønsfordelingen på dumbphone ejere? Side 2
Tidsestimering & Projektstyring: En Proces Breakdown Structur blev benyttet til tidsestimering, som derefter er brugt til udfyldelse af Gantt-kort, et projektstyringsværktøj som giver overblik over projektets fremdrift og resourceforbrug. Hele Gant-kort start ligger som bilag 2 Aktivi tet Optimistisk Realistisk Pessimistisk Beregnet gennemsnit Spredning planlægning 3 5 7 5 0,80 problemformulering 1 2 3 2 0,40 kick-off 0,2 0,4 1 0,48 0,16 gantt kort 2 3 5 3,2 0,60 missing manual 10 16 24 16,4 2,80 spørgsmål udformes 3 4 5 4 0,40 spørgsmål designe 3 5 6 5 0,60 landing page 3 4 5 4 0,40 valedering 1 2 2,5 2 0,30 rapport 4 5 6 5 0,40 InDesign Rapport 2 3 4 3 0,40 læringsmål 1 2 2,5 2 0,30 Hele portfolie tidsestimeringsskemaet opdatering ligger 0,5som bilag 1 1 1,5 1 0,20 Hele Gantt-kort slut ligger som bilag 3 præsentation 1 2 3 2 0,40 Alle værdier er i timer, har kalkuleret med en arbejdsdag på 8 timer. Side 3
Use Case: Use case 1. Kortbeskrivelse Denne use case beskriver hvordan en bruger udfylder et spørgeskema fra Telenor. 2. Deltagere 1. Person der udfylder spørgeskemaet, herefter kaldet survey brugeren 2. Admin som indsamler data fra spørgeskemaet 3. Forudsætning Survey brugeren har adgang til en computer med internet adgang 4. Flowcharge Se bilag 4 Beskrivelse: Når brugeren aktiverer deltag knappen vises spørgsmål 1 (Q1) Q1 vises med radioknapper: vælges ja vises QY2 og Q1 skjules vælges nej vises QN2 og Q1 skjules hvis ingen radioknapper vælges og næste knappen aktiveres, vises alert beskeden vælg venligst QY2 vises med checkbokse: hvis ingen checkbokse vælges og næste knappen aktiveres, vises alert beskeden vælg venligst hvilken smartphone hvis en eller flere ckeckbokse er valgt, når næste knappen aktiveres vises QY3 og QY2 skjules. USE CASE TELENOR SURVEY Valider om radio knap er valgt, hvis ikke besked vælg venligst en af valg mulighederne - hvis ja vælges vises spørgsmål QY2 Valider, hvis intet valgt, besked vælg venligst hvilken smartphone du ejer Valider, hvis intet valgt, besked vælg venligst en eller flere svarmuligheder Valider, hvis nogle punkter mangler, fremhæves disse besked udfyld venligst manglende svar Mærke smartphone Indflydelse på køb QY2 QY3 QY4 Benyttede funktioner Ja Smartphone ejer Q1 Ja Nej QN2 Mærke dumbphone QN3 Tidligere ejer af smartphone QNY4 Valg af smartphone Køn Alder Postnr. Start survey Hele Use Case skemaet ligger som bilag 4 Q5 Q6 Q7 Valider, vis deltag aktiveres, vises Q1 Valider om radio knap er valgt, hvis ikke besked vælg venligst en af valg mulighederne - hvis nej vælges vises spørgsmål QN2 Valider, hvis intet udfyldt, besked angiv venligst mærke på mobiltlf Nej Valider hvis intet valgt, besked vælg venligst svar mulighed - hvis ja vælges vises QNY4 -hvis nej vælges vises QNN4 QNN4 Indtryk af smartphone Valider hvis intet valg, besked vælg venligst en eller flere svar muligheder Valider køn er valgt, hvis ikke, besked vælg venligst køn Valider alder i dropdown er valgt, hvis ikke, besked vælg venligst alder Valider postnr. 4 tal, hvis ikke, besked indtast venligst korrekt postnr. QN2 vises med checkbokse: hvis ingen checkbokse vælges og næste knappen aktiveres vises alert beskeden vælg venligst hvilken mobiltelefon du ejer hvis en eller flere ckeckbokse er valgt, når næste knappen aktiveres vises QN3 og QN2 skjules. QY3 vises med checkbokse: hvis ingen checkbokse vælges og næste knappen aktiveres vises alert beskeden vælg venligst en eller flere svarmuligheder hvis en eller flere ckeckbokse er valgt, når næste knappen aktiveres vises QY4 og QY3 skjules Landingpage Side 4
Use Case fortsat: QN3 vises med radioknapper: vælges ja vises QNY4 og QN3 skjules vælges nej vises QNN4 og QN3 skjules hvis ingen radioknapper vælges og næste knappen aktiveres, vises alert beskeden vælg venligst QY4 vises med radioknapper: Ved aktivering af næste knap sker: hvis der mangler at blive udfyldt nogle radioknapper vises den tilknyttede alert message hvis alle radio knapper er valgt vises Q5 og QY4 skjules QNY4 vises med radioknapper: hvis ingen radioknapper vælges og næste knappen aktiveres, vises alert beskeden vælg venligst hvis radioknap er valgt vises Q5 og QNY4 skjules Q5: Q5.1 vises med radioknap Q5.2 vises med dropdown menu Q5.3 er indtastningfelt hvis ikke radioknap i Q5.1 er valgt, når næste knappen aktiveres vises alert beskeden vælg venligst køn hvis ikke en alder i dropdown menuen er valg, når næste knappen aktiveres, vises alert beskeden vælg venligst alder hvis ikke 4 cifferet postnummer er indtastet, når næste knappen aktiveres vises alert beskeden vælg venligst postnummer Når næste knappen i Q5 aktiveres, sendes de indsamlede data til den tilhørende database og survey brugeren sendes til landingpage. Admin kan i databasen se de indsamlede besvarelser. QNN4 vises med checkbokse: hvis ingen checkbokse vælges og næste knappen aktiveres, vises alert beskeden vælg venligst en eller flere svarmuligheder hvis en eller flere ckeckbokse er valgt, når næste knappen aktiveres vises Q5 og QNN4 skjules. Side 5
Valideringregler: Til spørgeskemaet er der benyttet forskellige javascript valideringsregler. Hermed forklaring på nogle: Gemme underliggende spørgsmål. For at skjule spørgsmål har jeg benyttet: $( #Q1 ).hide(); $( #QY2 ).hide(); $( #QN2 ).hide(); $( #QY3 ).hide(); $( #QN3 ).hide(); $( #QY4 ).hide(); $( #QNY4 ).hide(); $( #QNN4 ).hide(); $( #Q5 ).hide(); Validering af radioknap: // hidden questions $( #GTQ2 ).click(function() { if ($( #ja ).attr( checked )) { $( #Q1 ).hide(); $( #QY2 ).show(); } else if ($( #nej ).attr( checked )) { $( #Q1 ).hide(); $( #QN2 ).show(); } else { alert( Vælg venligst ); } }); // end click() Knappen med id en GTQ2 gør følgende: Hvis radioknappen med id en ja er valgt, så skal spørgsmålet med id en QY2 vises. Hvis radioknappen med id en nej er valgt, så skal spørgsmålet med id en QN2 vises. Hvis ingen radioknapper valgt, vises en alert med beskeden Vælg venligst. Skifte spørgsmål ved aktivering af knap. $( #deltag ).click(function() { $( #start ).hide(); $( #Q1 ).show(); }); // end click() show #deltag = er id en på knappen.click = aktiverer en funktion $( #start ).hide(); = får forsiden med id en start til at forsvinde $( #Q1 ).show(); = viser spørgsmålet med id en Q1 Validering af checkbokse: $( #GTQY3 ).click(function() { var check = $( input[name= SmartphoneBrand ]:checked ).length; if(check == 0) { alert( Du skal angive smartphone mærke ); } else { $( #QY2 ).hide(); $( #QY3 ).show(); }); // end click() Knappen med id en GTQY3 gør følgende: variablen med navnet check kontrollerer alle checkbokse input med navnet Smartphone- Brand, hvis ingen bokse er makeret returner alret med beskeden Du skal angive smartphone mærke Hvis en eller flere checkbokse er markeret, vises spørgsmålet med id en QY3 og skjuler sprgsmålet med id en QY2 Side 6
Procesbeskrivelse: Trin 1 Work Breakdown Structure - opdeling af arbejdsopgaver, har stemt overens med opgaverne Trin 2 Gantt - kort - tidsestimeringen har næsten passet, dog tog valideringen af spørgsmål (selve javascriptet) længere tid end for ventet. Trin 3 Problemformulering - hvad skal undersøges Trin 4 Udformning af spørgsmål - endte op med mange spørgsmål Trin 7 HTML kodning af spørgsmål Trin 8 Styling af HTML kodningen Trin 9 Landingpage - kodning og design Trin 10 Valedering af XHTML Trin 11 JavaScript - valedering af spørgsmål input, tog meget længere tid end forventet. Trin 12 Upload af survey Trin 5 Use Case - struktur i spørgeskemaet, hvad sker når... har været en stor hjælp til at holde overblikket Trin 6 Udformning af spørgsmål - hvordan skal de se ud - input type Side 7
Læring: Hvad har jeg lært under forløbet? At bygge formularer i XHTML og validere disse med javascript, samt dokumentere interaktion via Use Cases og User Stories. Hvordan hænger det sammen med mit forhåndskendskab til emnet og denne opgavetype? Projektet har været en god opfølgning på undervisning i interaction development og givet bedre forståelse for javascript og interaktions beskrivelser. Er det, hvad jeg forventede at lære? Jeg satte en del tid af til gennemlæsning af bogen JavaScript, The Missing Manual af David Sawyer McFarland. Jeg har i tidligere læringsprocesser kunne drage god nytte og viden af bøgerne fra The Missing Manual Efter at have forfatte spørgsmål til spørgeskemaet, kunne jeg fortsætte med Use Case, denne har været til stor nytte til at holde overblikket over programeringsprocessen. Implementering af spørgsmålene og styling af HTML forløb problemfrit. Selve spørgeskemaet er designet ud fra Telenor s website for lettere genkendelse. JavaScript valideringen tog meget længere tid end forventet. Hvor før brugen af The Missing Manual bøgerne har været til stor gavn ( læring af bla HTML, CSS og Flash) forvirrede bogen mig. Jeg fik blandet mange ting sammen, men med god vejledning og hjælp lykkedes det dog til sidst. Hvad har jeg mere brug for at lære? At få en større forståelse for opbygning af javascript koder og User Cases. Side 8
Bilag 1, Tidsestimering: Aktivi tet Optimistisk Realistisk Pessimistisk Beregnet gennemsnit Spredning planlægning 3 5 7 5 0,80 problemformulering 1 2 3 2 0,40 kick-off 0,2 0,4 1 0,48 0,16 gantt kort 2 3 5 3,2 0,60 missing manual 10 16 24 16,4 2,80 spørgsmål udformes 3 4 5 4 0,40 spørgsmål designe 3 5 6 5 0,60 landing page 3 4 5 4 0,40 valedering 1 2 2,5 2 0,30 rapport 4 5 6 5 0,40 InDesign Rapport 2 3 4 3 0,40 læringsmål 1 2 2,5 2 0,30 portfolie opdatering 0,5 1 1,5 1 0,20 præsentation 1 2 3 2 0,40 Alle værdier er i timer, har kalkuleret med en arbejdsdag på 8 timer. Side 9
Bilag 2, Gantt-kort start: Side 10
Bilag 3, Gantt-kort slut: Side 11
Bilag 4, Use Case: USE CASE TELENOR SURVEY Start survey Valider, vis deltag aktiveres, vises Q1 Valider om radio knap er valgt, hvis ikke besked vælg venligst en af valg mulighederne - hvis ja vælges vises spørgsmål QY2 Valider, hvis intet valgt, besked vælg venligst hvilken smartphone du ejer Valider, hvis intet valgt, besked vælg venligst en eller flere svarmuligheder QY2 Mærke smartphone QY3 Indflydelse på køb QY4 Benyttede funktioner Ja Smartphone ejer Ja Nej QN2 Mærke dumbphone QN3 Tidligere ejer af smartphone QNY4 Valg af smartphone Q1 Valider om radio knap er valgt, hvis ikke besked vælg venligst en af valg mulighederne - hvis nej vælges vises spørgsmål QN2 Valider, hvis intet udfyldt, besked angiv venligst mærke på mobiltlf Nej Valider hvis intet valgt, besked vælg venligst svar mulighed - hvis ja vælges vises QNY4 -hvis nej vælges vises QNN4 QNN4 Indtryk af smartphone Valider, hvis nogle punkter mangler, fremhæves disse besked udfyld venligst manglende svar Køn Alder Postnr. Q5 Q6 Q7 Valider hvis intet valg, besked vælg venligst en eller flere svar muligheder Valider køn er valgt, hvis ikke, besked vælg venligst køn Valider alder i dropdown er valgt, hvis ikke, besked vælg venligst alder Valider postnr. 4 tal, hvis ikke, besked indtast venligst korrekt postnr. Landingpage Side 12