¨
Ovrigt
• Tar tid att l¨asa rubrikerna - De borde g˚a snabbare att f¨orst˚a! • Hur vet man hur stor en siffra ¨ar? Vill f˚a perspektiv.
• Statistik ¨over l¨axor/real time/flipped
• Vill kunna f˚a total siffror - antal inloggade f¨orra veckan, hur m˚anga i januari, veta f¨orh˚allanden mellan dessa siffror
A.3
Evaluation 3 - Interviews
This appendix shows the tasks and questions asked to the respondents during the third evaluation. The evaluating was held in Swedish so the tasks and questions will be written in Swedish.
Innan intervjun
• F¨orklara bakgrunden till varf¨or anv¨andartesten h˚alls och information om projektet.
• Fr˚aga respondenten om det ¨ar ok att spela in intervjun Uppgifter
• Vad ¨ar klockan just nu? (enligt prototypen) • Hur m˚anga ¨ar inloggade f¨or tillf¨allet?
• Vilken dag verkar flest ha byt till aktuell bok?
• Dagens datum st˚ar uppe till h¨oger. Kan du p˚a n˚agot annat s¨att se vilken dag det ¨ar idag?
• Vilken dag har flest personer anv¨ant plattformen hittills denna vecka? • Var det fler el f¨arre som var inloggade idag runt kl nio j¨amf¨ort med hur
det brukar se ut?
• Ungef¨ar vilket klockslag brukar flest vara inloggade? • Vilken bok anv¨andes mest ig˚ar?
• Det g˚ar att l¨asa p˚a om vad dashboarden ¨ar f¨or n˚agot, var tror du att man kan g¨ora det?
A.3 Evaluation 3 - Interviews A. Scientific evaluation • Kan du ta reda p˚a hur m˚anga elever som var inloggade i m˚andags? Fr˚agor
• Gick det snabbt att hitta/f¨orst˚a? • Vad tycker du om f¨argvalen?
• Vilken var sv˚arast/enklast att f¨orst˚a? • Finns det n˚agot du saknar?
Summary of the third evaluation 10 persons participated.
Areagraf
• Sv˚araste grafen pga konstig data
• Eftersom realtidslinje l˚ag l˚angt ¨over genomsnittet fokuserade testarna mest p˚a genomsnittet (gr¨ona f¨argen)
• Legend-infon l¨astes inte s˚a tydligt. Gjorde att vissa hade sv˚art att f¨orst˚a vad som var vad.
• Genomsnitts-texten i legenden ¨ar l˚ang Cirkeldiagram
• Enklaste grafen att f¨orst˚a - alla hittade hit fort Stapeldiagram
• Ingen f¨orvirring kring barcharten denna g˚angen! • De f¨orstod att f¨argerna var andelen l¨arare/elever
• Kanske hade varit bra med horisontella linjer l¨angs med y-axeln f¨or att tydligare se v¨ardena p˚a staplarna
Linjegraf
A.3 Evaluation 3 - Interviews A. Scientific evaluation • H¨ar anv¨andes legend flitigt
F¨argval
• tyckte att gr˚att ¨ar en sorgsen f¨arg, kanske byta till en gladare?
• Annars lugna f¨arger, vissa tycker att f¨argerna p˚a bokgrafen ¨ar f¨or neoniga • En som var f¨argblind hade lite sv˚art att urskilja det lila och bl˚aa strecket
p˚a linje grafen, hade varit b¨attre om de var tjockare Layout
• En tittade med p˚a bilderna, l¨aste inte texten
• En tyckte att rubrikerna var f¨or l˚anga, det tog f¨or l˚ang tid att l¨asa. Alternativ ¨ar att skriva veckodag f¨or areagrafen och veckonummer f¨or bargrafen
¨ Ovrigt
• Visa data per m˚anad/˚ar/termin osv. Visa fler b¨ocker. Kunna filtrera p˚a klass, tidpunkt osv
• Ha en graf som visar k¨op av produkter (licenser osv)
• N¨amndes att ¨aven om area grafen tar en liten stund att f¨orst˚a blir det l¨att sen
• Generellt hittade alla anv¨andare fortare bland graferna denna g˚ang • Flytta ner info-knapp s˚a att den syns b¨attre
• Veta hur l¨ange anv¨andarna ¨ar aktiva i SUD. ¨Ar de inloggade i 10 min eller 1 h?
• N¨amndes att man inte beh¨over veta exakta siffror p˚a alla grafer och att det d¨arf¨or ¨ar bra som det ¨ar
B. Sprints
B
Sprints
A list of the sprint goals during the project. Sprint 1: Vecka 7-8 (13/2 - 1/3)
• Ta fram enkel prototyp
• S¨att upp hemsida: papertrail, angular 2, d3 exempel, Heroku • Unders¨oka loggar
• L¨as om d3 och angular 2 Sprint 2: Vecka 9 - 10 (1/3 - 10/3)
• Forts¨att med prototyp • S¨att upp hemsida 2.0 • Hantera loggar • Spara till databas
• Strukturera upp server/backend • Skicka data fr˚an server.js till egen kod Sprint 3: Vecka 11 (13/3 - 17/3)
• G¨or klar ux prototyp • L¨agg in D3 grafer • Fixa Heroku
• Inte spara dubbletter i databas • F¨orbered anv¨andartester Sprint 4: Vecka 12 (20/3 - 24/3)
• L¨as om UX och skriv i rapport • F¨orbered intervjuer
B. Sprints • Skicka ut formul¨ar och utv¨ardera resultat
• Fixa layout av d3 grafer
• Testa l¨agga in riktig data i prototyp
• Ev hantera nya loggar (om det blir en release av SUD) Sprint 5: Vecka 13 (27/3 - 31/3)
• Tr¨affa Jimmy (blev inte av) • G˚a p˚a MTD
• L¨agg in riktig data • Fixa grafer
Sprint 6: Vecka 14 - 15 (3/4 - 14/4) • Ha m¨ote med Jimmy
• Ha intervjuer • L¨agg in riktig data • Fixa grafer
• Utv¨ardera anv¨andartester
• Halvtidskontroll via skype: datum ej best¨amt Sprint 7: Vecka 16 - 17 (17/4 - 4/5)
• Forts¨att med prototyp 2.0
• Skriv om anv¨andartester i rapport • Fixa linjegraf
• Se varf¨or areagraf inte funkar f¨or b˚ada • Styla grafer
• Fixa bar graph
B. Sprints • F¨orebereda och ha anv¨andartester 2.0
• Fixa styling i samtliga grafer • Ha m¨ote med Jimmy
Sprint 9: Resten av exjobbet • Skriva klart rapport • Sm˚afix p˚a dashboarden
C. Prototypes
C
Prototypes
This appendix shows the different prototypes of the dashboard during the project. Prototype 0 - 2 was made in a prototype tool.
Prototype 0.0 - First draft showed for Sanoma, see figure 26. This was the base for the following prototypes.
Figure 26: Prototype 0 - the first draft of the dashboard.
Prototype 1.0 - First official prototype, see figure 27. The colour in the area chart was changed to a turquoise colour. The colours in the line graph were also changed. This is the prototype used in the questionnaire.
Prototype 1.1 - With feedback from the questionnaire and tutor prototype 1.1 was made before the first evaluation at Sanoma. See figure 28.
The colour in the area chart was changed once again, this time to a solid green. The heading was changed and a legend was added. The number of online users were added below the time on the marker for real time data.
Bubbles with percentage size of the slices in was added to the pie chart. The bars was updated so that all were separated. To highlight which day it is, the current day has darker colours and also numbers of how many students and teachers that has been online. When hovering over a bar that is not the current day a label becomes visible showing number of students or teachers that has been online that day, see figure 29. Also the day in the x-axis is bolder
C. Prototypes
Figure 27: Prototype 1.0 - The colours on the area and line chart were changed.
on the current day.
The colours in the line chart was changed once again. The header now indicates that the graph shows the three most used books. As in the bar graph the current day in the x-axis is rendered in bold, also the grid line for the current day is more prominent. Numbers were added to the y-axis.
Labels were added to the y-axis on all graphs and on the x-axis on the area chart.
A menu icon were added in the upper left corner where users could access settings for the time interval on the two lower charts. The side bar also displays a text about the dashboard, see figure 30. The hour were below the date in the upper right corner.
Prototype 2.0 - This is the prototype with changed after the user tests, see figure 31. The pie and area chart changed places.
The headings on the area and bar chart were changed to make it clearer they both shows the login activity, one with a day view and the other with a week- view.
The legend text on the area chart where changed. A toggle button were added above the legend for the user to switch between which day the average should be based on.
C. Prototypes
Figure 28: Prototype 1.1 - The colour on the area chart were changed to a solid green colour and number of online users was added below the time. A legend was also added. Two labels showing the percental size was placed next to each slice in the pie chart. The colours on the bar chart were updated, all bars have colours and are stacked. All bars except the one for the current day has toned down colours of the main orange and blue. The line chart has new colours on the lines and a value on the y-axis.
A toggle button was added to both graphs to switch between weeks.
The heading in the line graph was updated and y-axis was changed from actual number of users to percentage.
Since the time interval settings was moved to each separate graph the menu button in the upper left corner was changed to an information button. When pressing the button the sidebar now only shows information about the dash- board, see figure 32.
The sanoma logo beside the information button was updated. The previous one was outdated.
C. Prototypes
Figure 29: Prototype 1.1 with hover over the bar showing number of students.
C. Prototypes
Figure 31: Prototype 2.0 - The chart on top has shifted places. The foxes in the pie chart are now equal to size. The legend in the area chart is updated and a toggle button for toggle which day to base the average on has been added. The bar chart and line chart only shows data until current day. A button for toggle between weeks were added to both charts. All bars have the same colour and the bar for the current day has number for teachers and students. The value on the y-axis in the line chart has been changed to percentage.