DESIGN TIL DIGITALE KOMMUNIKATIONSPLATFORME 24. Oktober 2013 #7 Målgrupper og adfærd med jquery
DAGEN I DAG Målgrupper [Pause] jquery I [Pause] Sidste individuelle øvelse
MÅLGRUPPEANALYSE En introduktion
Det enkelte menneskes mål, behov, forudsætninger og begrænsninger er udgangspunktet for anvendelse af medierne og deres indhold og hænger sammen med personens livssituation forstået som erfaringer, psykologiske, sociale og demografiske karakteristika og af kulturen og de samfundsmæssige ressourcer. Preben Sepstrup (2006)
KEND BRUGERNE (For-)brugerne er ikke længere kun aftagere, men også vigtige bidragydere og medudviklere. Brugerne bliver dygtigere og dygtigere. Mere og mere professionelle (prosumers) kritiske. Indsigt i slutbrugernes præferencer og behov og i brugskonteksten er væsentligt, når et produkt skal målrettes. Kendskabet til målgruppen er fundamentet for at kunne arbejde brugercentreret. Brugerne skal vælges omhyggeligt med udgangspunkt i viden (baseret på data).
SUCCESKRITERIET Ifølge Rasmussen og Fischer (2008) er det reelle succeskriterium i forbindelse med lancering af et produkt, hvorvidt der er tale om etablering af relevans og forståelse mellem afsender og modtager. Man skal derfor spørge sig selv: hvem er slutbrugeren, kan han forstå produktet og synes han at produktet er relevant eller ej?...og det kan jo virke oplagt og ganske ligetil :-)
HVAD ER MÅLGRUPPEANALYSE? Målgruppeanalyse handler ifølge Rasmussen og Fischer (2008) om at: afdække behov, krav og ønsker finde relevante spørgsmål, der kan hjælpe til at redegøre for dette vælge hensigtsmæssige metoder, som kan give svar på spørgsmålene Men også at definere en relevant afgrænsning
MÅLGRUPPEANALYSE Målgruppeanalyse kræver altså en metode, opdelt i faser, der kan anvise aktiviteter og opgaver, der skal udføres i en særlig rækkefølge. Målgruppeanalyse- faget afdækker en sådan metodemæssig fremgangsmåde. Målgruppe-aktiviter ifølge Louise Haarder Fischer: Aktivitet 0: den nuværende kommunikationsudfordring Aktivitet 1: segmentering Aktivitet 2: spørgsmål og hypoteser Aktivitet 3: dataindsamling Aktivitet 4: analyse og afrapportering
SEGMENTERING I bør begynde med at afdække kommunikationsudfordringen - problemfeltet i forbindelse med jeres projekt. For at få lavet den første indkredsning, kategoriserer man brugerne og udvælger de segmenter, man vil arbejdere videre med. Segmenteringen indeholder: Præcisering af målgruppen Afgrænsning Kategoriseringen - eller segmenteringen - kan gøres ved hjælp af forskellige metoder.
ER SEGMENTERINGEN MENINGSFULD? Hvem er målgruppen/brugerne/kunderne? Studerende på Københavns Universitet Nyuddannede som søger bofællesskaber i Københavnsområdet. Kvindelige studerende som arbejder 2-3 dage om ugen, føler sig stressede og bruger smartphones Målgruppesegmenteringen skal være meningsfuld! (eksempelvis skal den ikke for snæver og ikke for bred)
GROVSEGMENTERING Grovsegmentering: Demografiske variable: Alder, køn, bopæl... Sociale faktorer: Uddannelse, arbejde, indtægt... Og etnicitet, seksualitet, religion, subkultur, Minervamodellen Gallups kompasmodel Personaer Variablerne kan skaleres på forskellig vis
RISC-MODELLEN
MINERVAMODELLEN
GALLUPS KOMPASMODEL http://www.gallup.dk/vores-markedsfokus/medier/printmedier/gallupkompas.aspx
IDEALTYPER! Ikke virkelige mennesker
FORFORSTÅELSE Det er således vigtigt, at man som målgruppeanalytiker ikke kommer med forenklede betragtninger om, hvem målgruppen er. Målgruppeanalyse kræver, at man så vidt muligt starter forfra og ser på den enkelte case uden fordomme fordomme, som prækonstruerede modeller har en tendens til at skabe. Rasmussen og Fischer, 2008
BRUGERNE I PROCESSEN
Early focus on users and tasks: directly studying cognitive, behavioral, anthropomorphic & attitudinal characteristics Sharp et al. (2007)
EARLY FOCUS User tasks and goals are the driving force behind the development. Users behavior and context of use are studied and the system is designed to support them. Users characteristics are captured and designed for. Users are consulted throughout the development... All design decisions are taken within the context of users, their work, and their environment.
Empirical measurement: users reactions and performance to scenarios, manuals, simulations and prototypes are observed, recorded and analysed Sharp et al. (2007)
Iterative design: when problems are found in user testing, fix them and carry out more tests Gould & Lewis (1985)
BRUGERCENTRERET DESIGN Brugerinddragelse kan med fordel inddrages i alle stadier af udviklingsprocessen samt i forbindelse med den løbende opdatering. Kan sikre fremdrift i processen. Skal dog ikke være et mål i sig selv. Formålet skal være klart... Hvorfor?
Vores ambitionen er ikke bare at skabe løsninger til brugerne, men også i samarbejde med dem. Det betyder, at vi i mange projekter involverer brugerne aktivt i research-, design- og evalueringsfaserne. Resultatet er målrettede produkter, øget salg og mindsket risiko for at skulle re-designe det endelige produkt. 1508
I virkeligheden handler professionelt webdesign om return of investment, hvor størrelsen og budgettet på et webprojekt afgør, om der er tid og råd til at inddrage brugerne i hele processen. Hvis det kan betale sig, så er det naturligvis en god idé at teste webudviklingen med rigtige mennesker. Martin Palmqvist, Scandesigns A/S
One of the reasons often cited for not involving users in development is the amount of time it takes to organize, manage and control such involvement. This issue may be particularly acute in development systems to run on the Internet, where ever-shorter timescales are being forced on teams... Sharp et al. (2007)
USERTRIBE Usertribe.dk
PERSONAER & SCENARIER
En persona er en beskrivelse af en fiktiv bruger. En bruger der ikke eksisterer i virkeligheden, men som er beskrevet på en måde, så læseren genkender beskrivelsen og tror på, at denne bruger kunne findes. En persona er skrevet med udgangspunkt i data fra potentielle og reelle brugere og er således stykket sammen af viden om virkelige mennesker. Lene Nielsen (2011)
KONTEKST = KOMPLEKSITET At være menneske/målgruppe er en relativ tilstand. Man skal ikke henvende sig til forbrugeren eller modtageren, men til forbrugeren/modtageren i forskellige eller bestemte situationer. Christian Viktor Rasmussen
PERSONAER Opfundet af Alan Cooper (softwaredesigner) i 1983. Udviklet i løbet af de følgende 15 år og beskrevet i hans bog The Inmates are running the Asylum 1998. En fiktiv person, der fungerer som en personifikation af brugerne og mål i udviklingsarbejdet (Merit og Nielsen, 2006). Repræsentationer af brugerne baseret på indsamlet data et forsøg på at operationalisere den empiriske virkelighed Personas er dermed både anvendelige internt undervejs i målgruppeanalysen, som formidlingsværktøj ved overlevering og som repræsentation for den reelle slutbruger videre i udviklingsprocessen. Anskueliggør en målgruppe uden at placere den i prækonstruerede modeller.
GODE RÅD Visualiser din persona: Arbejd med billeder sammen dine persona-beskrivelser. Dette gør formidlingen nemmere og gør idealtyperne mere levende og realistiske. Giv dine personaer navne. Giv din læser en opsummering af din persona. Vær specifik i beskrivelsen af dine personas - dette gør dem mere troværdige. BASER DINE PERSONAS PÅ DIN EMPIRI - ellers er værdien af dem begrænset. OG HUSK AT BRUGE DEM:-)
SÆT ANSIGT PÅ
VISUALISER
Camilla & Jesper, 39 og 35, Lyngby, De selvkørende Claus, 44, Bjerringbro, De velvillige Johannes, 20, Odense, De unge borgere Amina, 56, Kolding, De tøvende Verner, 71, Glamsbjerg De IT-fremmede Florian, 35, Odense, I Danmark for en periode Kilde: http://snitkergroup.com/wp-content/uploads/2012/06/borgerdk6personas2012.pdf
CLAUS, 44, BJERRINGBRO Claus er 44 år og bor på et nedlagt landbrug i en lille landsby uden for Bjerringbro. Her har han også har sit Her har han også har sit tømrerfirma.
FAMILIE OG ARBEJDE Claus var i mange år gift med Berit, men de blev skilt for et år siden. Sammen har de børnene Freja og Rasmus, som er hos Claus hver anden uge fra torsdag til mandag morgen. Claus bruger meget tid på sin virksomhed, hvor han har én fastansat medarbejder og indimellem flere løse. I fritiden er han fodboldtræner for miniputterne i den lokale fodboldklub. Freja og Rasmus spiller heldigvis begge på samme miniputhold. Selv om børnene er hos Berit de fleste hverdage er det Claus, der kører dem til træning. Claus kunne godt tænke sig en kæreste, så han har lagt en profil på et datingsite, men han har endnu ikke taget sig sammen til et møde.
HOLDNING TIL SELVBETJENING Claus bruger nettet til det meste og betjener gerne sig selv. Han vil helst betjene sig selv, men han har haft en dårlig oplevelse med selvbetjening og det har gjort ham bekymret for, om der opstår fejl. Så hvis der er risiko for, at noget kan gå galt, så vil han foretrække personlig kontakt. Ja, jeg bruger NemID, den bruger jeg, når jeg skal logge mig ind på netbank og når jeg skal logge mig på skoleportalen, og når jeg skal bruge borger.dk.
IT OG DEVICES Har NemID Har netbank Har e-boks, men bruger den sjældent Benytter skoleportalen/forældreintra Har en smartphone og har downloadet flere apps. Han læser sportsnyheder på telefonen Claus køber gerne ting online, men kun hvis han kender mærket i forvejen Jeg skulle flytte, og det gjorde jeg over nettet, men så tror jeg, at der skete en fejl. Det ville nok aldrig være sket, hvis jeg ikke have gjort det over nettet. Der sker aldrig den slags fejl ved personlig kontakt. Facebook 2 bærbare 3 stationære Har en lille hjemmeside til sin virksomhed, som han selv vedligeholder
MOTIVATION Claus vil rigtig gerne betjene sig selv, og han vil gerne have vished om, at han gør det rigtigt. Han synes, at sprogbrugen på de offentlige hjemmesider kan være meget indviklet. TILGÆNGELIGT Jamen, jeg er egentlig ikke så tit i kontakt med det offentlige! Det er faktisk kun SKAT og skole, og vist ellers aldrig. Claus kan have et handicap. Løsninger skal derfor udarbejdes, så de tager hensyn til særlige behov, og at brugerne kan anvende kompenserende hjælpemidler. Denne hensyntagen til nogle gruppers særlige behov kan bl.a. sikres via vejledningen for tilgængeligt webindhold (WCAG).
HUSK AT BRUGE DEM
SÆT PERSONAERNE I SPIL Personaerne kan bl.a. anvendes til: Beskrivelse af målgrupper (gerne flere) Beskrivelse af positiv oplevelse af produkt Beskrivelse af negativ oplevelse af produkt Det kan du bl.a. gøre ved hjælp af scenarier hvor du bl.a. kan arbejde med nuværende brugssituationer og arbejdsgange som kan belyse problemområder. Scenarierne skal beskrives som en fortælling over en persona i den situation der har med produktet at gøre. Scenarierne kan frem for alt synliggøre sammenhænge og forskelle, der måske er svære at få øje på i virkeligheden. Og de kan samtidig hjælpe til at sætte et koncept i spil og levendegøre det - stille det spørgsmål.
SCENARIER
SCENARIER
SCENARIER
PAUSE 10 minutter
JQUERY write less, do more
JQUERY Kort præsentation
FORSKELLIGE LAG Præsentation CSS3 Leverer information om, hvordan dokumentet skal se ud Beskriver strukturen i dokumentet Tilføjer interaktivitet, instant feedback og dynamik Struktur HTML5 Adfærd F.eks. JavaScript, jquery, Ajax Leverer indhold via database- Forespørgsler, beregninger osv. Dynamisk F.eks. PHP, mysql
JQUERY Document Object Model (DOM) Et Javascript-bibliotek med et utal af features, der kan bruges til at forbedre brugeroplevelsen Tilføjes som regel i <head> - eller lige inden </body> <script type="text/javascript" src="jquery- 1.10.2.js"></script> Kommandoer, der kalder på elementer, skriver funktioner og tilføjer adfærd (interaktivitet, feedback og dynamik). Forholdsvist nemt. Simpel syntaks. Afsindigt veldokumenteret!
JQUERY - BEGYNDELSEN $(document).ready(et eller andet); $() Kalder, at nu gælder det jquery document Melder, at vi arbejder i selve HTML-dokumentet.ready(); En funktion eller handling, der skal ske, når dokumentet er klart I parantesen er begivenheden/event, som sker, when ready Semikolon afslutter handlingen
JQUERY - BEGYNDELSEN $(document).ready(et eller andet); Det er i ready()-funktionen, at selve adfærden beskrives. Til det brugesfunction(){} som tilføjes ready-parantesen I function s parantes skrives HTML-elementet, man vil gøre til objekt. I tuborgklammerne skrives handlingen: $(document).ready(function(){ $( HTML-element ).handling(værdi); });
JQUERY - SYNTAKS 1. $(document).ready(function() { 2. $(thingtoclick).event(function() { 3. $(thingtoaffect).effect(); 4. }); 5. });
FUNKTIONER $() En slags handling Gør det i parantes til et jquery-objekt jquery kan kun påvirke elementer, der er gjort til objekter Eksempler: $("#header") $("h3") $("ul li") $("div#content.photo")
OG NU TIL NOGET HELT NYT OG NU TIL NOGET HELT NYT Demoer
JQUERY CORE jquery.com
JQUERY USER INTERFACE jqueryui.com
JQUERY FOR DESIGNERE webdesignerwall.com/demo/jquery
JQUERY ANIMATION TUTORIALS vandelaydesign.com/blog/web-development/jquery-animation-tutorials
JQUERY II JQUERY II Hvordan I kan bruge jquery
INSPIRATION http://blog.themeforest.net/screencasts/jquery-for-absolutebeginners-video-series/ http://learn.jquery.com/about-jquery/how-jquery-works/ Google Vær opmærksom på jquery-version i tutorials.
GRUPPEDANNELSE Deadline i morgen, fredag d. 25. oktober
BESØG EVT. HOLD 2 SENERE Hvis I mangler et eller flere gruppemedlemmer Hvis I mangler gruppe Hvis I mangler inspiration til case Hvor, hvad og hvornår? Auditorium 4 Case-præsentation: kl. 16 Gruppedannelse: kl. 18
INDIVIDUELLE ØVELSER INDIVIDUELLE ØVELSER Mulighed for at intensiveret hjælp i dag
TA S SAMLET I 4A56PC Hvis du mangler at få godkendt en eller flere øvelser Hvis du har lyst og kan undvære din gruppe Hvis du gerne vil have det afsluttet og i gang med projekt Deadline for godkendelse er d. 29. november, men: Rart at få det på plads, inden kurserne spidser til Spørgsmål?
MÅLGRUPPER Dagens gruppeøvelse er frivillig, men anbefales
AFRUNDING Individuelle øvelser: 4A56PC Gruppeøvelse: bit.ly/ddkp13_maalgrupper (eller via bloggen)