Skab et site der tiltaler den eksisterende målgruppe samt den potentielle målgruppe og efterlev samtidigt ejers formkrav.

Transkript

1 Delaflevering: Webkommunikation & Webdesign GENERELT I FORHOLD TIL PROJEKTET Problemfelt Skab et site der på den ene side virker overskuelig og ligetil for de nuværende elever, så disse nemt kan overskue den planlagte undervisning. Skab på den anden side et site der samtidigt fremstå elegant, opsigtsvækkende og spændende, således at andre der ønsker undervisning inden for denne branche, vil efterspørge den her. Sitet skal på den måde skabe en efterspørgsel. Problemformulering Skab et site der tiltaler den eksisterende målgruppe samt den potentielle målgruppe og efterlev samtidigt ejers formkrav. Metodisk tilgang Som beskrevet i min opgave 7, så der skal afholdes en fokusgruppe med nogle af eleverne der skal benytte siden, for at belyse og få indsigt i de formkrav der måtte være fra brugernes synspunkt. Videre holder jeg 2-3 møder med Claus Nielsen ang. min proces og mine kodemæssige samt designmæssige valg, for at sikre, at disse stemmer overens med hans ønsker for sitet. Fokusgruppen er afholdt. Det forløb positivt og uformelt og med en god debat. Den nuværende jyske ride-undervisningsbranche er umiddelbart ret konservativ og kravene til design og lign. synes ikke at være i højsædet, derimod kan det fastslås, at overskuelighed prioriteres højt. Denne indsigt gør der måske nemmere at frembringe et projekt der vil være tilfredsstillende, men jeg må ej forglemme beriderens - og ejeren af det kommende site målsætning med sitet og dets indhold. På denne måde er sitets mål ikke bare modsættende, men trefoldigt. Lad mig forklare: Sitet skal efterleve og imødegå krav og forventninger fra 3 segmenter: - Berider og ejer af sitet - Nuværende elever - Potentielle elever

2 2. Det er vigtigt at påpege, at de tre segmenters forventninger til sitet er forskellige noget der belyses og diskuteres senere i denne delopgave (under afsnit: 2. FØRSTE RESUTATER OG REFLEKSIONER) Valg af litteratur og andre kilder The Smashing Book. Smashing Magazine (2009): - Til tekniske og praktiske tips til kodning, brugervenlighed og optimering. Til typografi, farvevalg og branding, så er succesfuldt site kreeres. (2010) - Til validering af HTML samt CSS filer, samt relevante tips. Ressource links (ITU 2010): - til designmæssige valg. Projektorganisering Projektet tager udgangspunkt i de formkrav der er defineret i opgaveformuleringen. Værktøjer der benyttes til udformningen af projektet ses her: DreamWeaver CS5 Adobe Photoshop CS5 til validering af HTML samt CSS. Tilgængelige ressourcer Udover før-beskrevet litteratur og kilder, så tæller mine tilgængelige ressourcer: vidensdeling med kollegaer fra ITU og Århus Universitet indputs fra den nuværende målgruppe (fokusgruppe) sparring med berider og kommende ejer af sitet, berider Claus Nielsen

3 Tidsplan Første møde med Claus Nielsen afholdes søndag den 14. november Fokusgruppen afholdes tirsdag den 16. november. Delaflevering den 21. november Anden og tredje møde med Claus Nielsen aftales som processen skrider fremad. Rapport og kodning udføres kontinuerligt Aflevering En foreløbig disposition af projektrapporten Problemfelt/case Problemformulering Metode Afgrænsning The Brief Definition of the client/custumer Corporate image Corporate identity Visual identity Formulation of design strategy Definition of the user Who are they how good do we (the client) know them Description of content and message What type of content promotion, information, sale etc. Description of the product What Features sound, animations, video etc.

4 Functionality navigation, links etc. Description of the design in concrete colours, typography etc. Agreements of development Duration User testing to what level and with what aim Wireframes Roughboards Redegørelse for strategi og informationsarkitektur Redegørelse for designmæssige valg Redegørelse for kodemæssige valg Præsentationsafnit af sitet med visuelle indblik Fav icon afnit Søgemaskineoptimering Refleksionsafsnit Konslusion Visuelle bilag af sitet

5 3. FØRSTE RESUTATER OG REFLEKSIONER I forhold til målgruppen Som nævnt tidligere, har jeg den 16. november afholdt en fokusgruppe i Hammerum, som er et af de undervisningssteder hvor berider Claus Nielsen underviser. Det kom som lidt af en overraskelse, både hvor konservativ branchen synes at være, men samtidig hvor få krav der synes at måtte blive stillet til sådan et projekt. Måske fordi fokusgruppen blev afholdt af elever der allerede var tilknyttet undervisningen. Stadigt syntes der dog at være stor opbakning til projekt, og de så alle potentialet i dette. Mest af alt, fordi det ville gøre det nemmere for eleverne at se og overskue den planlagte undervisning og derved synes ugens uundgåelige SMS storm imellem alle eleverne og berider, at være det kapitel der endelig kunne blive afsluttet. Men de formmæssige krav fra eleverne var hverken høje eller mange. Det står dog nu klart, at overskuelighed i informationsarkitekturen prioriteres højt blandt de nuværende elever, imens efterspørgselen på lækkert design, integration med sociale medier og eventuelle flash objekter udeblev. Fra beriderens side synes kravene noget anderledes, da han har i tankerne, at dette site også skal bruges til at tiltrække nye elever, og ikke bare tilfredsstile og anskueliggøre informationsstrømmen til nuværende elever. Så hans fokus ligger mere hos de designmæssige krav, hvor han efterspørger særligt et lækkert logo samt integration imellem sitet og de social medier han benytter, så på den måde, er der en uoverensstemmelse imellem de nuværende brugeres forventninger og krav til sitet, og selve ejerens. Videre skal jeg ikke glemme i udformningen af dette projekt, at sitet stadig skal lokke og tiltale potentielle elever der ønsker ride undervisning. At ramme denne tredeling imellem beriderens-, nuværende elevers- og potentielle elevers krav og efterspørgsler og stadig få sitet til at fremstå ensartet, overskueligt og stilet bliver dette projekts største udfordring. Men det bliver spændende at se, hvordan denne branche vil tage imod første udkast af et HTML/CSS projekt, da disse projekter nok ikke er så udbredte inden for den brache/case jeg har valgt at arbejde med. I forhold til USP, ESP For mig at se, at dette bedst beskrives med ordene: Content is King. Sitet i sig selv kommer ikke til at tilbyde noget innovativt rent indholdsmæssigt, så der er derimod ekstra vigtigt, at selve brødteksten og

6 profileringen af berider Claus Nielsen fremstår skarp så hans kompetencer og profil skinner igennem, uden at være for narcissistisk. Der skal skabes opmærksomhed omkring det miljø han skaber via sin undervisning og de resultater han kan tilvejebringe. Der er her en god ide, at tage live billeder af undervisningen imens den foregår, for at give potentielle elever et billede af hvordan det undervisningen foregår, samt give indblik i miljøet der ligger til grund for undervisningen. På denne måde kan berideren fremstå legitim og der kan skabes en kvalitets- og virkeligheds relevans for den potentielle elev. Videre skal der skabes referencer eller links til beriderens teknologiske sociale platform som han benytter. Grunden til dette er flere, først og fremmest er det et ønske fra hans side, men det giver også en mere professionel vinkel på hans foretagende. Ang. farve valg, så tænkes der her på lyse beroligende farver men en skarp kontrast farve til at markere overskrifter, nyheder eller links hvorved der ønskes fokus. I forhold til motiverende og persuasive strategi Læs overstående og nedenstående for redegørelse af dette. I forhold til informationsarkitektur Efter min fokusgruppe, er det åbenlyst at overskuelighed skal i højsædet. Dette skal dog bindes ind i et lækkert design, for at tilfredsstille berider og samtidigt tiltrække potentielle elever igennem et ESP. Ang. informationsarkitekturen så skal der være en skarp, men overskuelig, inddeling imellem beriderens profil og kompetencer, de nuværende elever og tilbud eller overtalende indhold til nye eller interesseret elever. Umiddelbart er det min tanke, at lave en meget simpelt overskuelig indexpage der inddeler de 3 segmenter der arbejders med, altså: index.html profil_index.html elev_index.html nyelev_index.html

7 På denne måde, får jeg en meget overskuelige og opdelt inddeling der samtidigt kan tilgodese de 3 segmenters formkrav med et svagt differentieret look, og samtidig fremstå som en helhed. Det er særligt ved index.html, at der skal tænkes i visuelle baner, da det er her sitet præsenteres for brugeren første gang - her tænkes der særligt på, hvordan nye og potentielle elever modtager sitets visuelle udfoldelse, så en følelse af seriøsitet og professionalisme opnås, så brugeren for lyst til at surfe videre på sitet og eventuelt blive inspireret til at ville modtage undervisning af berideren. Foreløbig wireframe-skitse og roughboard (se bilag) Nederst finder du foreløbig wireframe for index_page og jpeg for et roughboard lavet i photoshop. 4. OPLÆG TIL VEJLEDNING Udover kommentarer, ris og rods og lign. til overstående tekst og punkter, vil jeg meget gerne snakke lidt med jer og hvordan man mest fordelagtigt kan lave en form for tabel struktur til f.eks. hvem der skal modtage undervisning hvornår. Se eventuelt denne tabel: STED! Louise Mette Anne Thomas Gitte Malene John Sisse Dato 18:20 X 18:40 X 19:00 X 19:20 X 19:40 X 20:00 X 20:20 X Hvordan udformes lign. tabel i HTML/CSS nemmest eller mest praktisk? Skal jeg bare smide en tabel ind i en div tag eller hvad anbefaler I? Berideren vil ikke være i besiddelse af et CMS efter sitet er færdigt, det betyder at tiderne er forholdsvis faste og skal maks. rettes én gang om ugen hvorefter de uploades. Videre ønskes der ikke nogen login løsning hvorved eleverne selv kan ændre og redigere tiderne, da dette ville ende i kaos og konstante ændringer af tiderne. På den måde, ønsker berider en form for totalitært site

8 hvor han bestemmer, og hvis der skal ændres noget eller en undervisningstid skal laves om, må eleven tage kontakt via SMS eller mailto taget/script der skal indlægges på sitet i den endegyldige version. For et fordybende indblik i denne case, vises denne liste for hvad ejer ønsker sitet skal indeholde: Hvad skal laves; - Banner (laves i Photo shop) - Logo (laves i Photo shop) - Index side (laves i DreamWeaver) - Undersider med bl.a. oversigt over hans planlagte ride-undervisning (Laves i DreamWeaver) - FAQ page (Laves i DreamWeaver) - Links til sociale medier (Laves i DreamWeaver) - Eventuelt mail script (?) - Eventuelt salgs annoncer (Laves i DreamWeaver) Spørgsmål til TA/Brian: Får jeg, rent karaktermæssigt, noget ud af at lave et php mail form script? Er der nogle punkter i min opgavestruktur I synes jeg mangler? Jeg synes 18 siders rapport til et 5 siders HTML site lyder af ret meget? Hvordan er formkravene til fodnoter i rapporten? Jeg går ikke ud fra, at vi skal redegøre for teori i selve rapporten? Hvor færdige skal de minimum 5 xhtml sider være, inden aflevering? Morten Ryesberg 2010 ITU //mory

9 Bilag 1 Wireframe

10 Bilag 2 Roughboard