Fra informationssite til community - Aarhus Fotografiske Amatørklub

FRA INFORMATIONSSITE TIL COMMUNITYAARHUS FOTOGRAFISKE AMATØRKLUB

PROJEKTRAPPORT 5. DECEMBER 2011

Projektrapport5. december 2011

Multimedieteknologi og interaktionsdesignErhversakademi Aarhus

Case: Nyt website til Aarhus Fotografiske Amartørklub

Lærer: Per Rasmussen

Udarbejdet af: Karina Røge Jensen, Signe Wraae Søderberg og Mette Ulrich Dalsgaard

Kontaktperson: Karina Røge Jensen, mail: [email protected], mobil: 25 800 300

Link til sitet:http://multimedieteam.dk/4411/aa/

INDHOLD

1. INDLEDNING 4 1.1 Metode, proces og afgrænsning 4 1.2 Kort om AFA 4

2. FORANALYSE 5 2.1 Kort om projektgruppen 5 2.2 Kundemøde 5 2.3 Målgruppe 5 2.4 Projektbeskrivelse 5

3. UNDERSØGELSESTRIN 7 3.1 Idéudvikling og mindmap 7 3.2 Konceptbeskrivelse 7 3.3 Inspiration 7 3.4 Kommunikationsplan 7 3.5 Projektplan 8

4. DESIGNTRIN 9 4.1 Sitemap og menustruktur 9 4.2 Storyboards 9 4.3 Valg af tema 9 4.4 Designparametre 9

5. REALISERING 10 5.1 Skelet 10 5.2 Proces 10 5.3 Produkt 10 5.4 Risici og anbefalinger 10

6. KONKLUSION 11

7. EVALUERING 12

BILAG 13 Brainstorm 14 Sitemap 15 Storyboard 16 Skelet 17 ”Scrum” 18 Flowchart 19

DESIGNMANUAL 20 Logo 21 Logoopbygning 22 Typografi 23 Farver 24 Baggrundsbillede 25

4 / 24 PROJEKTRAPPORT 2011 - FRA INFORMATIONSSITE TIL COMMUNITY

1.1 METODE, PROCES OG AFGRÆNSNINGVi har valgt at arbejde ud fra udviklingsmetoden HOME, og projektrap-porten er således også struktureret ud fra denne. HOME står for Holistic Open Multimedia development Method og er beskrevet i bogen Digital Media Management af Louise Harder og Marie Oosterbaan (2010).

HOME består af fire overordnede trin i multimedieudviklingsprocessen, nemlig foranalysen, undersøgelsestrinnet, designtrinnet og realise-ringstrinnet. Trinnene gennemgås på to niveauer nemlig procesniveau og produktniveau.

Da vores udviklingsproces er relativt kort og projektteamet lille, giver nogle af metoderne på procesniveau ikke mening at anvende. Samtidig har vi måttet forkorte undersøgelsestrinnet, set i forhold til det ideelle projektforløb, og har derfor ikke gennemført så mange tests og bruger-undersøgelser, som vi kunne ønske. Til gengæld har vi efterstræbt at inddrage brugerperspektivet på vores egen måde i designfasen.

Projektforløbet har foregået i en blanding af vandfalds-, prototyping- og det udforskende udviklingsparadigme. Et projektforløb via en ren vandfaldsmetode må være utopi, især når der er tale om et læringsfor-løb, og vi har da også haft flere ”itterationsloops” undervejs, men det har været mindre loops, mest indenfor det samme procestrin, og det skyldes sandsynligvis projektets korte forløb, hvor vi har været tvunget til at arbejde fremad for at nå deadline.

1. INDLEDNING

AFA´s nuværende site

1.2 KORT OM AFAOpgaven lyder på at designe et nyt website til kunden AFA, Aarhus Fotografiske Amatørklub. AFA er en fotoklub, som har eksisteret siden 1896 og har over 80 medlemmer. Medlemmerne er fra 20-80 år og består af flest mænd, men også kvinder. Klubben mødes på ugebasis og har interne konkurrencer. Der er i øjeblikket venteliste til at blive medlem. Medlemmerne er erfarne fotografer, og klubben beskæftiger sig ikke med undervisning.

PROJEKTRAPPORT 2011 - FRA INFORMATIONSSITE TIL COMMUNITY 5 / 24

2.1 KORT OM PROJEKTGRUPPEN

Projektgruppen består af Karina Røge Jensen 27, som har en baggrund indenfor virksomhedskommunikation og webdesign. Mette Ulrich 25, som er grafisk designer og kreativ ildsjæl. Signe Wraae Søderberg 30, som er cand. mag. i oplevelsesøkonomi, hvor idéudvikling og brugerind-dragende design og projektledelse især er relevant for denne opgave.

Vi har, i stedet for at uddelegere opgaver, valgt at arbejde sammen i hele foranalysen og undersøgelsestrinnet. I realiseringstrinnet delte vi opgaver ud men arbejdede i samme rum og har på den måde alligevel alle været inde over alle projektets delopgaver.

2.3 KUNDEMØDE

Vi har fra starten haft fokus på, at AFAs nye website ikke skulle være en forbedret udgave af den eksisterende, men at arbejdet med det nye site skulle foregå uafhængigt at det gamle. Vi ville nytænke, hvordan AFAs site kunne understøtte klubbens formål. Derfor har foranalysen taget udgangspunkt i klubben mere end i det eksisterende sites funktioner.

Vi har afholdt to møder med kunden. Det første kundemøde foregik fredag d. 25. november og gav os et godt indtryk af, hvem medlemmerne var og hvad formålet med klubben var.

2.4 MÅLGRUPPE

Intern målgruppeDen interne og primære målgruppe er medlemmerne, som kan indeles i to gange to grupper:

• Detsocialemedlem–gårefterhygge,socialtsamvær,fællesskabet.• Denseriøsefotograf–gårmålrettetefteratdygtiggøresig,deltageri

konkurrencer, vil profilere sig udadtil og indadtil i klubben.

• Denstærkeit-bruger.• Densvageit-bruger.

Ekstern målgruppeDen eksterne og sekundære målgruppe har vi listet således op:

• Eksisterendesamarbejdspartnere.• Potentiellesamarbejdspartnere.• Besøgende,somlederefteretbillede,demåkøbeellerbruge.• Andrefotografer,dersøgerinspiration.(Ligesindede).• Kommendemedlemmer.• Besøgende,somlederefterenfotograf.• Deltagereideeventsogudstillinger,sombliverfotograferetaf

klubben.

Beskrivelse af den primære målgruppe:Klubben har en stor aldersspredning - fra 20 til 80 år og er bosat i Aarhus-området. 99 % af medlemmerne bruger digitalkamera. Medlem-merne mødes for at blive bedre fotografer, men har alle et vist niveau i forhold til talent og erfaring - de er dygtige amatører, og klubben udbyder ikke undervisning. På trods af en interesse for teknik i form af kameraer og udstyr har medlemmerne ikke nødvendigvis høje it-kom-petencer. Der findes ”klubber i klubben”, hvor medlemmerne grupperer sig alt efter fotointeresse, fx er brudefoto udgangspunkt for en sådan klub i klubben.

2.5 PROJEKTBESKRIVELSE

AFA’s motivation for at igangsætte projektet med at få designet et nyt site er, at det eksisterende site ikke bliver brugt af klubmedlemmerne - sitet afspejler ikke klubbens formål, hverken funktionelt eller visuelt. AFA vil gerne udvide deres medlemsgallerier og have flere til at deltage aktivt på siden. Formålet med klubben er, at medlemmerne kan udvikle egne evner som fotografer, at medlemmerne kan inspirere hinanden og videndele i den udvikling, og at de som samlet gruppe kan hente eksperter ind udefra. Klubbens formål er også at fungere som en form for markedsføringssammenslutning og på den måde skaffe spændende og større opgaver og samarbejdspartnere.

Medlemmerne er dels ikke vant til at benytte sitet, men de har heller ikke kompetencerne til at forny og vedligeholde sitet i dets nuværende form. Det er vores vurdering, at årsagen her til også skal findes i at sidernes indhold har en meget lav relevans, og at sidens opbygning er ustruktureret.

Formålet med det nye site er at få medlemmerne til at deltage aktivt på sitet, at kommunikationen, som nu foregår over mail fra et medlem til et andet, i stedet kan foregå på sitet og dermed involvere alle medlemmer.

Klubben har et højt aktivitetsniveau, og der er stor interaktion mellem medlemmerne på de ugentlige møder. Formålet med sitet er at udvide de aktiviteter, så medlemmerne får mulighed for og stimuleres til at brugeklubbenmellemmøderne–påsitet.Sitetskalaltsåunderstøtteklubaktiviteterne og afspejle fællesskabet og interaktionen mellem medlemmerne. Sitet skal være nemt at bruge og vedligeholde, sådan at der kan være større aktivitet.

Visuelt skal sitet afspejle det reelle høje niveau af professionalisme og dygtighed, som fotograferne har. Sitet skal profilere klubben, som en gammel, etableret og respekteret fotoklub, hvis medlemmer kan levere kvalitetshåndværk. Dette håndværk skal vises frem og komme til dets ret på sitet, hvor vi vil give det mere plads og på den måde udnytte det bedre i profileringen. Samtidig skal det visuelle være med til at højne brugeroplevelsen. Fotograferne er optaget af det visuelle og er æste-tiskbevidste–detteskalsitetafspejlebådeformedlemmerneogogsåudadtil for potentielle samarbejdspartnere.

2. FORANALYSE


Formålet med det nye design er også, at sitet bliver så enkelt og intui-tivt at opdatere at brugerne selv kan gøre det og ikke er afhængige af en webmaster for at skabe aktivitet.

Når projektet er afsluttet, er resultatet tre sider, som opfylder ovenstå-ende formål. Der vil foreligge et forslag til en samlet struktur for siden, som AFA selv kan arbejde videre med. Vi vil også give vores bud på et nyt logo samt visuel profil for klubben.

Konceptet er en on-line klub/community med fokus på den æstetiske oplevelse og opgaven struktureres efter vandfaldsmetoden, men med fokus på brugbarhed, usability og user experience.

Milepælene er: Projektet blev påbegyndt fredag d. 25. november, dead-line er fredag d. 2. dec. og det afleveres mandag d. 5. dec. 2011.

Økonomi og ressourcer anser vi i dette projekt som værende tid og kompetencer i projektgruppen.


Undersøgelsestrinnet i HOME-metoden består ofte af en række pro-cesrettede aktiviteter, som fx dannelse af projektgruppe, organisering og økonomi. På grund af dette projekts korte forløb vil afsnittet her koncentrere sig om produktrettede aktiviteter, mens de procesrettede aktiviteter er nedtonet.

3.1 IDÉUDVIKLING OG BRAINSTORM

I idéudviklingen arbejdede vi med brainstorming og mindmapping. Vi begyndte med det gamle site og noterede alt ned, som vi umiddelbart syntes ikke fungerede, men opdagede hurtigt at vi i virkeligheden var ved at bevæge os over i ideer til det nye site. De ideer handlede meget om brugernes behov og derfor gik vi videre til at brainstorme på AFA. Da vi til sidst blev ved at kredse om de samme temaer, bestemte vi os for at gå videre til sitets udseende, stil og stemning og besluttede at brain-storme på ordene kamera/foto for at få ideer til dette. Denne brainstorm koncentrerede sig pludselig om gamle fotos og gammel fototeknik, og vi diskuterede derfor, hvordan vi ville anvende AFAs historie i deres profil og i det visuelle udtryk. Vi samlede til sidst vores idéudvikling i et mind-map, som havde tre hovedspor: 1. Enkel og overskuelig, 2. Teknik og det digitale, 3. Traditioner. Se bilag Brainstorm side 14.

3.2 KONCEPTBESKRIVELSE

AFAs nye site skal være let at bruge. De informationer som med-lemmerne oftest søger, som den primære målgruppe, skal ligge på forsiden. Og alt indhold skal være let og offentligt tilgængeligt, det betyder, at den side man skal tilgå med et medlemslogin, har mindst muligt indhold, kun det,som er absolut fortroligt skal findes her. Forsiden skal bygges op med kasser eller bokse. Indhold i kasserne bliveromskifteligt–ogvilafspejledet,dersenesteruploadettilsiden. Dvs. at medlemmerne selv genererer nyheds- og inspirations-stoffet. Sitet skal også være til inspiration for medlemmerne og skal facilitere det sociale samvær i klubben, samt den inspiration og de kvalificerede tilbagemeldinger på medlemmernes fotopræstationer, som de værdsætter ved klublivet. AFAs nye site kommer derfor til i høj grad at fungere som et forum eller community. Samtidig kommer medlemmernes billeder til at få en mere fremtrædende rolle, de skal

vises frem og skal være det element, som man lægger mest mærke til. Dermed skal det grafiske set up, nedtones for at overlade fokus til fotografernes fotos.

Stilmæssigt er nøgleordene:• Tradition-forståetsomkvalitetogtroværdighed,ikkesomromantik

og nostalgi.• Teknik-renelinierogkantedeformer-kasser.• Maskulinitet-fådetaljerogråfarver.• Håndværk–gedigent,værktøj,nogetderduer.• ”2stregerunderfacit”-ingentvetydigesymbolerellertekst.• kreativititet-forståetsomnogetderersmuktogæstetisk(ikkesom

i anderledes, skæve ideer).

3.3 INSPIRATION

Konceptbeskrivelsen har fungeret som fundament for arbejdet med den interne designmanual i designtrinnet, men vi har også hentet inspira-tion udefra, bl.a. på hjemmesiden www.siteinspire.com som er en siden der samlere forskellige webdesigns ud fra forskellige kriterier. Her fandt vi siden www.wolfandbadger.com, som vi blev meget inspireret af.

3.4 KOMMUNIKATIONSPLAN

Formål: Vi skal udvikle et nyt website til medlemmerne af fotoklubben AFA. Kun-den er AFA og formålet er at få medlemmerne til i højere grad at benytte sitet for at erstatte kommunikationen over mail og at få medlemmerne til at give deres egne bidrag til sitet og være mere aktive. Formålet er også at forbedre medlemsservicen ved at gøre klubinformationen let-tere tilgængelig for medlemmerne.

Afsender: Afsendere er dels bestyrelsen, dels medlemmerne selv. Da AFA gerne vil have medlemmerne til at være mere aktive og til selv at genere nyheds-stof på siden, er de den primære afsender.

Målgruppe: Målgruppen er medlemmerne og sekundært eksterne samarbejdspartnere.

Budskab:Vores klub er aktiv og inspirerende at være medlem af. Her sker hele tiden noget og deter godt og givende at være en del af fællesskabet.

Medie: Internetmediet er valgt fordi, der her kan ske kommunikation fra flere mennesker til flere mennesker på én gang. Online-fællesskaber er med web 2.0 i stærk stigning, og AFAs website kan udbygge det offline fæl-lesskab, som i øjeblikket foregår til klubaftner og andre arrangementer.

Kommunikationsmiljø: Vi forestiller os, at siden primært vil blive brugt derhjemme.

3. UNDERSØGELSESTRIN

www.wolfandbadger.com


3.5 PROJEKTPLAN

Dage 25. nov 26. nov 27. nov 28. nov 29. nov 30. nov 01. dec 02. dec

Foranalyse

Kundemøde

Research / inspiration

Projektbeskrivelse

Undersøgelse

Metodevalg

Ideudvikling

Konceptbeskrivelse

Sitemapping

Design

Mind maps

Flowcharts

Storyboards

Menustruktur

Logo design

Designmanual

Valg af WordPress tema

Realisering

Installation af tema

Produktion i WordPress

Plug ins

Kundebesøg

Finjustering

Ekstern designmanual

Aflevering

Projektrapport

Start

Designide færdig

Skisteplan færdig

Sitet produceret

Slut

Tid Forventet tid Realiseret tid

Foranalyse

Kundemøde 1 1

Research / inspiration 8 8

Projektbeskrivelse 2 1

Undersøgelse

Metodevalg 0,5 0,5

Ideudvikling 2 3

Konceptbeskrivelse 1 1

Sitemapping 2 1

Design

Mind maps 2 0,5

Storyboards 2 2

Flowcharts 1 0,5

Menustruktur 1 3

Logo design 6 6

Designmanual 6 2

Valg af WordPress tema 1 4

Realisering

Installation af wordpress og tema 1 0,5

Produktion i WordPress 8 12

Plug ins 1 3

Kundebesøg 0,5 0,5

Finjustering 3 3

Ekstern designmanual 1 2

Aflevering 0,5 0,5

Projektrapport 10 12

I alt 60,5 66,5


I dette trin af processen har vi løbende arbejdet med mini-brugersce-narier. I diskussionen af sitets opbygning og features har vi efterprøvet ideen ved at inddrage brugerperspektivet fra de forskellige målgruppers synsvinkel. Metoden har også fungeret som forklaringsmodel i grup-pearbejdet–hvadmenerjegmedminidé,ogholderideensetfraetbrugerperspektiv?

Et eksempel på et mini-brugerscenarie: Skal kontaktsiden været et menupunkt på forsiden eller ligge under en af undersiderne?

”Karsten skal til klubmøde i aften, han er nyt medlem og det er første ganghanskaldeltageietklubmøde–ogmødedeandre.Hanharetærinde efter arbejde og skal derfor køre direkte til klubmødet. Men han skal lige hurtigt nå at finde ud af, hvor det ligger. Han vil lige gå hurtigt ind på hjemmesiden, inden han går til møde på arbejdet, her finder han letkontaktsidenmedadresse–ligetilatputteigps'enogfårogsåetglimtafbestyrelsesformanden–såerderdaétkendtansigt...”

4.1 SITEMAP OG NY MENUSTRUKTUR

For at få overblik over indholdet på det eksisterende site udarbejdede vi et sitemap. Vi gennemgik vores sitemap samtidig med, at vi opbyggede en ny menustruktur. Da vi ønskede et enkelt site med hensyn til både brugbarheden og det æstetiske udtryk, ønskede vi færre menupunkter, hvorfor vi måtte samle indholdet i mere overordnede menupunkter. Den struktureredemetodemedgennemgangafsitemap'etpunktforpunktfungerede rigtig godt, og det endelige resultat blev et flowchart, som kan ses i bilag Sitemap side 15.

4.2 STORYBOARDS

Da flowchartet var på plads, gik vi i gang med at designe de enkelte sider, og først da vi havde fem sider på plads, valgte vi de tre sider ud, som vi ville realisere i WordPress. Storyboardene fungerede også som gruppekommunikation i forhold til at blive enige om detaljerne. Se bilag Storyboards side 16.

4.3 VALG AF TEMA

Vi valgte WordPress-temaet Custom Community, da det har en kasse-struktur, som vi ønskede, og da det understøtter den communityfunk-tion, som også var vigtig for vores design.

4.4 DESIGNPARAMETRE

Form: Størrelsen på sitet blev valgt, så det kunne ses på små skærme, og vi har gået efter en udnytte bredden på siden og undgå en for høj side, sådan at vi undgik scroll. Denne størrelse gør siden mere over-skuelig.Degeometriskeformer–kasserneervalgtpgadetæstetiskeudtryk, hvor vi ville ramme et ordentligt og maskulint udtryk. Det cir-kelformede logo står i kontrast hertil. Projektets tidsressourcer satte sine begrænsninger i forhold til det tekniske arbejde med at redigere i det valgte WordPress-tema, sådan at hele sitet kunne fremstå med kantede former.

4. DESIGNTRIN

Typografi: Vi har valgt to typografier en primær og en sekundær. Den primær typografi er T-star, som er en monospatieret font. T-star har et meget teknisk udtryk, hvilket afspejler det tekniske ved at fotografer og det kramarudstyr der bruges. T-star er den identitetskabende font og derfor den primære typografi. T-star bruges i logoet og til al trykt kommunikation, derfor er den et markant element for klubbens visuelle identitet. Den sekundær typografi er Arial. Den anvendes til al tekst på sitet. Arial er valgt da det er en standard webfont. Arial bruges både i regular og bold.

Illustration: Illustrationerne på siden udgøres naturligt af fotos, som vi har valgt skulle have en fremtrædende rolle. Illustrationerne har den funktionatdeviser,hvaddeterforentypeklubsitetrepræsenterer–nemlig en fotoklub, samtidig fungerer de som teasere. Fotoene funge-rer som det farverige element på siden og dermed blikfang.

Farve: Da de farverige fotos skulle have være blikfang og have bruge-rens fokus valgte vi sort og hvid som mere neutrale baggrundsfarver. Den sorte wrapper har struktur, som minder om den karton, fotografer monterer deres billeder på, og den hvide baggrund i outer rim gør skrif-ten mere læsevenlig og står samtidig i kontrast til den sorte baggrund.

Logo: Det gamle logo er erstattet af et ny-designet. Det nye logo har bi-beholdt bogstaverne AFA, som er det navn klubben bruger i daglig tale. Også cirklen er bibeholdt, men er ændret til en skarp version, der minder om en kameralinse eller et kameradæksel.

Komposition: Vi har bygget siden op efter princippet om opmærksom-hedsniveauer (figurer s. 167 og 168, Fischer og Oosterbaan, 2010) jf. vores fokus på brugeren i udviklingsprocessen. Billederne i de seks kasser på sitet fungerer som blikfang og logo, menuen og kasserne er placeret efter det zigzag-læsemønster, som er gældende for websites indeholdende både billeder og skrift.

Se bilag Designmanual for en udbygget designmanual side 20.

WordPress-temaet Custom Community


5.1 SKELET

Som udgangspunkt for arbejdet i realiseringstrinnet og på baggrund af arbejdet i designtrinnet udarbejdede vi et skelet, som designdokument. Skelettet kan ses i bilag Skelet side 17.

5.2 PROCES

Processen i dette trin udviklede sig spontant til en form for scrum, idet der på dette tidspunkt i processen var mange mindre opgaver, der skulle løses, og det viste sig, at vi fik brug for at have et samlet overblik de opgaver og ikke mindst at lave en samlet prioriteret rækkefølge. Konkret skrev vi ”to do’s” op på post its og arrangerede dem i prioriteret række-følge. Vi grupperede vores to-do post its efter de tre sites, vi havde valgt at fokusere på, så vi sikrede, at vi ikke kom til at brede os ud, men be-holdt fokus. Vi lavede også en kolonne med en ”nice to have” to do liste, sådan at vi kunne holde overblik over de valg og fravalg vi tog undervejs. Se i bilag ”Scrum” side 18.

5. REALISERING

5.3 PRODUKT

Se sitet på http://multimedieteam.dk/4411/aa/

5.2 RISICI OG ANBEFALINGER

Formålet med sitet var 1) at gøre det lettere for medlemmerne at være aktive og bidrage. 2) At øge klub-aktiviteten og interaktionen mellem medlemmerne uden for ”åbningstid” og online. 3) at sætte fotos i cen-trum for at understrege omdrejningspunktet for klubben.

Man kan sige, at der er en risiko for at målene med det nye AFA-site ikke bliver opfyldt, hvis medlemmerne ikke får til vane at benytte sitet, men derimod fortsætter kommunikationen over mail. Det er en risiko, som bestyrelsen kan afbøde ved at udnævne webmastere, som sørger for at opdatere hver deres del af siden. De kan også udpege en form for community-ambassadører, der skal generere den første debat i forum-met. Bestyrelsen kan desuden understøtte brugen af det nye site ved selv at benytte det nye forum ”nyt fra klubben” for kommunikation til deres medlemmer og ved udelukkende at kommunikere klubbens pro-gram ud via sitet. På den måde vil medlemmerne blive ”tvunget” til at benytte siden og vil forhåbentlig blive fristet til også at bevæge sig ind i debatforummet og til at lægge deres egne billeder ind i et medlemsgalleri med den gevinst at få kvalificerede kommentarer på billederne fra deres fotografkollegaer. Og så er målet nået.

AFA´s nye site


Opgaven bestod i at designe et website for fotoklubben AFA. Vores fokus var i foranalysen på klubben frem for på det gamle website og vores idé var, at sitet skulle understøtte klubbens aktiviteter og inter-aktionen mellem medlemmerne, at siden skulle være enkel at bruge og også visuelt have et enkelt udtryk, sådan at klubbens omdrejnings-punkt–nemligfotos–kunnetrædetydeligerefrem.Detteogsåforatprofilere klubben eksternt, som et klubfællesskab og på deres bille-der. Løsningen vi har valgt med et WordPress tema, som understøtter community-funktionen, få menupunkter, med et enkelt design og logo med smalle, kantede linier og former samt et enkelt farvevalg svarer godt til vores grundideer.

6. KONKLUSION


På processiden kan vi konkludere, at vores plan i forhold til at planlæg-ge arbejdet som en fælles proces har fungeret godt. Vi har som gruppe suppleret hinanden godt, der har været tid til vidensdeling samtidig med at det har været tilladt at ”nørde” med hver vores faglighed. Det har været interessant, at opleve hinandens forskellige ”angrebsvinkler” på opgaven.

Vi havde planlagt med forholdsvis meget tid til undersøgelsestrinnet, hvilket viste sig at være godt forarbejde til realiseringstrinnet. Dog brugte vi, i bestræbelserne på det gode gruppearbejde, unødvendigt meget tid på arbejdet med den nye menustruktur, som vi igen og igen ændrede på. Her kom skitserne og mini-brugerscenarierne os til hjælp. Omvendt har realiseringstrinnet vist sig at være mere omfattende end først antaget, og det har været en udfordring at bevare det samlede overblikoveralledesmåopgaver,dervarattagefatpå–mendettefandt vi også en løsning på, og det er en viden og metode, vi kan tage med os videre til et evt. næste it-projekt.

7. EVALUERING


BILAG


BRAINSTORM


SITEMAP


STORYBOARD


SKELET

Margin: 50px

Wrapper

Header: 156px

Padding: 30px

Padding: 30px

Footer: 20px

Padd

ing:

40p

x

Mar

gin:

20p

x

Padd

ing:

20p

x

Padd

ing:

40p

x

Indhold :H 410pxW 735px

Sidebar:H 334pxW 190px

1040px

Menu: 15px

Padding: 30px


”SCRUM”


FLOWCHART

Indholdet i denne menu er endnuikke defineret. Det skal defineresaf brugeren og webmaster. Alle kan læse med, men kun bruger med login kan skrive og kommentere.

Dette område er kun tilgængeligt, hvis medlemmerne er logget ind, da oplysningerne er fortrolige.

Login skal placeres øverst på siden på niveau med søgefunktionen.

Nyt fra klubben

Nyhed 1 Klubgalleri Medlemsgalleri Konkurrence Kategori Konkurrence Medlem Konkurrence Kartonbestilling Dokumenter

Nyhed 2 Galleri 1 Galleri 1 Galleri 1 Emme 1 Emme 1 Medlemsliste

Galleri 2 Galleri 2 Galleri 2 Emme 2 Emme 2 Vedtægter...

... ... ... ... ... Referater

Program Medlemsgalleri

Index

Om AFA KontaktDebat

DESIGNMANUALAARHUS FOTOGRAFISKE AMATØRKLUB

LOGO

LOGOOPBYGNING

Logoet er bygget op af både et symbol og et navnetræk. Det er et enkelt og stilrent logo. Logoet har kontraster i form af de runde og geometriske former op af den mere skrape og mekaniske skrift, samt den sort og hvide farve kontrast.

Symbolet symboliserer en kameralinse. Det er bygget op af en sort cirkel med en inder hvid ring. I mindten står AFA som er forkortelsen for Aarhus Fotografiske Amatørklub. Her er typografien lavet lidt om og der er rette i spacering.

Navnetrækket er skrevet med typografien T-star. T-star er en monospace-ret skrift, som har et meget teknisk udtryk, hvilket afspejler det tekniske ved at fotografer og det kramarudstyr der bruges.

Logoet er designet så det kan bruges i alle størrelser, uden at det påvir-ker læsbarheden og det grafiske design. Logoet optræder kun i sort/hvid

SYMBOL

TYPOGRAFIEN FØR TYPOGRAFIEN EFTER

NAVNETRÆK


TYPOGRAFI

PRIMÆR TYPOGRAFIT-star er den identitetskabende font og derfor den primære typografi. T-star bruges i logoet og til al trykt kommunikation, derfor er den et markant element for klubbens visuelle identitet.

SEKUNDÆR TYPOGRAFIArial anvendes til al tekst på sitet og derfor den sekundær skrift. Arial er valgt da det er en standard webfont. Arial bruges både i regular og bold.

ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅaabcdefghijklmnopqrstuvxyzæøå1234567890−&!"#%/()=?.,




T-STAR REGULAR

T-STAR BOLD

ARIAL REGULAR

ARIAL BOLD

Farverne på sitet er holdt i sort og hvidt, dette for at holde et ren og enkel look , men også for at billederne får lov til at stå frem. Al tekst på sitet er strevet med gråt, det bløder lidt op i det ellers meget kontrastrige layout. Alle link er makeret med lyseblå, farven er valgt for at linkene skiller sig ud fra teksten.

LYSEBLÅ

HEX #489ed5RGB 72 158 213CMYK 86 14 5 0

HVID

HEX #ffffffRGB 255 255 255CMYK 0 0 0 0

GRÅ

HEX #888888RGB 136 136 136CMYK 52 39 39 5

SORT

HEX #000000RGB 0 0 0CMYK 0 0 0 100

LOGOOPBYGNING

BAGGRUNDSBILLEDE

På sitet er der lagt et baggrunds billede ind. Det er for at give sitet lidt tekstur og dybde. Baggrundsbillede er valgt fordi det ligner katonstruk-tur. Man kan betragte det som at sitetet bliver præsenterte på sort katon, samme måde ligesom fotografer præsenter deres billeder.

Documents

Fra informationssite til community - Aarhus Fotografiske Amatørklub