13
Å skrive rapport NF1510 Bruksorientert design, Marte Hesvik Frøyen (martehfr) 1

Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

Å  skrive  rapport  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   1  

Page 2: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

Plan  

-­‐   OppseE  -­‐   Datainnsamling  

-­‐   Planlegge  rapporten  -­‐   Gjennomføring  av  arbeidet  

-­‐   FerdigsJlling  av  rapporten  -­‐   OppseE  med  eksempel  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   2  

Page 3: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

OppseE  

-­‐   Framside  -­‐   Innhaldsliste  -­‐   Kort  introduksjon  -­‐   Tema  for  tema/Diskusjon  

-­‐   Gjerne  underoverskriPer  -­‐   Oppsummering  

-­‐   Avslutning  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   3  

Page 4: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

Datainnsamling  

-­‐  Samle  prosjektet/formuler  problemsJlling  -­‐   Les  mål  for  faget  og  evalueringsgrunnlag  

-­‐   Les  pensum  og  noter  fagutrykk  

-­‐   Gjer  anna  reasearch  -­‐   Skriv  ned  gode  sitat  og  kjeldar  undervegs  -­‐   Bruk  reE  referanseteknikk  

-­‐   Tips:  Bruk  Harvard  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   4  

Page 5: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

Gode  notatar  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   5  

Henta  frå  hEp://sokogskriv.no/  

Page 6: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

Planlegg  rapporten  

-­‐   Lag  ei  oversikt  over  tema  -­‐   Konstruer  ein  raud  tråd  -­‐   Sørg  for  at  alt  innhald  er  relevant  -­‐   Svar  på  oppgåva/problemsJllinga  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   6  

Page 7: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

Gjennomføring  av  arbeidet  

-­‐   Diskuter  oppseEet    -­‐   Fordel  tema  pr.  gruppemedlem  -­‐   Skriv  sakleg.  Skriv  konkret.  -­‐   Argumenter  og  diskuter  alle  val  som  er  gjort      -­‐   Forklar  oppgåva  tre  gongar  -­‐   Presenter  arbeidet  i  gruppa    -­‐   Gjer  eventuelle  endringar  -­‐   SeE  saman  rapporten  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   7  

Page 8: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

FerdigsJlling  av  rapporten  

-­‐   Svarar  vi  på  problemsJllinga?  -­‐   Har  vi  ein  raud  tråd?  -­‐   Er  oppseEet  logisk/kronologisk?  -­‐   Sjekk  reEskriving  Jl  sluE.      

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   8  

Page 9: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

OppseE  

-­‐   Framside  -­‐   Innhaldsliste  -­‐   Kort  introduksjon  -­‐   Tema  for  tema/Diskusjon  

-­‐   Gjerne  underoverskriPer  -­‐   Oppsummering  

-­‐   Avslutning  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   9  

Page 10: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

Framside  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   10  

1/1

INF1510 Bruksorientert design

____________________________________

Oppgåvenamn Eks. Sluttrapport

____________________________________

Skrevet av:

Fornamn Etternamn (email) Fornamn Etternamn (email) Fornamn Etternamn (email) Fornamn Etternamn (email)

____________________________________

VÅR 2013

Page 11: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

Innhaldsliste  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   11  

INF1510 - Sluttrapport Gruppe: gruppenamn Dato for innlevering

1/1

Innholdsfortegnelse

1. Introduksjon.................................................................................................................. s. 4

2. Presentasjon av gruppen.............................................................................................. s. 4 2.1 Hvem er vi?....................................................................................................... s. 4 2.2 Rollefordeling................................................................................................... s. 4 2.3 Hvordan jobber vi?.......................................................................................... s. 4 2.4 Gruppens profil................................................................................................ s. 5

3. Valg av tema, visjon og målgruppe............................................................................ s. 5

3.1 Tema.................................................................................................................. s. 6 3.2 Visjon................................................................................................................. s. 6 3.3 Mål og målgruppe........................................................................................... s. 6

4. Fra visjon til virkelighet............................................................................................... s. 6

4.1 Prosjektplan...................................................................................................... s. 7

4.2 Datainnsamling ���................................................................................ s. 8

4.3 Første prototyping........................................................................................... s. 9 4.4 Brukerundersøkelse – prototypene........................................................... s. 11 4.5 Brainstorming ny prototype....................................................................... s. 11 4.6 Andre prototyping ....................................................................................... s. 12 4.7 Videreutvikling av prototypene 3 og 4..................................................... s. 14

4.8 Brukerundersøkelse �����................................................................. s. 15

4.9 Prototype – utsnitt og kollokvierom.......................................................... s. 15 4.10 Universell design.......................................................................................... s. 16

5. Veien videre................................................................................................................. s. 17

5.1 Samspill i systemet........................................................................................ s. 17

5.2 Komponentene��........................................................................................ s. 18

5.3 Nødvendige investeringer............................................................................ s. 19 6. Oppsummering – evaluering av eget arbeid........................................................... s. 20

7. Litteraturliste............................................................................................................... s. 21

8. Vedlegg�����������������������������..... s. 22

Page 12: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

Random  side  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   12  

INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

1/1

Brainstorming ny prototype

Basert på brukernes tilbakemeldinger på de prototypene 1 og 2, var det mulig for oss å avgjøre

hvilke brukbarhetsmål som var viktigst å fokusere på, og hvilke designprinsipper vi burde ta i

bruk for å nå disse målene. Vi kom fram til at de viktigste brukbarhetsmålene var utility,

learnability og memorability1, og at designprinsippene som burde brukes, var affordance,

consistency og constraints.2 Under idémyldringen fant vi i tillegg ut at vi ønsket å lage

tilleggskomponenter til oversiktskartet, i form av et reservasjonssystem; nettside for desktop og

mobil.

Prototype 33

Desktopversjonen av nettsiden er en horisontal low-fidelity prototype, laget i Balsamiq. Den var

først og fremst ment til å være en oversikt, og for å reservere rom. Hovedbildet viser en liste over

hvilke kollokvierom som er ledige, og hvilke som er opptatt. Man kan trykke på et vilkårlig

kollokvierom, og reservere for ønsket tid. Når tid og dato er utfylt, kan du sjekke om rommet på

det aktuelle tidspunktet er ledig, og reservere det. Man kan eventuelt søke opp ledige

kollokvierom på et gitt tidspunkt, og reservere rom på den måten.

Prototype 44

Den mobilvennlige versjonen av nettsiden er en vertikal low-fidelity prototype, laget i Photoshop.

Vi valgte å lage denne vertikal fordi den i en brukerundersøkelse med index-cards vil bli mer

virkelighetsnær, og det ville bli lettere å få konstruktive tilbakemeldinger i en eventuell 1 Rogers, Sharp and Preece: Interaction Design: beyond human-computer interaction, 20-25 2 Rogers, Sharp and Preece: Interaction Design: beyond human-computer interaction, 29-34 3 Se vedlegg 7 – Vedlegg.7-Nettside.pdf 4 Se vedlegg 8 – Vedlegg.8-Mobil.pdf

Page 13: Åskriverapport - Forsiden - Universitetet i Oslo · Randomside" NF1510"2"Bruksorientertdesign,"Marte" Hesvik"Frøyen( martehfr)" 12 INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

LiEeraturliste  

NF1510  -­‐  Bruksorientert  design,  Marte  Hesvik  Frøyen  (martehfr)   13  

INF1510 - Sluttrapport Gruppe: Kåfi 19.06.11

1/1

Litteraturliste Wikipedia, s.v. «Universell utforming»,

http://no.wikipedia.org/wiki/Universell_utforming (oppsøkt 16.06.11).

Wikipedia, s.v. «Color blindness»,

http://en.wikipedia.org/wiki/Color_blindness (oppsøkt 16.06.11).

Wikipedia, s.v. «Fargesvakhet»,

http://no.wikipedia.org/wiki/Fargesvakhet (oppsøkt 16.06.11).

Wikipedia, s.v. «A/B testing»,

http://en.wikipedia.org/wiki/Ab_testing (oppsøkt 16.06.11).

Wikipedia, s.v. «Passive infrared sensor»,

http://en.wikipedia.org/wiki/Passive_infrared_sensor (oppsøkt 16.06.11).

Wikipedia, s.v. «Six Thinking Hats»,

http://en.wikipedia.org/wiki/Six_Thinking_Hats (oppsøkt 18.06.11).

Wikipedia, s.v. «Less is more»,

http://en.wikipedia.org/wiki/Minimalism#Minimalist_design (oppsøkt 19.06.11).

W3C. WCAG 2.0.

W3C, 11.12.2008, http://www.w3.org/TR/WCAG20/ (oppsøkt 16.06.11).

Section 508 Amendment to the U.S. Rehabilitation Act of 1973

http://section508.gov/ (oppsøkt 16.06.11).

Yvonne Rogers, Helen Sharp and Jennifer Preece: Interaction Design: beyond human-computer

interaction, 2. utgave. Wiley, 2007

Bratteteig, Tone «Six Thinking Hats» i «inf 1510: å lage ideer og visjoner», (14.03.11): 15.

http://www.uio.no/studier/emner/matnat/ifi/INF1510/v11/undervisningsmateriale/in

f1510- ide-w.pdf