Brettspillstudentene. Bakgrunn. Hopelessly devoted to fun. INF5272. Våren Gruppe 8

Transkript

1 Brettspillstudentene Hopelessly devoted to fun Bakgrunn Nettstedet vårt er et interessested for brettspillentusiaster. Primærmålgruppen er Oslo studenter i alle aldre, som interesserer seg for eller ønsker å lære mer om brettspill. Sekundærmålgruppen er andre brettspillentusiaster, eller mennesker som ønsker å bruke nettsiden som et oppslagsverk for brettspill. De brukertypene vi antar vil være vanligst er lurkers, bidragsytere og moderatorer, i den rekkefølgen. Vi antar at det ikke vil være mange profesjonelle som bidrar, da nettstedet ikke har et kommersiellt motiv. Nettstedet har informasjonsarkitektur egnet for å gi god oversikt over ulike brettspill, mulighet til å gi vurdering, lese anmeldelser av brettspill, og diskutere om brettspill i forum. Nettstedet er brukerdrevet ved at registrerte brukere kan legge inn nye brettspill og anmeldelser. Vi ønsker en vennlig og lekende atmosphere for brukerne der de blir oppfordret til å delta aktivt å bidra med informasjon om sine favorittspill. Dette dokumentet beskriver og illustrerer designet og funksjonaliteten til Brettspillstudentenes nettsted, ved hjelp av wireframes, innholdstyper og bruksmønstre (use case). 1

2 Blokkregioner Nettstedets blokkregioner er illustrert i bildet nedenfor. Her vises hvilke blokker som tilhører de forskjellige blokkregionene: 2

3 Wireframes & Innholdstyper Forside Nettstedet har et konsistent design. På alle sidene av nettstedet har vi plassert den globale navigasjonsmenyen med følgende menyvalg; Home, Games, Reviews, Events og Forum, i tillegg til User Profile og den interne søketjenesten. I tillegg er sidefoten med informasjon om brettspillstudentene, vilkår for bruk og personvernerklæring, alltid tilstede på alle sidene. Vi har brukt Bootstrap theme i Drupal, blant annet for å få et responsivt design, som betyr at siden tilpasser seg ulike skjermer/vindusstørrelser automatisk. På nettstedets forside ligger det en karusell med bilder og tekst. Denne viser nyheter som kommende arrangementer eller nye brettspill. Under denne har vi plassert topp 10 brettspill og de fem siste postene i forumet. Alle bilder har <alt> tags som beskriver bildene. Dette er gjort fordi vi ønsker at bildene skal være tilgjengelig for alle (universelt tilgjengelig), også de som har nedsatt synsevne. Dersom brukeren ikke kan se bildene, kan vedkommende likevel bruke <alt> taggen for å lese innholdet med skjermleser. 3

4 Slideshow Innholdstype Slideshow har som hensikt å promotere nye spill eller kommende arrangementer på forsiden. For å legge til innhold i karusellen på forsiden må brukeren (admin) legge inn bilde og tekst av typen slideshow. Events Overview På denne siden får brukeren oversikt over kommende arrangementer. 4

5 Events overview Innholdstype Arrangementsiden har få elementer på siden, og skal være oversiktlig og vise relevant informasjon for målgruppen. Oversikten presenteres i en liste med felter for tittel, bilde og tekstlig informasjon om kommende arrangementer. Dette er informasjon som er av interesse for brukere som ønsker å delta på brettspillarrangementer. Events Profile Events profile Innholdstype 5

6 Brukeren kan enkelt legge inn tittel, beskrivelse og bilde for kommende arrangementer. Det er begrenset til tre felter for å gjøre det enkelt både for brukeren som legger inn ny event, og brukeren som skal finne informasjon om et arrangement. Use Case: Legge til nytt arrangement Mål: Bruker ønsker å legge til nytt arrangement 1. Bruker er innlogget med administratorrettigheter 2. Bruker klikker på Events via navigasjonsmenyen 3. Nettstedet laster opp side med alle arrangementer 4. Bruker klikker på Legg til nytt arrangement som står øverst på høyre siden 5. Bruker får opp skjema for arrangement 6. Bruker fyller ut skjema om arrangement. 7. Bruker trykker på lagre knappen 8. Systemet gir brukeren en bekreftelse på at arrangementet er lagret 9. Systemet legger arrangementet i en sortert liste etter dato 10. Bruker blir presentert for siden med arrangementer Mål oppnådd: Bruker har lagt til nytt arrangement 6

7 Forum Innholdstype Forumet brukes av målgruppen til å diskutere temaer av interesse. Brukeren oppretter et forum innlegg ved å fylle ut emne og beskrivelse (body). Use Case: Opprette diskusjon i forum Mål: Registrert bruker ønsker å opprette innlegg i forum 1. Bruker klikker på forum på navigasjonsmenyen 2. Bruker klikker seg inn på general discussion 3. Brukeren trykker på new topic 4. Systemet presenterer felt for tittel og tekst 5. Brukeren fyller inn tittel og tekst for diskusjonen og trykker på save 6. Systemet publiserer et nytt innlegg Mål oppnådd:registrert bruker har opprettet et nytt innlegg i forum Use Case: Svare på foruminnlegg Mål: Registert bruker ønsker å svare på foruminnlegg 1. Bruker har lest foruminnlegg og ønsker å svare 2. System presenterer muligheten reply for hvert innlegg 3. Bruker klikker på reply under et innlegg 4. System viser innleggsskjema 5. Bruker skriver inn svar i svarfeltet, og klikker på save som vises under innleggsskjemaet. 7

8 6. Systemet viser det nye svaret i samme tråd. Mål oppnådd: Registrert fikk lagt til svar til en annens innlegg. Game Overview Når brukeren kommer til denne siden vises en oversikt over alle brettspill. Spillene presenteres med thumbnail bilde og tittel. Brukeren kan sortere brettspillene alfabetisk i synkende eller stigende rekkefølge. I den lokale navigasjonsmenyen, som er plassert til venstre på siden, kan brukeren huke av for ønsket kategori for å få oversikt over alle brettspill i en spesifikk kategori. Game Overview Innholdstype Game overview er en viktig side for nettstedets målgruppe ettersom mange har et ønske om å få oversikt over ulike brettspill. Ved å presentere denne siden med felter som bilde og tittel, vises tilstrekkelig informasjon for å vekke nysgjerrighet. Når nye spill legges til (se game profile ) oppdateres oversikten. Alle brukere kan sortere spillene i forhåndsdefinerte kategorier for å lettere få oversikt og finne spill som ligner de man allerede liker. 8

9 Game Profile På spillprofil siden får brukeren informasjon om ett spesifikt brettspill. Hver spillprofil side viser fakta om spillene; aldersgrense, antall spillere, estimert tid og kategori. Spillets rating er også godt synlig øverst på siden, der brukeren har mulighet til å rate spillet selv gjennom funksjonen for dette. 9

10 Game profile Innholdstype Som brettspiller er profil på hvert enkelt brettspill svært viktig for om man ønsker å spille eller kjøpet spillet. Datainnholdet må være beskrivende, gjerne lekende og ha et uformelt språk tilpasset studenter. Det bør fange leseren, skape interesse for spillet og ikke være for langt; ett avsnitt eller to bør holde. Felter for metadata er også av interesse for brettspillere, for eksempel kategori, spilltid, aldersnivå og vanskelighetsgrad. Det er moderator eller adminstrator av siden som kan legge inn nye spill. Use Case: Legg til ny brettspill profil. Mål: Bruker ønsker å legge inn ny brettspillprofil 1. Bruker er innlogget med administratorrettigheter 2. Bruker klikker på Boardgames via navigasjonsmenyen 3. Systemet laster opp side med alle brettspill 4. Bruker klikker på Legg til nytt brettspill øverst til høyre på siden 5. Bruker får opp skjema for brettspill 6. Bruker fyller ut obligatoriske feltene i skjema for brettspill og velger type kategori som tilhører brettspillet. 7. Bruker trykker preview for å se resultatet 8. Admin trykker på lagre knappen. 9. Systemet gir brukeren en bekreftelse på at brettspill er lagret 10. Systemet legger brettspillet i den valgte brettspillkategorien. 10

11 11. Bruker blir presentert for siden med brettspill. Mål oppnådd Bruker har lagt til nytt brettspill på siden. Use case: Rangere (rate) et brettspill Mål: Registert bruker vil Rangere/vurdere et brettspill man har funnet på siden. 1. Registrert bruker har funnet spillet Agricola 2. Systemet viser en tallverdi mellom 1 og 10 på spillet som er basert på snitt av andres rangering, samt antall stemmer totalt. Ved siden av er det en stjerne og teksten RATE THIS 3. Registrert bruker klikker på stjernen som er en link 4. Systemet viser en liten sidebar der man kan klikke på ønsket antall stjerner 5. Registrert bruker klikker på den 7. stjernen, som også vises med tall. 6. Systemet registerer rangeringen og oppdaterer gjennomsnittsvurderingen. 7. Systemet viser YOUR RATING til høyre ved siden av gjennomsnittsvurderingen, og sidebar blir lukket. Mål oppnådd: Spill ble rangert med 7 av 10 poeng/stjerner Basic Page Innholdstype Sidene som kun skal inneholde tittel og tekst skal representeres av basic page. Kan brukes til statisk innhold som for eksempel terms of use, about us og sider som følger samme struktur. 11

12 Review Overview På denne siden får brukeren oversikt over alle anmeldelser. Bruker kan sortere alfabetisk samt på kategori. Review Overview Innholdstype 12

13 Review overview gir en oversikt over alle anmeldelser, for brukere som er interessert i å lese hva andre mener om brettspillene. Oversikten presenteres med tittel, bilde og en kort beskrivelse, som skal lokke brukeren til å lese mer. Dersom brukeren er interessert i anmeldelser i en spesifikk kategori, kan vedkommende huke av for denne. 13

14 Game Review Profile På denne siden kan brukeren lese anmeldelse av et spesifikt brettspill. Her brukes også kontekstbaserte navigasjonssystemer, som er nyttige når man ønsker å linke til relevant informasjon. I dette tilfellet er det linken Read more som fører til spillprofilsiden til brettspillet Risk. Game Review Profile Innholdstype 14

15 Review profile gir spillinteresserte informasjon om ett spesifikt spill. Når nye spill opprettes, legger brukeren inn tittel, bilde og beskrivelse av brettspillet. Use Case: Skrive anmeldelse om et brettspill Mål: Registrert bruker ønsker å skrive en anmeldelse om et brettspill 1. Bruker er innlogget på brettspillklubbens nettsted og befinner seg på forsiden 2. Bruker klikker på Anmeldelse i hovedmenyen 3. Systemet laster opp side med alle brettspill anmeldelser 4. Bruker klikker på Opprett ny anmeldelse øverst til høyre på siden 5. Systemet laster opp skjema med obligatoriske felter for tittel, fritekst og rating 6. Bruker fyller inn feltene 7. Bruker klikker på knappen lagre 8. Systemet genererer anmeldelsen og presenterer den på siden med oversikt over anmeldelser Mål oppnådd: Anmeldelse er skrevet og publisert Use Case: Kommentere anmeldelse Mål: Registrert bruker ønsker å skrive kommentar om anmeldelse 1. Bruker befinner seg på forsiden av nettstedet 2. Bruker klikker på Anmeldelse i navigasjonsmenyen 3. Bruker klikker på en spesifikk anmeldelse 4. Bruker skriver kommentar i kommentarfeltet nederst på siden 5. Bruker klikker på lagre 6. Kommentaren blir publisert Mål oppnådd Bruker har skrevet kommentar under anmeldelse. 15

16 User Profile Denne siden viser profilen til brukeren, med bilde og kontaktinformasjon som navn, e post og varighet av medlemsskap plassert øverst. Videre vises anmeldelser skrevet av brukeren, samt oversikt over brukerens spill og ønskeliste som er lagt inn av brukeren selv. User Profile Innholdstype 16

17 Brukerprofil gir brukeren oversikt over profilen sin og status om seg selv. Brukere kan også gå inn og se på hverandres profiler for å få en oversikt over andre brukere på nettsiden. Funksjonalitet Nedenfor kommer en oversikt over use cases (bruksmønstre) for funksjonalitet som ikke er dekket under beskrivelsene av innholdstyper. Use case: Registrering Mål: Uregistrert bruker registrerer seg 1. Brukeren klikker på create new account under user login 2. Systemet presenter feltene brukernavn, e post og passord 3. Brukeren velger brukernavn, skriver inn e post og lager et passord og klikker på create new account 4. Systemet bekrefter at en ny profil er opprettet med teksten Registration successful. You are now logged in. Mål oppnådd: Uregistrert bruker er nå registrert og logget inn Use case: Logge inn Mål: Registrert bruker ønsker å logger inn 1. Systemet presenterer en login knapp synlig på siden 2. Brukeren trykker på login knappen 3. Systemet presenterer et login skjema. Det må oppgis brukernavn og passord. 4. Brukeren oppgir riktig brukernavn og passord 5. Systemet oppdaterer siden og viser my account og logout i navigasjonen Mål oppnådd: Brukeren har logget inn Use Case: Søke på et spesifikt brettspill Mål: Bruker vil finne informasjon om brettspillet Settlers fra Catan ved hjelp av søk 1. Bruker befinner seg på forsiden av brettspillklubbens nettsted 2. Bruker skriver Settlers fra Catan i søkefeltet øverst på siden 3. Bruker klikker på symbolet for forstørrelsesglass 4. Systemet presenterer søkeresultatet i form av en liste over treff om Settlers fra Catan spill med tittel 17

18 5. Bruker klikker på det relevante søkeresultatet 6. Systemet laster opp spillprofil siden til Settlers fra Catan. Mål oppnådd: Bruker har funnet informasjon om brettspillet Settlers fra Catan ved hjelp av søk Use Case: Rapportere feil på siden Mål: Uregistrert bruker rapporterer feil av innhold ved siden. 1. Systemet presenterer en lenke for å kontakte admin av siden 2. Bruker trykker på lenken 3. Systemet presenterer et kontaktskjema 4. Brukeren fyller inn navn, epost og skriver fritekst om feilen som er funnet 5. Brukeren trykker send og melding blir sendt til admin 6. Systemet bekrefter at meldingen er sendt Mål oppnådd: Uregistrert bruker har rapportert feil av innhold ved å kontakte admin. 18