informatie architectuur eindopdracht kitesurf site en app

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 200.000 kiters zijn; in Nederland zijn er circa 10,000 actieve kitesurfers. Kitesurfers zijn 80% mannen. Meest fanatiek zijn mannen in de leeftijd 25 - 40. 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

inleverdatum 15 november 2012 Geprint en ingebonden rapport op A4 formaat. Inleveren uiterlijk donderdag 15 november 2012 om 16.00 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


pagina 2

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


pagina 3

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


pagina 4

bronnen • site maps, wireframes, software en stencils http://intra.iam.hva.nl/content/1213/verdieping1/informatie_architectuur//lesprogramma/ • voorbeeld site map http://intra.iam.hva.nl/content/1213/verdieping1/informatie_architectuur//lesprogramma/garrett_ia_quickref.pdf http://intra.iam.hva.nl/content/1213/verdieping1/informatie_architectuur//lesprogramma/IAV1_voorbeeld_sitemap.pdf • voorbeeld wireframe http://intra.iam.hva.nl/content/1213/verdieping1/informatie_architectuur//lesprogramma/wireframing_voorbeeld.pdf • lege content matrix http://intra.iam.hva.nl/content/1213/verdieping1/informatie_architectuur//lesprogramma/contentmatrix-2012.xls

weer & kitesurfen • http://nl.wikipedia.org/wiki/Kitesurfen • kitespots, regelgeving http://www.nederlandsekitesurfvereniging.nl/voor-kitesurfers.php • wind (voorbeeld Wijk aan Zee) http://www.windfinder.com/forecast/wijk_aan_zee_noordpier • getijden (voorbeeld Wijk aan Zee) http://www.windfinder.com/tide/wijk_aan_zee_noordpier • weer http://vliegerweer.nl/ • spots http://www.hanglos.nl/kitespot/153245/kitesurfspot-noordwijk-noord.html • how to kitesurf http://www.youtube.com/watch?v=Hs6RukC54wQ&playnext=1&list=PLCE4BFA4DFEDD256C&feature=results_main • filmpje http://www.nederlandsekitesurfvereniging.nl/media.php • nederlandse kitesurf vereniging http://www.nederlandsekitesurfvereniging.nl/ • online forum / hangout voor kitesurfers http://www.kitehigh.nl/forum/ • shop met kitesurf producten http://www.kater.nl/collectie/42/kitesurf/ http://www.vandenbergsurf.nl/kitesurfing • kitesurf vakanties: http://www.planetkitesurfholidays.com/

inspiratie, voorbeelden • http://www.hanglos.nl/ • http://magicseaweed.com/ • http://www.adventure-journal.com/2011-best-outdoor-iphone-apps-%E2%80%94-best-watersurfing-apps/


pagina 5

informatie architectuur eindopdracht kitesurf site en app

Recommend Documents