informatie architectuur eindopdracht kitesurf site en app

Transcriptie

1 informatie architectuur eindopdracht kitesurf site en app Kitesurfen is een watersport waarbij de kitesurfer zich op een kiteboard laat voorttrekken door een vlieger; dit wordt de kite genoemd. Iemand die aan kitesurfen doet, is een kiter of kitesurfer. Kitesurfen is een variant van het windsurfen, door het lifteffect van de vlieger kunnen kitesurfers hoog springen. Nederland is een ideaal kitesurfland: er is water, veel wind en er zijn veel plekken (spots) waar de sport kan worden beoefend. Helaas is de wind in Nederland wispelturig, een windtoename kan tijdens kiten levensgevaarlijke situaties opleveren. Kitesurfen is de snelst groeiende watersport ter wereld. Geschat wordt dat er nu wereldwijd ruim kiters zijn; in Nederland zijn er circa 10,000 actieve kitesurfers. Kitesurfers zijn 80% mannen. Meest fanatiek zijn mannen in de leeftijd Zij zijn over het algemeen in bezit van een auto en hebben genoeg geld om materiaal te kopen. Informatievoorziening: het weer, de locatie en een surfmaatje Om een succesvolle kitesurfsessie te plannen heeft de kitesurfer real-time informatie nodig: een goede spot (locatie), de weersverwachting en contact met een maatje; een mede-surfer om de kite op te laten. Momenteel vindt de kitesurfer deze informatie uit verschillende bronnen, die mobiel moeilijk bereikbaar zijn. individuele opdracht maak een conceptvoorstel voor een kitesurfsite en app Ontwerp een concept voor de structuur en schermindeling van een website en mobiele app voor Nederlandse kitesurfers. Met de site en de app kunnen actieve kitesurfers alle informatie vinden die zij nodig hebben om hun sport in Nederland te beoefenen. De site en app delen informatie zoveel mogelijk in een gezamenlijke structuur. Jij gaat bedenken hoe de verplichte content onderdelen en functies (pagina 3) worden gecombineerd tot een gebruiksvriendelijke structuur en interface. De content én de functies zijn functioneel en informatief, maar worden gebracht op een manier die de doelgroep aanspreekt. de site De website bevat content over alle aspecten van het kitesurfen. Er is van alles te vinden over de sport. Een belangrijk onderdeel is essentiële informatie over omstandigheden op de spots: locaties waar gesurfd kan worden. De site en app zijn daarmee het begin- en eindpunt van iedere surfsessie. De informatie op de site is een combinatie van redactionele artikelen, informatie uit automatisch gegenereerde externe feeds en user generated content. Op de site kunnen gebruikers een sessie plannen en nabespreken. Zie pagina 3 voor de verplichte onderdelen. de app De mobiele app voor iphone of android wordt gebruikt om met een smartphone de real-time omstandigheden per locatie in te zien en te delen met andere gebruikers. De gegevens zijn afkomstig van de website. Informatie die de gebruiker op een spot invoert wordt direct gedeeld met de website. Zie pagina 3 voor de de verplichte onderdelen. volgende pagina: deadlines, inhoud van het rapport HvA CMD V1 november 2011 Informatie Architectuur Eindopdracht Kitesurfsite en app pagina 1

2 inleverdatum 15 november 2012 Geprint en ingebonden rapport op A4 formaat. Inleveren uiterlijk donderdag 15 november 2012 om uur in/bij kamer TTH 01A34. Digitaal ingeleverd is onvoldoende. feedbacksessie 8 en 9 november De werkcolleges in week 45 zijn feedbacksessies. Tijdens deze sessie presenteer je in 5 minuten jouw idee aan de docent zoals je gewend bent tijdens de werkcolleges. De sessie is niet verplicht. Voor deze bijeenkomst moet je minimaal je concept, de structuur (site map) en een idee voor je schermindeling (wireframe) meenemen. Je werk mag op deze sessie een schetsmatig karakter hebben. inhoud van het rapport Iedere student levert een individueel rapport in met een volledige Informatie Architectuur voor de Kitesurf website en app. Het rapport maak je voor de visual designers, front-enders en de opdrachtgever. De visual designer kan aan de hand van je document een ontwerp af te leveren, de front-ender heeft genoeg informatie om de applicatie en de website te bouwen, en de opdrachtgever krijgt een goede indruk van het eindresultaat. Met behulp van de site map en de wireframes laat je zien hoe de pagina s zijn ingedeeld, hoe de navigatie werkt, en wat er op de pagina s te zien is. Ook laat je zien hoe de gebruiker via de website informatie kan vinden, gebruiken en delen. Het rapport bevat minimaal de volgende onderdelen: concept en aanpak minimaal 4 pagina's tekst (meer mag) met een uitleg van het concept, een beschrijving van je aanpak via de stappen (zie pagina 4), je conclusies en een verantwoording van je keuzes; vier gedetailleerde wireframes van de website wireframe van de homepage. wireframe van een specifieke spot wireframe van een rubriekspagina wireframe van een redactionele pagina Op de wireframes zijn de verplichte content onderdelen uitgewerkt (p. 3). Als je iets wilt verduidelijken mag je meer wireframes maken. twee gedetailleerde wireframes van de app wireframe van het home screen (beginscherm) wireframe van een specifieke spot Op de wireframes zijn de verplichte content onderdelen uitgewerkt (p 3). Meer wireframes zijn toegestaan. Twee site maps in Garret IA site map van de website site map van de app Als onderbouwing voor je keuzes in pagina-indeling en navigatie toon je twee site maps. Op iedere site map moeten de rubrieken, subrubrieken en content pagina s van de site goed zijn aangegeven. Ook de onderlinge relaties tussen verschillende (sub)rubrieken moet duidelijk zijn. Probeer zo goed mogelijk aan te geven welke informatie wordt gebruikt door zowel site als app. content matrix met tags, titels en description van de website Een volledig ingevulde content matrix met alle pagina s van de website. De content van de app hoef je niet op te nemen in de content matrix. titels van hoofdrubrieken en subrubrieken titel van iedere pagina description van iedere pagina 20 tags per pagina Volgende pagina: verplichte onderdelen HvA CMD V1 november 2011 Informatie Architectuur Eindopdracht Kitesurfsite en app pagina 2

3 verplichte onderdelen Doel van de website is informatie vinden en uitwisselen, ervaringen delen, plannen van een surfsessie. De website en app bevatten in ieder geval onderstaande informatie en functies. Je mag extra onderdelen toevoegen als je denkt dat dit iets toevoegt aan de gebruikerservaring. website: redactionele content nieuws en artikelen over ontwikkelingen, evenementen en veiligheid en regelementen rondom de sport. gebruikers-testen en reviews van materiaal, surfplanken, reizen, kites, wetsuits en andere gear. een overzicht van alle Nederlandse kitesurf locaties (spots). website: informatie over surfspots Om een succesvolle kitesurfsessie te plannen heeft de kitesurfer real-time informatie nodig: een goede spot (locatie), de weersverwachting en contact met een maatje; een mede-surfer om de kite op te laten. De actieve een wind- of kitesurfer wil inzicht in de omstandigheden per locatie. Hij zoekt realtime informatie of een verwachting over meerdere dagen. website: gegevens uit externe bronnen en feeds, automatisch ververst. overzicht van alle spots real-time omstandigheden omstandigheden op een spot (tot + 4 uur) windrichting en windsnelheid op een spot neerslag op een spot korte termijn weersverwachting op een spot (tot + 24 uur) lange termijn weersverwachting op een spot (tot + 4 dagen) getijden op een spot. website: user generated content. (verwachte) en aanwezige bezoekers op een spot delen van media, filmpjes en foto s over een spot; bespreken en beoordelen van een spot; zoeken en afspreken met surfmaatjes; routebeschrijvingen / ov / carpool. sociale / user generated content voor de locatie: filmpjes, foto s, tweets app De mobiele app voor iphone of android is geschikt voor gebruik op smartphones, en wordt gebruikt om de realtime omstandigheden per locatie in te zien en te delen met andere gebruikers. Informatie die de gebruiker ter plekke invoert wordt direct gedeeld met de website. De app is voor buitengebruik onder zware omstandigheden: er is vocht, zand, felle zon, bewolking, wind waar de gebruiker de smartphone zo kort mogelijk aan wil blootstellen. app: informatie inzien per spotlocatie inzien van omstandigheden op korte termijn 1-4 uur. spotlocatie wind en windrichting neerslag moeilijkheidsgraad van de spot wie is er/ wie komt er wind alert getijden golfslag app: delen en doorgeven van omstandigheden spotlocatie inchecken op de locatie delen van de omstandigheden. Omdat een exacte meting van de omstandigheden niet altijd mogelijk is, kan de gebruiker een gevoelswaarde meegeven. delen van media, filmpjes en foto s bespreken en beoordelen van een spot HvA CMD V1 november 2011 Informatie Architectuur Eindopdracht Kitesurfsite en app pagina 3

4 stappen 1. inventariseer en analyseer de verplichte onderdelen (p 3) en bronnen (p 5.) 2. bedenk een idee of concept 3. selecteer definitieve content en functies; 4. groepeer gelijksoortige informatie en functies tot rubrieken 5. breng rangorde aan binnen je rubrieken 6. verfijn in sub-rubrieken, sub-sub rubrieken enzovoorts 7. geef rubrieken een naam of label 8. maak een pagina-indeling voor de belangrijkste schermen. 9. maak een navigatie en classificatieschema's; 10. maak metadata labels, description, titel en url voor de pagina's; 11. documenteer bovenstaande stappen in rapport; beoordeling beoordeling: verzorging rapport Het rapport en de bijlagen zijn voorzien van omslag, voorblad, inhoudsopgave, paginacijfers en je naam, datum, studentenummer en groep. Op wireframes moeten alle contentsoorten duidelijk zijn aangegeven. De labels voor verschillende navigatiesoorten moeten zichtbaar zijn. Verder moet de verhouding tussen elementen onderling kloppen. Uitleg en opmerkingen moet je als notitie toevoegen. Wireframes zijn greyscale. Wireframes en site maps moeten voorzien zijn van: een complete legenda van de gebruikte tekens en symbolen; voor- en achternaam (en), groep, projectnaam, datum, versienummer te beginnen bij 0.1. Site Maps zijn zwart-wit. Op de site map moeten de rubrieken, subrubrieken en content pagina's goed zijn aangegeven. Ook de onderlinge relaties tussen verschillende (sub)rubrieken moet duidelijk zijn. beoordeling: professionele rapportage Je hebt de opdracht volledig uitgevoerd, en levert professionele documentatie op. beoordeling: proces Je aanpak toont dat je de gereedschappen van de informatie architectuur kunt toepassen; en weet welke stappen je moet volgen; beoordeling: inzicht, creativiteit, ontwerphouding Uit je concept en verantwoording blijkt dat je de kennis kunt toepassen in een praktijksituatie, en zelfstandig tot oplossingen komt. beoordeling: extra punten Originaliteit. Creativiteit. Professionaliteit. Je krijgt een hogere beoordeling met concept, functies en content die een duidelijke meerwaarde leveren voor de gebruiker. volgende pagina: bronnen HvA CMD V1 november 2011 Informatie Architectuur Eindopdracht Kitesurfsite en app pagina 4

5 bronnen site maps, wireframes, software en stencils voorbeeld site map voorbeeld wireframe lege content matrix weer & kitesurfen kitespots, regelgeving wind (voorbeeld Wijk aan Zee) getijden (voorbeeld Wijk aan Zee) weer spots how to kitesurf filmpje nederlandse kitesurf vereniging online forum / hangout voor kitesurfers shop met kitesurf producten kitesurf vakanties: inspiratie, voorbeelden HvA CMD V1 november 2011 Informatie Architectuur Eindopdracht Kitesurfsite en app pagina 5