Delaflevering DWDK2_f2011-28. april Jonas Højriis jonh@itu.dk Oplæg til vejledning... 2 Generelt i forhold til projektet... 2 Problemfelt og problemformulering... 2 Metodisk tilgang... 3 Overvejelser om brugerinddragelse... 3 Valg af litteratur og andre kilder... 4 Projektorganisering... 4 Tilgængelige ressourcer... 4 Tidsplan... 4 Foreløbig disposition... 4 Første resultater og refleksioner... 4 Målgruppen... 4 USP/ESP... 4 Motiverende strategi... 4 Informationsarkitektur... 5 Foreløbig wireframes og roughboards... 5 Bilag 1 Vision... 6 Bilag 2 SWOT... 7 Bilag 3 Interessentanalyse... 8 Bilag 4 Garrett s model... 9 Bilag 5 Genreanalyse... 10 Bilag 6 Statistik telefonsystem... 11 Bilag 7 Statistik distributionssystem... 13 Bilag 8 Statistik UBD s hjemmeside... 14 Bilag 9 Spørgeskema målgruppe... 19 Bilag 10 Persona 1... 26 Bilag 11 Persona 2... 27 Bilag 12 Kravspecifikation... 28 Bilag 13 Kommunikationsplan... 31 Bilag 14 Sitemap... 33 Bilag 15 Litteraturhenvisninger/kildehenvisninger... 35 Bilag 16 Disposition... 37 Bilag 17 Projektorganisation... 38 Bilag 18 Tidsplan... 39 Bilag 19 Wireframe forside... 40 Bilag 20 Wireframe log-in... 41 Bilag 21 Wireframe log-in forside... 42 Bilag 22 Wireframe publikationskatalog... 43 Bilag 23 Wireframe publikation... 44 Bilag 24 Wireframe supplement... 45 Bilag 25 Wireframe afregning... 46
Oplæg til vejledning Lever min problemstilling op til kravene for kurset? Hvordan får jeg afgrænset projektet på en hensigtsmæssig måde? Er min disposition acceptabel? Hvordan får jeg bedst vist brugerinddragelsen og især usability-testene i min disposition? Hvordan får jeg bedst tilpasset antallet af bilag? Hvordan anvender jeg mine kilder bedst muligt? Hvordan forholder jeg mig til USP/ESP? Hvordan forvarer jeg kun at udvikle 2 mochups, en for forsiden og en for en underside, og i stedet fokusere på udviklingen af prototypen? Generelt i forhold til projektet Problemfelt og problemformulering Trykte medier som aviser, ugeblade og magasiner er under stigende pres, hvilket bl.a. analyser fra MediaWatch(2011) viser. Det er alment accepteret, at det faldende oplag dels skyldes nye teknologiske alternativer og dels de yngre generationers manglende tradition for læsning af sådanne medier. Endvidere har prisen for disse tryksager en væsentlig betydning, hvilket især er kommet til udtryk under den seneste finansielle krise. Udgiverne af aviser, ugeblade og magasiner forsøger konstant at tilrette deres forretningsmodel til markedet, således er der de senere år blevet introduceret flere og flere online services på udgivernes hjemmesider og tilhørende mobile applikationer. Udgiverne forsøger også at fastholde deres markedsandele ved en stigende grad af sammenhæng mellem bladene og de elektroniske medier, eksempelvis er SMS konkurrencer og koder, som giver adgang til elektroniske udgaver af udgivelsen blevet normalen. Udgiverne har de senere år konsekvent arbejdet på at opnå besparelser bl.a. gennem sammenlægningen af trykkerier og større krav til distributionspartnerne om billigere og bedre distribution af deres publikationer. I distributionsleddet, hvor jeg har arbejdet som IT udvikler de sidste 8 år, både indenfor avis-, magasin- og - ugeblads- distribution, har jeg selv oplevet, hvordan ændrede markedsforhold har medført nedskæringer i antallet af medarbejdere, besparelser, omstrukturering af arbejdsgangene og en større fokus på kvalitet. Ugebladsdistributionen I/S eller i daglig tale UBD, som jeg skriver dette projekt for, er ansvarlige for distributionen af ugeblade og magasiner for Aller Medier og Egmont Magasiner. UBD er ikke væsentligt anderledes stillet end andre distributionsvirksomheder i branchen, hvad enten det er i Danmark eller Norden i øvrigt. Disse virksomheder er bl.a. kendetegnet ved en ejerkreds bestående konkurrerende udgivere, hvilket indebærer en politisk udfordring i relation til beslutningstagning og dermed evnen til omskiftning. UBD håndterer de stigende krav om kvalitets- og omkostnings- bevidsthed ved at fokusere på optimering - og IT understøttelse af forretningsprocesserne. Som del af optimeringen har UBD siden 2005 haft en hjemmeside, hvor de forhandlere, som UBD betjener, kan sende mails med leveringsrettelser og supplementsbestillinger. Endvidere har forhandlerne mulighed for at se vigtige informationer, som eks. udsolgte publikationer, hvilke publikationer, der er til salg og hvornår UBD henter returen. Således forventede UBD, at deres forhandlerservice kunne fokusere ressourcerne på de virkelige komplicerede opkald og samtidigt 2
iværksætte flere kvalitetssikrende aktiviteter, men hjemmesiden til trods føler UBD s forhandlerservice stadig, at de får mange opkald fra forhandlerne. Problemstilling: Hvorledes udvikles et forhandler-websitet, som kan motivere forhandlerne til at anvende websitet og ikke ringe, faxe eller maile til UBD s forhandlerservice? For at besvare denne problemstilling ser jeg det umiddelbart nødvendigt at undersøge nedenstående spørgsmål: - Hvem er målgruppen og hvad er deres behov? - Hvilke funktioner og budskaber ønsker UBD at udstille? - Hvordan håndteres løbende brugerinddragelse i processen? - Kan Garretts model til design af webløsninger bruges som metode? Da jeg arbejder alene på projektet, har jeg valgt at afgrænse opgaven til ikke at beskæftige sig med udfordringerne ved at bygge et dynamisk website. Som det fremgår i kravspecifikationen (se bilag 12) antager jeg, at løsningen i produktionsmiljøet vil bygge på en Oracle database tilknyttet en Apache webserver med et mod_plsql plug-in. Af samme årsag vil jeg også afgrænse projektet til kun at implementere 5 udvalgte skærmbilleder. Jeg mener dog, at projektet alligevel vil belyse de nødvendige problemstillinger i forbindelse med udviklingen af et forhandler-website for UBD. Metodisk tilgang Jeg har valgte at tage udgangspunkt i Jesse James Garrett s model(se bilag 4) til brugercentreret design af webløsninger og min rapport vil afspejle denne 5 lags model. Årsagen til jeg har valgte Garretts model er, at den er nem at forholde sig til, når man som jeg, har arbejdet med systemudviklingsmodellerne Unified Process og Scrum. Endvidere er modellen meget brugbar i forhold til at bestemme, hvornår enkelte delleverancer i processen bør udvikles. Garretts model minder umiddelbart meget om en vandfaldsmodel, hvilket jeg vil forsøge at imødegå dels gennem megen brugerdeltagelse, således at tilbageløbene minimeres, og dels ved fra skelet laget at udvælge få men vigtige dele af løsningen, som herefter udvikles hele vejen igennem til sidste lag inden næste udvælgelse besluttes. Jeg mener, at disse tiltag vil gøre anvendelsen af modellen mere i tråd med en iterativ model. Garrett s model omtaler undervejs gennem de 5 lag forskellige delleverancer, som bør udarbejdes. Garrett s anbefalinger stemmer godt overens med mine tidligere erfaringer med systemudvikling og de delleverancer jeg har lært om på dette kursus, hvorfor jeg synes modellen passer godt til projektet. Jeg har tilføjet flere delleverancer hvor jeg har fundet dem anvendelige eks. interessentog genre- analysen. Jeg har præsenteret min metodiske tilgang for UBD og de opfattede modellen som logisk og intuitiv forståelig. Ved hvert møde hos UBD har jeg taget modellen op og forklaret hvor i modellen projektet er på nuværende tidspunkt, hvilket har medført gode tilbagemeldinger. Overvejelser om brugerinddragelse Jeg har valgt at inddrage brugerne så meget som muligt, men især ved overgangen fra et lag til et andet i Garrett s model vil jeg gennemfører forskellige usability-test ud fra Gregersen & Wisler- Poulsen s bog. 3
Valg af litteratur og andre kilder Se bilag 15 om kildehenvisninger. Projektorganisering Se bilag 17 om projektorganisation. Tilgængelige ressourcer Mig selv og min PC med tekstbehandlingsprogram og Photoshop. UBD s direktør og 3 ledere deltager i beslutningsmøder og brugertest. 2 kollegaer deltager i brugertest. Tidsplan Se bilag 18 om tidsplan. Foreløbig disposition Min disposition skal dels afspejle kravene til en akademisk rapport og dels Garrett s model. Se i øvrigt bilag 16 om disposition. Første resultater og refleksioner Målgruppen Målgruppeanalysen(se https://spreadsheets.google.com/spreadsheet/viewform?formkey=dexfwlvqblhplxveevn6exhy YS1BTWc6MQ) er gennemført efter udarbejdelsen af UBD s vision for forhandler-sitet(se bilag 1), interessent(se bilag 3)- og SWOT- analyserne(se bilag 2). Målgruppen er forhandlere af UBD s ejeres publikationer. Efter aftale med UBD har jeg indsamlet data om målgruppen ud fra 4 forskellige kilder: Data fra forhandlerservices telefonsystem(se bilag 6), data fra UBD s distributionssystem(se bilag 7), statistik fra nuværende hjemmeside(se bilag 8), samt spørgeskemaundersøgelse(se bilag 9) udsendt til 284 forhandlere, hvoraf 40 har svaret. Efterfølgende har jeg på baggrund af målgruppeanalysen udarbejdet 2 persona(se bilag 10 og 11), som jeg præsenterede for UBD sammen med resultaterne fra analyserne. De 2 persona er blevet brugt i forbindelse med udvikling af site-map(se bilag 14) og wireframes(se bilag 19-25). Målgruppeanalysen er også blevet anvendt som udgangspunkt for udarbejdelsen af kravspecifikationen(se bilag 12) og kommunikationsplanen(se bilag 13). Jeg vil inddrage teori omkring målgruppeanalyse, persona, kravspecifikation og kommunikationsplan ud fra kursets kompendium. USP/ESP UBD har monopol på distribution af ejernes ugeblade og magasiner, og dermed har UBD et unikt produkt i markedet. UBD ønsker at fokusere på optimering og kvalitet. Med dette som udgangspunkt mener jeg UBD bør afspejle USP i løsningen. Jeg mener ikke umiddelbart ESP eller ISP er relevant i forhold til projektet. Motiverende strategi Jeg vil anvende uddrag af Jens H. Hansens bog omkring motiverende design. Jeg mener motivationen til at bruge det nye forhandler-website primært bør understøttes gennem fokus på målgruppens funktionelle behov(strategi 1, 4 og 7), men behov for relevans(strategi 2, 5 og 8) er 4
også relevante og vil blive adresseret i løsningen. I forhold til de emotionelle behov vil jeg tænke over strategi 3 og 6, og sammen med min genreanalyse(se bilag 5), vil dette afspejles i designet. Strategi 9 skab en god historie vil jeg sandsynligvis flette ind i forhandler-websites forside. Informationsarkitektur Jeg har gennemført en kortsortering (Gregersen & Wisler-Poulsen) med det formål at få kategoriseret de forskellige begreber og deres sammenhænge på baggrund af de funktionelle og indholdsmæssige krav fra kravspecifikationen. Resultatet blev et foreløbig site-map udarbejdet af deltagerne. Med udgangspunkt i site-mappet og Garrett s model tænkte jeg efterfølgende over konceptmodeller, arkitektoniske tilgangsvinkler og organiseringsprincipper, hvorefter jeg tilrettede site-mappet og derefter interviewede andre ansatte i UBD for at få deres holdning til mit løsningsforslag. Efter yderligere tilretninger præsenterede jeg site-mappet for UBD s beslutningstagere, som godkendte løsningen. Navigationen bliver simpel indeholdende en hovednavigation med 3 punkter øverst og en sekundær navigation i venstre side indeholdende 7 punkter, når brugeren først er logget ind. Jeg vil underbygge valget ud fra Web Style Guides beskrivelse af hvor brugere forventer at finde bestemte sideelementer. Mine wireframes er udvalgt, således at jeg kan demonstrere væsentlige udfordringer i forbindelse med håndtering af informationsarkitekturen; forside, vigtige meddelelser, det personlige login, indkøbs-kurven, publikationskataloget og afregnings-kontoen. Der er også andre interessante udfordringer eks. brugeradministration og meddelelser mellem UBD og forhandler, men jeg mener at have valgt de vigtigste i forhold til proof-of-concept overfor UBD. Foreløbig wireframes og roughboards Jeg har udarbejdet wireframes(se bilag 19-25) for forsiden, log-in siden, log-in forsiden, supplementsbestillings siderne, publikationskataloget, samt en af afregningssiderne. Pga. tidsnød har jeg ikke udarbejdet wireframes for alle sites sider. Jeg har ikke udarbejdet et roughboard, da alle deltagere i projektet har 9-25 års erfaring inden for virksomheden og kender alt til forhandlerne verdensbillede, hvorfor dette er en delleverance jeg har valgt at skære væk. Mine udarbejdede wireframes er testet ved hjælp af brugerinterview/gangstertest. Jeg har haft fokus på afprøvning af informationsarkitekturen gennem spørgsmål omkring navigation, indhold og interaktion. Jeg vil anvende Gregersen & Wisler-Poulsen til at understøtte hvorledes disse test kan gennemføres. Det viser sig, at de fleste sider vil kræve tabel- og eller forms elementer, hvorfor jeg vælger at prioritere tiden fremover på prototypen og ikke på udarbejdelsen af en mochup for hver eneste wireframe. Jeg mener, at være i position til at kunne udarbejde de nødvendige mochups ud fra mine nuværende wireframes. Jeg forventer at udarbejde 2 mochups, en for forsiden og en for log-in-forsiden, således at både primær og sekundær navigation kan præsenteres for beslutningstagerne. 5
Bilag 1 Vision Forretningsmulighed: Redesign af UBD s hjemmeside, således at flere forhandlere vælger at betjene sig selv. Problem: UBD har et stort ressourcetræk på forhandlerservice og UBF i forbindelse med telefonopkald og manuelle indtastninger af e-mail bestillinger fra forhandlerne. Problemet involverer: - Forhandlerservice, som oplever kort tid til samtale ved hver henvendelse. Manuelle indtastninger af bestillinger er tidskrævende og åbner muligheden for personlige fejl. Manglende integration til lagersystem bevirker, at bestillinger nogle gange må annulleres. - UBF, som kan mindske antallet af henvendelser, hvis forhandlerne kan betjene sig selv. - Supplementsafdelingen, som modtager supplementsbestillinger på publikationer, der ikke længere er til stede på lagret. - Forhandlerne, der risikerer ventetid ved telefonisk henvendelse og e-mail bestillinger. Endvidere vil bestillinger, som ikke efterfølgende kan effektueres medføre et dårligt indtryk af UBD og i værste fald fravælgelse af ejernes publikationer. - Ejerne, som mærker problemerne med forhandlerne. Ønsker UBD leverer distribution kendetegnet af kvalitet og effektivitet. En tilfredsstillende løsning vil adresserer nedenstående forretningsmål: - Færre henvendelser til forhandlerservice/ubf, herunder minimerer print. - Minimere manuelle forretningsgange mellem forhandlerservice og supplementsafdelingen. - Forbedre UBD s brand. Overordnet formål med projektet: Skabe et forhandler-site, som understøtter forhandlere, der ønsker selvbetjening. Markedet: UBD har i godt ry i markedet. Dette ønskes fastholdt og om muligt forbedret. Forhandler-sitet skal hjælpe til at understøtte virksomhedens operationelle strategi, der fokuserer på proceseffektivitet og IT understøttelse. 6
Bilag 2 SWOT Styrker 45 års erfaring Stor anerkendelse og troværdighed Monopol på ejeres publikationer Økonomisk sikret Tæt kontakt til vognmænd Engagement Udbredt IT understøttelse Hurtige beslutninger Gode kontakter Cost-effective services Svagheder Politisk styret Fast defineret forpligtelser Manglende konkurrence Lidt kendskab til forhandlerne Manglende strategi Manglende proces-dokumentation og afhængighed af helte-indsatser Teknologisk tilbagestående Manglende markedsføring Manglende adgang til flere forhandler-kæder Muligheder Nye markeder. Nye publikationer. Nye teknologiske muligheder. Konkurrence forsvinder. Adgang til flere forhandler-kæder. Trusler Omorganisering af opgaver. Splitning af organisationen. Øget konkurrence. Faldende salgstal. Faldende forhandler-masse. Voksende krav fra forhandlerne. Ny teknologi. 7
Bilag 3 Interessentanalyse Forhandlerservice UBF Supplementslager Forhandler Ejer IT 4 medarbejdere heraf en mellemleder. 5 medarbejdere heraf en mellemleder. 2 ejere med hver deres publikationer. Bruger meget tid på services, som også findes på hjemmesiden, hvilket forventes at ændre sig. Anvender telefonsystem, bygget i Oracle Forms, hvilket der skal integreres med. Bliver muligvis ansvarlige for vedligeholdelse af dele af forhandlersitet. Ekspert i telefonsystemet. Interesseret i at forhandler sitet bliver nemt at vedligeholde. Deltager i kravspecificering og brugertest. 3 medarbejde re heraf en mellemlede r. Arbejder med egenudvikl et Oracle ERP løsning, som forhandlersitet skal integrerer med. Bliver muligvis ansvarlig for vedligehol delse af dele af forhandlersitet. Ekspert i afregning af forhandlere. Interesseret i at forhandlersitet bliver vedligehol delses - venligt. Modtager supplementsbestillinger fra forhandler-service, hvoraf nogle publikationer ikke længere er til stede på lagret. Anvender standard økonomi-system og egen udviklet Oracle Forms løsning til håndtering af bestillinger og lager. Interesseret i at forhandler-sitet kun tillader bestilling af publikationer, som er på lager. Behov afdækkes gennem målgruppeanalyse. Interesseret i anvendelsen af forhandlersitet. Forskelligartet ekspertise i håndtering af computere og Internettet. Interesseret i en brugervenlig løsning. Deltager i målgruppeanalyse. Ansvarlig for betalingen af projektet. Vil overvågeproje ktets fremdrift. Interesseret i at UBD leverer kvalitet og effektivitet i distributionsle ddet. Bliver ansvarlig for forhandlersitets løsning, vedligeholdelse og integration til andre systemer. Interesseret i en løsning, som er administrativ- og vedligeholdelses mæssig simpel. Deltager i hele processen. 8
Bilag 4 Garrett s model 9
Bilag 5 Genreanalyse Genreanalysen er udarbejdet ud fra nedenstående sitets, som alle tilhører virksomheder indenfor bladdistributionsbranchen: www.ubd.dk www.bladcentralen.no www.tidsam.se www.bladkompagniet.dk Sitet taler til fænomener indenfor bladdistribution. Interessenter og handlemønstre indenfor branchen fremtræder klart. Sitet viser hvem der taler gennem brug af korte og klarer tekster. Identificering skabes gennem brug af logo og billeder fra branchen. Simple og konsistent navigering og struktur, samt forventningsindfriende og informativt indhold medfører et image skabende og image vedligeholdende indtryk. Sitet forsøger at appellere til brugerne gennem brug af troværdighed, klarhed og inddragelse af brugerne. Brugerne vil sandsynligvis opleve sammenhæng mellem image og faktisk fremtræden. Sitet vil motivere brugerne ved at afspejle autoritet, velvilje og funktionelle muligheder. Sitet vil overtale forhandlerne gennem etablering af sikkerhed - log ind. Forsiden er informativ og sætter brugerne ind i en klar bladdistributions kontekst. Forsiden indeholder ikke multimedia, men i stedet logo og billeder fra virksomheden og branchen. Den globale navigation er simpel med under 7 punkter og vises konsistent fra side til side. Hovedsektioner har overvejende konsistent lokal navigation. Sitet er intuitivt organiseret og let at forstå. Labels på sektionshoveder og indholdsgrupperingen er let forståelig. Links er genkendeligt adskilte, men generelt ikke informative eks. Læs mere og Klik her. Links er for det meste samlet og grupperet i siderne og ikke spredt ud i dokumenterne. Hvor søgning er mulig er søgemaskinen let at anvende og kun basale søgefunktioner er mulige. Søgeresultaterne er overskueligt organiseret og lette at forstå. En enkelt søgemaskine vægter relevans og kontekst og påminder endvidere om søgekriteriet. Fonte er letlæselige og teksterne er holdt korte. Siderne er forholdsvise lette at scanne og der er ikke store blokke af tekst. Siderne har skiftene load hastighed dog generelt hurtige. Indholdet har både dybde og brede. Organisationens mission og brugernes umiddelbare behov matcher. Sitet har egenudviklet indhold. 10
Bilag 6 Statistik telefonsystem 11
12
Bilag 7 Statistik distributionssystem 13
Bilag 8 Statistik UBD s hjemmeside 14
15
16
17
18
Bilag 9 Spørgeskema målgruppe 19
20
21
22
23
24
25
Bilag 10 Persona 1 John Primær persona. Jeg har ikke tid til at lede efter information. Jeg vil have hurtige svar John er 39 år og fra København Nordvest, hvor han ejer en kiosk. John s kone arbejder også i kiosken. John har over 3 års erfaring med UBD. Han bruger hjemmesiden i flere sammenhænge bl.a. i forbindelse med leveringsrettelser, supplementsbestilling, salgsdage og hjemkaldelser. John ringer til UBD, hvis han skal reklamere over en levering. John vil gerne spare tid ved telefonen og selv få mulighed for at oprette en reklamation på hjemmesiden. Endvidere ønsker John at kunne se UBD s op og nedskrivninger. For John er det afgørende, at hjemmesiden er troværdighed og skaber fundamentet for hurtige resultater. Teknisk profil: Hver dag medbringer John sin laptop til kiosken. Denne har installeret Windows 7 og Firefox. Skærmen har en opløsning på 1024*768. John er nettet flere gange om dagen både på sin bærbare og på hans Smartphone. Andre teknologier: E-mail, telefon, Smartphone og Ipad. Andre hjemmesider: Bladkompagniet.dk 26
Bilag 11 Persona 2 Jane Sekundær persona. Jeg bruger tid på fordybelse. Jeg vil have detaljer Jane er 45 år og leder en Shell benzinstation med 7 ansatte i Århus. Hun har 7 måneders erfaring med UBD, men har aldrig besøgt hjemmesiden. Jane ringer kun til UBD, hvis der er uoverensstemmelse med returafregningen. Jane ser fornuft i at anvende UBD s hjemmeside, når det bliver muligt at afstemme afregninger hen over tid. Det er vigtigt for Jane, at hjemmesiden giver overblik og den samtidig er nem at bruge. Jane kontrollerer typisk afregninger sammen med 1. manden på benzinstationen hver 14. dag. Teknisk profil: I forretningen findes en stationær PC med Windows 7 og Internet Explorer, samt tilhørende skærm med opløsning 1024*768. Jane er gennemsnitlig på nettet en gang om dagen. Andre teknologier: E-mail og telefon. Andre hjemmesider: Ingen. 27
Funktionelle krav: 1) Log-in (prioritet 1 = must have) 2) Leveringsrettelser (1) 3) Bestilling af supplement (1) 4) Bestilling af returposer (2) 5) Søgning publikationskatalog (1) 6) Download publikationskatalog (1) 7) Download publikations stregkode (1) 8) Registrering af reklamation (1) 9) Angive ferielukning (3) 10) Se UBD s op - og nedskrivninger (3) Bilag 12 Kravspecifikation 11) Se udsolgte, udgåede og nye publikationer (3) 12) Se leverings- og returafhentnings- forsinkelser (1) 13) Se UBF afregning (1) 14) Simulerer kreditering ved angivelse af estimeret retur (3) 15) Historik over leveringsrettelser, supplementsbestilling, retur, afregning (3) 16) Historik over henvendelser til forhandlerservice (3) 17) FAQ inkl. e-learning i returbehandling (2) 18) Se UBD s profil (1) 19) Se UBD kontaktinformation inkl. Åbningstider (1) 20) Links til ejere (1) 21) Guide til nye forhandlere (1) 22) Print af publikationers leveringsdage og salgsdage, samt hjemkaldelse, labels og følgesedler (1) 23) Administration af brugere (1) 28
24) Administration af publikationskatalog (1) Indhold: Der skal i denne version af løsningen ikke udarbejdes lyd, animation eller video. Brug af billeder skal overvejes i forhold til sidernes download tid. Ikoner skal kunne opfattes hurtigt og entydigt. Brugergrænsefladen skal gøre brug af UBD s logo og tilhørende rød og grå farve. Typografien skal afspejle seriøsitet og kompetence. Navigationen skal holdes gennemsigtig og simpel med et side-hierarki på maksimalt 4 niveauer. Horisontal scrolling skal undgås. Tekstinput skal minimeres. Side layoutet skal stemme overens med brugernes forventninger indenfor genren. Sprog og labels skal være kortfattet og relateret til fænomener fra branchen. Løsningen skal skabe en stemning af relevans og struktureret funktionalitet. Usability: Løsningen skal bestå en brugertest, hvor funktionalitet, design og tilfredshed skal godkendes. Pålidelighed: Løsningen skal være tilgængelig for brugerne 98 % af tiden. De resterende 2 % forbeholdes vedligeholdelse og opgraderinger. Forventet Mean Time To Repair (MTTR) er 2 timer. Præcision i relation til output skal være 100 %. Ingen signifikante eller kritiske bugs - og defekter, der kan medfører data tab eller funktionalitet, som ikke kan anvendes. Performance: Svartiden for transaktioner skal i gennemsnit være 2 sekunder og må ikke overstige 5 sekunder. Systemet skal understøtte en kapacitet på 100 samtidige brugere. Vedligeholdelse: Løsningen skal overholde kodestandarder og navnekonventioner i relation til valgte programmeringssprog. Løsningen skal kunne validere i forhold til CSS og XHTML. Der skal være adgang til funktionalitet, som kan bruges til vedligeholde løsningen. Design begrænsninger: Løsningen skal kodes ved hjælp af PL/SQL, JavaScript, XHTML og CSS. Output til print skal leveres i PDF format. Ingen krav til udviklingsværktøjer og systemudviklingsproces, men disse valg skal dokumenteres. OS er Windows, databasen Oracle 9 og webserveren Apache med mod_plsql komponent. Løsningen skal kunne bruges af browserne IE7 og Firefox med en skærmopløsning på 1024*768. Online brugerdokumentation og hjælpesystem: Ingen bemærkninger. 29
Grænseflader: Løsningen skal integrerer til eksisterende systemer, herunder reklamations-, retur-, afregnings-, lager- og vognmands- systemerne på Oracle databasen. Endvidere kræves forbindelse til brugeradministrationssystemet. Der skal udarbejdes brugergrænseflader i XHTML og CSS til at understøtte funktionerne beskrevet i dette dokument. Licens krav: Oracle licensen skal kunne understøtte 3.000 samtidige brugere. Copyright: Alle brugergrænseflader skal klart vise copyright mærke. Standarder: SQL92, HTML 4 og CSS 2. 30
Bilag 13 Kommunikationsplan Harold Lasswells berømte formel omkring analyse af kommunikation fra 1948: Nogen, siger noget, på en vis måde, til nogen, med en vis effekt. Mål: Forhandler-sitet skal bygge på UBD s strategi om effektive arbejdsgange understøttet af IT. Formålet med sitet er at give forhandlerne mulighed for selvbetjening og derved mindske antallet af henvendelser til forhandlerservice. Samtidigt forventes forbedring af datakvaliteten til afhængige systemer. Gevindsten for forhandlerne bliver større uafhængighed af forhandlerservice og muligheden for en mere skræddersyet og realtids oplevelse af UBD s services. Motivation: Efter forhandlerne har besøgt sitet skal de have en større viden om UBD og udbuddet af selvbetjenings services på sitet. Brugen af forhandler-sitet skal medføre, at UBD fremstår som en troværdig og værdi skabende leverandør. Forhandlerne skal anvende sitet i stedet for at kontakte forhandlerservice direkte. Besked: UBD s forhandlerne skal hurtigt og nemt kunne betjene sig selv på forhandler-sitet. Afsender: UBD har 45 års erfaring i ugebladsdistribution. UBD har et godt ry i markedet og virksomheden opfattes af forhandlerne som værende troværdige og hjælpsomme. UBD vil gerne fastholde forhandlernes indtryk af forretningen og samtidigt videreudvikle sit image i relation til åbenhed og personlig betjening. Modtager: Målgruppeanalyse har vist, at forhandlerne er demografisk spredt, både i forhold til køn, alder og by/land, men også i relation til antal medarbejdere og ejerforhold. Teknologisk set er forhandlerne vel bekendte med brugen af nettet og mange har adgang til den nuværende hjemmeside fra deres forretning. Kendetegnet for målgruppen er ønsket om simpel, hurtig, tilgængelig og tilstrækkelig information til tiden. Scenarie: Forhandler-sitet skal stille funktionalitet til rådighed, som gør forhandlerne i stand til hurtigt og intuitivt at kunne gennemføre leveringsrettelser, supplementsbestillinger, reklamationsoprettelser, estimere og afstemme returafregninger, samt gennemse publikationskataloget, herunder finde stregkoder, salgs- og hjemkaldelses- tider og udskrive disse. Endvidere skal forhandlerne gøres opmærksom på udsolgte publikationer, leveringsforsinkelser, samt UBD s op - og nedskrivninger. Kontekst: Internettet er meget brugt af forhandlerne. En typisk brugssituation vil være alene i forretningen. Ved levering modtager forhandlerne materiale fra UBD med mange af de samme informationer, som forhandler-sitet vil præsenterer. Nogle forhandlere kender allerede til en lignende løsning indenfor avisdistribution. 31
Media elementer: Der skal i denne version af løsningen ikke udarbejdes lyd, animation eller video. Brug af billeder skal overvejes i forhold til sidernes download tid. Typografien skal afspejle seriøsitet og kompetence. Tekstinput skal minimeres. 32
Bilag 14 Sitemap Forside: Kort præsentation af UBD. Vigtige meddelelser gældende for alle udgivere, vognmænd og forhandlere. Motivere besøgende til at oprette sig bruger. Teasere til siderne Ny forhandler og Kontakt os. Ny forhandler: Velkomst og kort forklaring af UBD, UBF og BFN rollerne. Link til BFN. Download af UBD manual. Mulighed for e-learning i f.eks. returbehandling. Om os: Historien om UBD, herunder ejere, vision, strategi, services og interessante statiske informationer m.m. Kontakt os: Åbningstider for både forhandlerservice, UBF og BFN. Telefonnumre, fax og e-mail adresser. Kort præsentation af medarbejderne ved telefonerne, måske endda foto. Log-in: Log-in siden giver brugeren mulighed for at logge på eller hvis der er tale om en ny bruger at registrere sig. Log-in-forside: Log-in forsiden viser vigtigste meddelelser specifikt for denne forhandler, herunder informationer om uregelmæssigheder som eks. delleveringer eller forsinkelser. Forhandlerens 33
oplysninger vises, samt seneste leveringsrettelser, supplementsbestillinger, reklamationer, afregninger og evt. ferielukninger. Leveringsrettelse: Direkte adgang til oprettelse af en leveringsrettelse. Kan tilgå publikationskataloget herfra. Udgangspunkt for aktiviteter i forbindelse med leveringsrettelser. Supplementsbestilling: Direkte adgang til oprettelse af en supplementsbestilling. Kan tilgå publikationskataloget herfra. Udgangspunkt for aktiviteter i forbindelse med supplementsbestillinger. Reklamation: Direkte adgang til oprettelse af en reklamation. Udgangspunkt for aktiviteter i forbindelse med reklamationer. Mine dokumenter: Udgangspunkt for håndtering af dokumenter, som er specifikke i forhold til den enkelte forhandler. Publikationskatalog: Søgning af publikationer ud fra forskellige søgekriterier. Mulighed for download eller print af fremsøgte publikationer. Ferielukning/Ophør: Viser liste over tidligere indtastede lukninger. Mulighed for tilføjelse eller annullering af en endnu ikke effektueret lukning. Mulighed at se en enkelt lukning i detaljer. Bruger adm.: Forhandleren har mulighed for at skifte kodeord, tlf.nr., mail. Forhandlere får mulighed for at tilknytte betroede medarbejdere til sin profil. Disse betroede medarbejdere kan tildeles tlf.nr., mail og kodeord. Betroede medarbejdere har ikke adgang til forretningskritiske sider omkring afregning, ferie/ophør og brugeradministration. 34
Bilag 15 Litteraturhenvisninger/kildehenvisninger Garrett, Jesse J. (2003): The Elements of User Experience, New York, USA: New Riders. Cooper, A. et al. (2007): About Face 3 - The Essentials of Interaction Design, Indianapolis, USA: Wiley Publishing, kap. 5. Brown, Daniel M. (2007): Communicating Design Developing Web Site Documentation for Design and Planning, California, USA: New Riders, kap. 10. Fogg, B. J. (2003): Computers as Persuasive Tools, Persuasive Technology Using Computers to Change What We Think and Do, Morgan Kaufmann Publishers. Gregersen, Ole & Wisler-Poulsen, Ian (2009): Usability - Testmetoder til mere brugervenlige websites på internettet, København, DK: Grafisk Litteratur. Hansen, Jens H. (2005): Motiverende design Sådan ændrer du brugernes adfærd på hjemmesiden, Frederiksberg, DK: Frydenlund, s. 12-26. Jacobsen, Jan Krag (1997): 25 spørgsmål en moderne retorik til planlægning af kommunikation, Frederiksberg, DK: Roskilde Universitetsforlag, s. 16-22. Jensen, U. et al. (2001): Skrivgodt.dk Sådan skriver du gode tekster til internettet, Frederiksberg, DK: Frydenlund, kap. 6. Krug, Steve (2006): Don t Make Me Think! A Common Sense Approach to Web Usability, Indianapolis, USA: New Riders, s. 130-160. Rasmussen, Christian V. & Fisher, Louise H. (2008): Målgruppeanalyse Lær din målgruppe at kende, Valby, DK: Nyt Teknisk Forlag, s. 47-69. Sharp, H., Rogers, Y. & Preece, J. (2007): Interaction Design Beyond Human-Computer Interaction, USA: John Wiley & Sons, s. 412-465. Saffer, D. (2010): Designing for Interaction, California, USA: New Riders. Robbins, J. N. (2007): Learning Web Design, Sebastopol, USA: O Reilly Media. Lynch, P.J. & Horton, S. (2008): [online] Web Style Guide Basic Design Principles for Creating Web Sites, USA: Yale University. Kommunikation/it (2006): [online] http://kommunikationogit.systime.dk/tillaereren/kampagner/den-kreative-fase/budskabet.html, tilgået 19/4 2011 MediaWatch: [online] http://mediawatch.dk/content/oplag-ugebladenes-vaekstfald-februar-2011, tilgået 20/4 2011 35
MediaWatch: [online] http://mediawatch.dk/content/oplag-vaekstfald-egmont-magasiner-2-halvaar- 2010, tilgået 20/4 2011 MediaWatch: [online] http://mediawatch.dk/content/oplag-vaekstfald-aller-magasiner-2-halvaar- 2010, tilgået 20/4 2011 Tidsam: [online] http://www.tidsam.se/, tilgået 21/4 2011 Bladcentralen: [online] http://portal.bladcentralen.no/portal/page/portal/www.bladcentralen.no/startside, tilgået 21/4 2011 Bladkompagniet: [online] http://www.bladkompagniet.dk/, tilgået 21/4 2011 UBD: [online] http://www.ubd.dk/hovedside.asp, tilgået 21/4 2011 Danske Bank: [online] http://www.danskebank.dk/da-dk/pages/default.aspx, tilgået 21/4 2011 DHL: [online] http://www.dhl.dk/da.html, tilgået 21/4 2011 Post Danmark: [online] http://www.postdanmark.dk/index.jsp, tilgået 21/4 2011 Bring: [online] http://www.bring.dk/hele+bring/forside, tilgået 21/4 2011 UPS: [online] http://www.ups.com/content/dk/da/index.jsx?wt.mc_id=tmp_denmark_16959&wt.srch=1, tilgået 21/4 2011 Aller: [online] http://www.aller.dk/, tilgået 21/4 2011 Egmont Magasiner: [online] http://www.egmont-magasiner.dk/, tilgået 21/4 2011 DR: [online] http://www.dr.dk/, tilgået 21/4 2011 36
Forside Indholdsfortegnelse Resumé Indledning Problemfelt/Baggrund Problemformulering Metode/Tilgang Definitioner Afgrænsning Strategi Mål Brugerbehov Rammer Funktionsspecifikation Indholdskrav Struktur Interaktionsdesign Informationsarkitektur Skelet Interface design Navigationsdesign Informationsdesign Grænseflade Visuel design Diskussion Konklusion Perspektivering Litteraturliste Bilagsliste Bilag 16 Disposition 37
Bilag 17 Projektorganisation Project Board (PRINCE2) Executive Søren Senior Supplier Heine Senior User Henrik Project Manager Jonas 38
Bilag 18 Tidsplan 39
Bilag 19 Wireframe forside 40
Bilag 20 Wireframe log-in 41
Bilag 21 Wireframe log-in forside 42
Bilag 22 Wireframe publikationskatalog 43
Bilag 23 Wireframe publikation 44
Bilag 24 Wireframe supplement 45
Bilag 25 Wireframe afregning 46