Website til RISSKOV FYSIOTERAPI

  • View
    213

  • Download
    0

Embed Size (px)

DESCRIPTION

Multimedieteknologi og interaktionsdesign, 2011

Text of Website til RISSKOV FYSIOTERAPI

  • Marts 2011 Projektrapport og website udarbejdet af

    Peter Rnn Jensen Abdolrahman Rezazadeh Laura Skriver Sidsel Bjerregaard Ole Munk Petersen

    Website til RISSKOV FYSIOTERAPI

    Multimedieteknologi og interaktionsdesign

  • 2 / 25

    Indholdsfortegnelse Indholdsfortegnelse 2 Indledning 3 Hvad er vores opgave 3 Hvem er vi? 3 Det frdige website 4 Teori og metode 5 Foranalyse 7 Undersgelse 8 Kunden 8 Mlgruppe 8 Projektbeskrivelse 9 Design 10 Informationsdesign og interaktionsdesign 10 Prsentationsdesign 11 Realisering 14 Samarbejdet 15 Afslutning 15 Bilag 1. Tidsplan 16 Bilag 2. Mindmap 17 Bilag 3. Skitser 18 Bilag 4. Flowchart 20 Bilag 5. Skelet 21 Bilag 6. Designmanual 22 Bilag 7. Storyboards 23 Bilag 8. Udkast til logo 25

  • 3 / 25

    Indledning Denne rapport er udarbejdet som en del af vort afsluttende eksamensprojekt p kurset Multimedieteknologi og interaktionsdesign, som forlb i perioden 3. februar til 23. marts 2011 p Erhvervsakademi rhus / rhus Tech. Rapporten beskriver tilblivelsen af et nyt website for kunden, Risskov Fysioterapi. Hvad er vores opgave Opgaven bestr i at udarbejde et nyt website for Risskov Fysioterapi, der i forhold til sin nuvrende hjemmeside, nsker et mere tidssvarende site bl.a. med opdaterede billeder i god kvalitet. Sitet skal vre overskueligt og nemt at navigere i, samt give potentielle og nuvrende patienter lyst til at kontakte klinikken for behandling. Websitet skal implementeres i WordPress og bygge p HOME-modellen. Hvem er vi? Vores gruppe bestr af fem medlemmer: Sidsel Bjerregaard, Ole Munk Petersen, Peter Rnn Jensen, Abdolrahman Rezazadeh og Laura Skriver. Vi har tilstrbt, at alle i gruppen tager del i de forskellige

  • 4 / 25

    faser i opgaven - dog har vi ud fra vores individuelle spidskompetencer foretaget en ansvarsfordeling, der fordeler fokus som flger: Sidsel Bjerregaard: Udarbejdelse af forslag til logo. Ole Munk Petersen: Projektleder. Teknisk opstning af sitet. Diagramtegninger. Rapportlayout. Peter Rnn Jensen: Illustrationer herunder arbejde med Photoshop, billeder og tegninger. Abdolrahman Rezazadeh: PHP, formater samt animation. Laura Skriver: Layout af sitet samt udarbejdelse af projektrapportens skriftlige del.

    Det frdige website Vores frdige website kan besges p flgende adresse: http://multimediekursus.ats.dk/0511/risfys6/wp/ Login: admin/risfys6 Kontaktperson for eventuelt videre arbejde med websitet: Abdolrahman Rezazadeh Rydevnget 19,2,th 8210 Aarhus V email: rahman@stofanet.dk tlf.: 22933810

  • 5 / 25

    Teori og metode Som nvnt udarbejder vi vort projekt med HOME-modellen (Holistic, Open Multimedia development mEthod) som grundlggende metode. HOME-modellen tilbyder et helhedsorienteret syn p opgaven, idet den bde anlgger en produkt- og procesrettet vinkel. Formlet med metoden er netop at stte arbejdet i system og den hjlper os derved til at gre vore valg sammenhngende, velovervejede og konsekvente i forhold til opgaven. Modellen indeholder fire trin, som har styret vores arbejdsproces. Disse trin har vi endvidere valgt at lade danne grundlaget for struktureringen af denne rapport. De fire trin er som flger:

    Foranalyse: Indledende definitioner af processen og produktet, valg af udviklingsmetode, interessentanalyse og projektbeskrivelse. Undersgelse: Udformning af projektplanen, kommunikationsplanlgning, research og ideudvikling Design: Vurdering og regulering af projektplanen, design af indhold, struktur og form. Realisering: Opstramning af planer, produktion og integration af medieelementer, evaluering og projektafslutning.

  • 6 / 25

    Vi har valgt at tilrettelgge arbejdet i overensstemmelse med Vandfaldsmetoden, der kendetegner en liner og faseopdelt udviklingsproces med vgt p lbende godkendelser og dokumentation. Rent teknisk udformes sitet ved hjlp af et WordPress-tema, som vi tilretter efter vore egne designmssige nsker.

  • 7 / 25

    Foranalyse Projektet indledtes med en flles briefing om kravene til opgavens indhold, bde i forhold til website og projektrapport, samt med et kundemde. Mdet med kunden klargjorde dennes forventninger og nsker og lod os f et indblik i virksomheden som helhed. Da vi opgavens primre forudstninger sledes var klargjort, samledes vi i gruppen og foretog en flles analyse af kundens nuvrende website og fik herved en diskussion i gang omkring, hvad vi nskede skulle vre anderledes og hvilket udtryk vi mente passede til sitet i forhold til selve virksomheden og det signal kunden nsker at sende. Vi foretog en brainstorm i forhold til indhold og layout og udformede herudfra et mindmap (se bilag 2). Da vi havde et nogenlunde overblik over den forventede arbejdsproces udarbejdede vi endvidere en tidsplan (se bilag 1).

  • 8 / 25

    Undersgelse I denne del af processen indsamlede vi yderligere viden omkring afsender, mlgruppe og mlstning og udformede herigennem en mere prcis projektbeskrivelse. Kunden Som nvnt er Risskov Fysioterapis primre nske med det nye website, at dette skal vre mere overskueligt og lettere at navigere i. Derudover gav kunden under mdet udtryk for at vgte sin historie hjt og at vre en velrenommeret klinik, der i hj grad hverver patienter gennem mund-til-mund-metoden. Af samme grund er kundens primre hensigt med sitet ikke at hverve nye patienter, men i hjere grad at fungere som oplysningsportal og bindeled mellem klinik og patienter. Desuden gav kunden til kende, at man gerne ville sende det signal at klinikken har en god og afslappet atmosfre, samt at behandlingen foretages af kompetente fysioterapeuter. Hvordan dette signal skulle komme til udtryk p sitet, fik vi frie hnder til at beslutte. Mlgruppe Iflge kunden er mlgruppen alle mellem 0 og 98 r. Mlgruppen besger primrt sitet for at finde oplysninger og opn kontakt med klinikken, fordi de har et behov for behandling, og kun sekundrt af

  • 9 / 25

    interesse for virksomheden som sdan. Sitets vigtigste ml er derfor at tilbyde den besgende patient mulighed for oplysning om og kontakt med klinikken p s prcis og konkret vis som muligt. Projektbeskrivelse Undersgelsesprocessen ledte os sledes frem til flgende projektbeskrivelse:

    Vi skal lave et website for Risskov Fysioterapi udarbejdet i WordPress. Sitet skal vre overskueligt og let at

    navigere i og give patienten indtrykket af en klinik der tilbyder kompetent behandling i en behagelig og

    afslappet atmosfre. Dette indtryk vil vi efterstrbe at opn ved at holde en enkel og let stil bde i

    forhold til layout og indhold. Endvidere vil vi efterstrbe at skabe nrhed i udtrykket, ved i hjere grad

    end det nuvrende site, at personliggre indholdet i forhold til dets afsender. Frem for alt, vil vi srge for

    at det tydeligt fremgr hvor og hvordan man kan komme i kontakt med klinikken og hvilke former for

    behandling, der tilbydes.

  • 10 / 25

    Design Den rde trd i projektet har vret enkelthed, overskuelighed og brugervenlighed, hvilket afspejler sig i de valg vi har foretaget.

    Informationsdesign og interaktionsdesign Som nvnt skal sitet fungere som oplysningsportal og bindeled mellem patient og klinik. Mngden af informationer, har vi dog valgt at begrnse til det mest vsentlige for overskuelighedens og lsbarhedens skyld. Den begrnsede mngde tekst muliggr, at vi undgr scroll-bars og kan have alle informationer i t vindue ad gangen. Ligeledes har vi valgt ikke at lave en links-side igen for overskuelighedens skyld men i stedet at placere relevante links p de sider, hvor de naturligt hrer hjemme. Eksempelvis findes et link til Google Maps under menuen Find os. Linket til Google Maps indeholder automatisk klinikkens adresse og viser derfor straks det aktuelle omrde med relevante oplysninger. P Find os-siden findes ogs et link til rejseplanen, hvor patienten blot indtaster sin egen adresse for at f foreslet transportmuligheder. P alle sitets sider optrder klinikkens adresse og telefonnummer endvidere i footeren. Vi har sledes sgt at gre det nemt og overskueligt at finde klinikken og at komme i kontakt med denne. Under menuen Kontakt os har patienten endvidere mulighed for at kontakte klinikken direkte med sprgsml, afbud og lignende.

  • 11 / 25

    I bestrbelsen p at gre siden s let at navigere i som muligt, lader vi desuden menu-baren vre synlig uanset hvilken side man befinder sig p, s man nemt kan bevge sig frem og tilbage. Vi har valgt ikke at benytte drop-down-menuer, men i stedet at lade eventuelle underpunkter optrde som links p de relevante sider, da vi finder dette mindre forstyrrende. Prsentationsdesign Som nvnt nsker kunden et brugervenligt og overskueligt site, der er nemt at manvrere i. Dette sger vi at afspejle layoutmssigt, idet vi har efterstrbt lethed og enkelthed i designet. Forsiden har vi opbygget som flger (se bilag 7. Storyboards): verst findes en header indeholdende logo og billede. Under headeren har vi valgt at placere menu-baren horisontalt, da vi mener at dette giver siden mere luft og overskuelighed. Menu-baren indeholder links til sitets syv sider: (Hjem, forsiden), Klinikken, Vi udfrer, Priser, Nyheder, Find os og Kontakt (Se bilag 4. Flowchart) Under menu-baren findes et tekststykke, der byder den besgende velkommen og kort prsenterer klinikken. Herunder befinder den informative footer sig og sledes indrammes teksten af header/menu og footer for oven og for neden og af en gradient i siderne. Denne struktur gr igen p alle sider p sitet, idet header, menubar og footer er ens hvor end man befinder sig p sitet.

  • 12 / 25

    Vi har bevidst sgt at undg det kantede og skabe runde og blde former. Menu-linjen, menu-knapperne og andre elementer med hjrner der derfor afrundede. Dette har vi gjort, da vi mener at runde former i hjere grad end kantede, signalerer ve