informatie architectuur
eindopdracht doorstart AvantGarde
Het modeblad Avantgarde is per 1 december gestopt. De laatste editie verscheen deze maand. Hoofdredacteur Robert van der Sanden zei tegen het programma RTL Boulevard dat de teruglopende inkomsten uit advertenties de reden zijn voor het besluit. AvantGarde was een Nederlands maandblad: een zogenaamde glossy over mode, beauty, lifestyle en luxe en genieten. Het blad richtte zich op moderne, mode- en zelfbewuste vrouwen met een hoog inkomen tussen de 20 en 35 jaar. Onder de noemer ‘feel fashion’ werd in het blad de wereld van fashion en beauty 'met een brede blik en op toegankelijke wijze' aan de doelgroep gepresenteerd. Thema’s • Mode • Beauty • Lifestyle, Luxe & Genieten
individuele opdracht AvantGarde maakt een doorstart als digitaal platform. Maak een voorstel voor de structuur en schermindeling van een nieuwe website of ipad app van AvantGarde. De nieuwe AvantGarde is een digitaal tijdschrift, en met nadruk géén webshop of modecatalogus. Het is een platform waar bezoekers inspiratie kunnen opdoen, inspiratie kunnen geven en producten kunnen aanschaffen.
inhoud Jij bepaalt welke content en functies de site of app bevat, en hoe de site is gestructureerd. De volgende onderdelen zijn verplicht: • Nieuws en/of blogs: individuele nieuwsberichten over mode in blogvorm • Stijlgids, achtergronden bij nieuws: redactionele artikelen, trendrapporten over relevante onderwerpen. (Zie Elle en MarieClaire.) • Affiliate marketing: mogelijkheid producten te kopen vanuit redactionele content. • social media integratie: gebruikers kunnen content vanuit social media delen met andere gebruikers van de site, en kunnen content van AvantGarde delen via social media. Zie p.4 voor voorbeelden. Uit de verschillende bronnen kies jij content en functies die bij de AvantGarde lezeres (zie p.5) past. Je mag ook content uit andere bronnen gebruiken, als dat aansluit bij jouw idee.
HvA IAM • V1 • informatie architectuur Blok 1 • herkansing eindopdracht 9 december 2011 • 1 van 5
inleveren Iedere student levert een individueel rapport in met een volledige Informatie Architectuur voor de AvantGarde website of app. Het rapport is bestemd voor de interaction designers, programmeurs en de opdrachtgever. Het rapport bevat het volgende: • minimaal 3 pagina's tekst (meer mag) met een analyse, het concept of idee, een beschrijving van je aanpak via de stappen (p.2) en een verantwoording van je keuzes; • gedetailleerde site map met in ieder geval hoofdrubrieken en subrubrieken van de hiërarchie. Wanneer je het nodig vindt, mag je de content pagina’s ook toevoegen. • een volledig ingevulde content matrix met alle pagina’s; • 4 gedetailleerde wireframes: home page, rubriekspagina, een content pagina naar keuze, pagina met een product. Als je iets wilt verduidelijken mag je meer wireframes maken. Op minimaal één van de content wireframes moet een bestel functie zichtbaar zijn uitgewerkt. Op minimaal één van de wireframes moet het delen zijn uitgewerkt.
inleverdatum 22 december 2011 Geprint en gebonden rapport op A4 formaat uiterlijk donderdag 22 december 2011 om 17.00 uur in/bij kamer SGG 04A12. Digitaal ingeleverd is onvoldoende.
feedbacksessie 16 december Vrijdag 16 december van 12.40 -13.30 in 05A19 is er een feedbacksessie. 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.
stappen 1. inventariseer en analyseer voorbeelden en bronnen • www.marieclaire.nl en www.elle.nl en andere modesites voor content ideeën. • kijk naar www.thesartorialist.com als voorbeeld voor blog content. • het fenomeen lookbook via lookbook.nu/ • delen met content met fasholista www.fashiolista.com/ • de functie bekijken en kopen van producten via www.shopstyle.com • eventueel overige bronnen die je zelf goed of beter vindt; 2. bedenk een idee of concept 3 selecteer uit bovenstaande bronnen 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;
HvA IAM • V1 • informatie architectuur Blok 1 • herkansing eindopdracht 9 december 2011 • 2 van 5
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. Minimaal detail niveau van wireframes http://intra.iam.hva.nl/content/1112/verdieping1/informatie_architectuur//intro-enmateriaal/wireframing_voorbeeld.pdf
De notatie van de site map volgens Garret IA: http://www.jjg.net/ia/visvocaeference/www.jjg.net/ia/visvocab/ http://www.jjg.net/ia/visvocab/files/garrett_ia_quickref.pdf
lege content matrix http://intra.iam.hva.nl/content/1112/verdieping1/informatie_architectuur//intro-enmateriaal/contentmatrix-2011.xls
beoordeling: 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 Wees origineel. Wees creatief. Je krijgt een hogere beoordeling met functies en content die een duidelijke meerwaarde leveren voor de gebruiker en daarmee het merk AvantGarde
HvA IAM • V1 • informatie architectuur Blok 1 • herkansing eindopdracht 9 december 2011 • 3 van 5
bronnen AvantGarde De avantgarde website: http://www.avantgarde.nl Concurrentie http://www.elle.nl/ en http://marieclaire.nl/ blogs over mode http://www.thesartorialist.com/ Inspiratie en moeder van alle modeblogs is al 10 jaar The Sartitorialist. De modeop-straat fotograaf Scott Schuman fotografeert in grote steden dagelijks interessant geklede voorbijgangers. http://mode.dejaap.nl/ Voorbeelden van modeblogs en aanverwanten… lookbook http://lookbook.nu/ Een lookbook is een verzameling van foto’s van een model, een fotograaf, een stijl, of een kledinglijn. Lookbooks zijn "mode dagboeken" in blogvorm. delen met content: fasholista http://www.fashiolista.com/ Het delen van content vanuit social media met een social ranking element Shopstyle.com http://www.shopstyle.com/ Om iets te verdienen integreren we content en functies zoals gebruikt op shopstyle.com waar bezoekers producten kopen op aangesloten webshops: een zogenaamd affiliate marketing systeem. • Interview uit The Guardian met de eigenaar van shopstyle, die de werking en het businessmodel uitlegt: http://www.guardian.co.uk/media/pda/2008/nov/17/startups-digitalmedia Shopstyle is een catalogus van modeproducten. Op shopstyle.com kunnen bezoekers producten zoeken en bekijken. Het bedrijf heeft geen vooraad of winkel, maar toont producten uit een groot aantal webwinkels. De bezoeker die een product wil kopen, wordt doorgelinkt naar de desbetreffende webwinkel. Shopstyle.com ontvangt hiervoor commissie. zelf stijboeken maken met Shopstyle.com Shopstyle biedt ook veel mode gerelateerde content in de vorm van nieuws, blogs en trendrapporten. Op Shopsyle kunnen bezoekers via "my style book" een eigen "look" samenstellen en bewaren op basis van producten in de catalogus. http://www.shopstyle.com/ De Nederlandse variant van shopstyle is fashionchick: http://www.fashionchick.nl
HvA IAM • V1 • informatie architectuur Blok 1 • herkansing eindopdracht 9 december 2011 • 4 van 5
Doelgroep Vrouw 20 t/m 34 jaar, welstand A/B, HBO/WO opleiding, Jong alleenstaand of 2peroonshuishoudens Pijlers - Mode - Beauty - Lifestyle - Luxe & Genieten
content kleding cosmetica wellness/verzorgingsartikelen wonen vakanties restaurants boeken, theater en film musea
Profiel AvantGarde ("altijd je eigen stijl") richt zich op Nederlandse, moderne, mode- en zelfbewuste vrouwen tussen 20 en 35 jaar met een hoog inkomen. De lezeres wil op positieve en prikkelende wijze geïnformeerd worden, maar maakt zelf haar keuzes. De AvantGarde-vrouw werkt, is dynamisch, trendsettend, onafhankelijk en geniet van het leven. Ze is geïnteresseerd in mode & beauty en human interest. Nieuwe uitdagingen worden vol overtuiging aangegaan en ze is geïnteresseerd in wat mensen beweegt. Ze staat met beide benen op de grond, is ondernemend en houdt van avontuur. AvantGarde is voor haar een bron van inspiratie! Redactionele formule Eigentijds, eigenwijs, stijlvol! Of het nu gaat om mode, beauty of lifestyle, elke maand biedt het high end fashion magazine AvantGarde een verrassende kijk op de laatste trends. AvantGarde heeft de mogelijkheid om de behoefte aan individualiteit te bevredigen. Hierdoor kan AvantGarde de onderwerpen op een meer persoonlijke en vooruitstrevende wijze benaderen met meer aandacht voor persoonlijke keuzes. AvantGarde: altijd je eigen stijl.
De directe concurrentie van AvantGarde bestaat uit Elle en Marie Claire. Elle zich heeft gepositioneerd als een internationaal tijdschrift primair gericht op uiterlijke zaken. Marie Claire positioneert zich meer als maatschappelijke bewust.
HvA IAM • V1 • informatie architectuur Blok 1 • herkansing eindopdracht 9 december 2011 • 5 van 5
CMD Amsterdam • 2011-2010 • V1 Blok 1 Informatie Architectuur • Beoordeling eindopdracht “AvantGarde” Nummer
Naam
Klas
Proces
Rapportage
Docent: Yuri Westplat
Datum:
•
Geschreven in correct Nederlands
J/N
•
Omslag met naam, klas, docent, studentnummer, titel
J/N
•
Inhoudsopgave en paginacijfers
J/N
•
Verpichte elementen: blog/nieuws, stijlgids, social, affiliate marketing
J/N
•
Bevat een concept of basis-idee; (5)
J/N
•
Bevat beschrijving van de aanpak (5)
J/N
•
Poging tot analyse, conclusies en een verantwoording (5);
J/N
•
Gedetailleerde site map met hoofdrubrieken en subrubrieken
J/N
geen punten
max 15
max 15
van de hiërarchie en individuele pagina’s. (5) •
4 x gedetailleerde wireframes: home page, rubriekspagina,
J/N
2 x content pagina. Shopfunctie. (5) •
Content matrix: keywords, title, url en description alle pagina's (5)
J/N
Student heeft de opdracht op alle onderdelen uitgevoerd
J/N
•
Juiste stappen gevolgd bij aanpak (5)
J/N
•
Keuzes verantwoord (5)
J/N
•
Inhoudelijke kwaliteit site map (5)
J/N
•
Garret IA notatie gebruikt (5)
J/N
•
Kwaliteit wireframes (=voldoen aan minimale eisen) (5)
J/N
Student begrijpt de instrumenten van IA, weet deze toe te passen
max 25
J/N
Inzicht
Minimale eisen voldaan (55 punten) •
Verzorging: student levert een bovengemiddeld verzorgd product op (max 10)
•
Originaliteit: student heeft een authentiek idee en aanpak (max 10)
•
Het voorstel heeft duidelijk toegevoegde waarde voor gebruiker (max 15)
•
Professionaliteit: levert een buitengewone prestatie op alle niveaus (max 10)
max 45
Aantal punten : (< 55 punten = Onvoldoende)
Eindcijfer
Opmerkingen
Handtekening docent
