Fashion2Care. SxD week 3 DMEC CDM. Mark Rozenboom Anouk Liebers

Maat: px

Weergave met pagina beginnen:

Download "Fashion2Care. SxD week 3 DMEC CDM. Mark Rozenboom Anouk Liebers"

Leo de Ridder
7 jaren geleden
Aantal bezoeken:

1 Fashion2Care SxD week 3 DMEC CDM Mark Rozenboom Anouk Liebers

2 Inhoud De opdracht van deze week... 3 Een metafoor... 3 Ons idee... 3 Hoe ziet onze community eruit?... 4 Uitleg wireframe... 6 Wat is er mogelijk binnen de Fashion2Care Community?... 6 Richtlijnen metafoor gebruik... 6 Feedbackverwerking... 7 Logboek... 7 Pagina 2 van 7

.. 6 Wat is er mogelijk binnen de Fashion2Care Community?

3 De opdracht van deze week Een uitgewerkt idee voor een community die vanuit een sociale activiteit als organisatorische metafoor ontworpen is. Het is handig als het om een sociale activiteit gaat waar nog geen community van bestaat. De functionaliteit van je community is afgeleid van de sociale activiteit die je kiest. Voor het design van de website zelf (wireframe voor deze opdracht) kies je een passende interactie. Een metafoor In het hoofdstuk Smart things, wat geschreven is door Mika Kuniavsky worden twee soorten metaforen beschreven. De organisatorische en interactie (interface) metafoor. Organisatorische metaforen gaan over het grote geheel, de rol van technologie van de gebruiker. Interface metaforen laten de gebruikers interacteren met het systeem. Deze moeten de gebruiker duidelijk maken op welke manier ze het systeem kunnen gebruiken. Ons idee Fashion2care Sociale activiteit Sociale actie Functies (voor onze community) Samen winkelen, het gesprek aangaan, overleggen. Praten, lachen, adviseren, kopen. - Groene kleding kopen. - (Recycling) Een kledingstuk door het tweedehands te verkopen of lenen aan anderen een tweede leven geven. - Adviseren van anderen om een zo groen mogelijke outfit te kopen. Voor ons idee hebben we gekozen voor een algemeen onderwerp, winkelen. Hetgeen dat vrouwen in deze maatschappij toch altijd bezig houdt en zal houden. Om hier een twist aan te geven en direct een metafoor te bedenken zijn wij gegaan voor Fashion2Care. In eerste instantie dachten wij aan Fashion2Share, maar daar bestaan reeds veel community s en websites over. Fashion2Care gaat net een stap verder. Behalve het delen van fashion en elkaar kunnen beoordelen op de outfit, pakt deze Fashion2Care community meteen een groot maatschappelijk aandachtspunt op. Groen, groener, groenst. Eco-fashion. Er zijn veel bewegingen die het steeds belangrijker vinden om groene kleding aan te schaffen. Er niet alleen modieus uit te zien, maar ook aan onze wereldbol te denken voor de aanschaf. Bij de community Fashion2Care is het mogelijk om elkaar hierin te ondersteunen. Pagina 3 van 7

Voor het design van de website zelf (wireframe voor deze opdracht) kies je een passende interactie.

4 Hoe ziet onze community eruit? Pagina 4 van 7

5 Pagina 5 van 7

6 Uitleg wireframe We hebben de community op een makkelijke, maar leuke manier ingericht. Je wordt er getriggerd om mee te doen aan alles is groen. In het midden van de homepage staat een grote boom. Deze vertegenwoordigt het groene beeld en de eco-fashion. Aan deze boom hangen verschillende bladeren et de functionaliteiten van deze community. Denk aan het delen van kleding, het kopen en het adviseren van een zo n groen mogelijke outfit. Links bovenaan de pagina vind je de contactgegevens van Fashion2Care, een stukje over wie wij eigenlijk zijn. Onze Socials vind je ook in de grote boom op deze manier kun je ons overal volgen een mee doen aan deze groene community. Wat is er mogelijk binnen de Fashion2Care Community? Binnen deze community is het mogelijk om een nieuwe outfit te kopen (geheel groen natuurlijk), een outfit te delen/verkopen, zodat een kledingstuk een tweede leven krijgt en om elkaar te adviseren. Wat staat leuk, maar wat is daarnaast ook ecologisch en groen verantwoord. Ook is het mogelijk om gewoon lekker te winkelen met je vriendinnen in de stad en daarna een foto te uploaden op deze pagina. Het sharen, kopen en adviseren gaat door middel van de knoppen die zich uiten als blaadjes op de grote boom in het midden van de homepage. De bladeren hebben allemaal een eigen functie. Share an outfit, Buy an outfit, etc. Naast deze knoppen bevindt zich ook een knop foto uploaden in deze boom. Hier kan men gekochte kleding op een outfitfoto zetten en dan checkt de boom of de mede community volgers hoe groen de outfit is. Richtlijnen metafoor gebruik 1. Metaphors are cultural dit is bij Fashion 2 Care zeker het geval. De groene boom wordt in alle culturen herkend en de buttons zijn voor iedereen herkenbaar en daardoor bruikbaar. 2. Metaphors are contextual 3. Fit the Metaphores to the functionality ja, de metafoor van Fashion 2 Care komt terug in de share, advice, buy buttons en ook in de mogelijkheid om je outfit te kunnen uploaden. 4. Use metaphores to uncover otherwise hidden aspects of the material - door middel van de blaadjes die als buttons dienen wordt dit blootgelegd. Ook de buttons zelf (wanneer hier overheen gegaan wordt met de muis) geven een groene kleur af zodat de gebruiker weet dat dit een button is. 5. Discard process metaphors when neccessary we hebben het ontwerp basic en overzichtelijk gehouden. 6. Do not let metaphors ruin key features dit gebeurt niet bij Fashion 2 Care omdat we gebruik hebben gemaakt van de blaadjes als Buttons en de boom als 2 care als in care voor het milieu (groen en ecologisch). 7. Choose metaphors that are appropriately scalable de gebruikte interactie metaforen blijven schaalbaar omdat de mensen blijven snappen dat de boom, blaadjes en het ecologische gedeelte uitstraalt. Dit hebben we dan ook goed terug laten komen in de website door de boom en de blaadjes duidelijk aanwezig te laten zijn. Pagina 6 van 7

Denk aan het delen van kleding, het kopen en het adviseren van een zo n groen mogelijke outfit.

7 8. Let your metaphors degrade and die - de gebruikte metaforen zoals de buttons (blaadjes) en de boom kunnen eventueel verkeerd opgevat worden maar met de afbeeldingen onderin waar nogmaals op de drie buttons geklikt kan worden zorgen ervoor dat de duidelijkheid voor de gebruiker dubbel aangekaart wordt. Feedbackverwerking We hebben feedback gekregen aan de hand van opdracht 2 in week 2 voor SxD. De feedback was dat we geschreven rapporten/analyses beknopter moesten schrijven. Dit hebben we dan ook toegepast. Het vorige document telde 14 pagina s. Het huidige document telt er 5 (exclusief foto s wireframe. Het wireframe hebben we weer duidelijk toegelicht met zijn functionaliteiten. Dit keer hebben we ook wat meer kleur toegepast om in het thema te blijven en om extra onderwerpen aan te kaarten. Denk aan de zwarte kleur die de functionaliteiten uitleggen en de groene kleur voor het thema. Logboek Datum Taken (volgens planning) Uitgevoerde taken Begonnen met lezen van het Zie Taken (volgens planning) artikel, de opdracht vastgelegd en overlegd welke sociale activiteit en org. Metafoor er gebruikt wordt Rapport verder uitgewerkt, Zie Taken (volgens planning) wireframe opgezet (sociale acties, functionaliteiten, int. Metafoor) Weekend (foto s maken Zie Taken (volgens planning) wireframe) Oplevering SxD opdracht 2 Zie Taken (volgens planning) Wireframe SxD opdracht 2 meenemen Pagina 7 van 7

Feedbackverwerking We hebben feedback gekregen aan de hand van opdracht 2 in week 2 voor SxD. De feedback was dat we geschreven rapporten/analyses beknopter moesten schrijven.

Vergelijkbare documenten

Inhoud van de website invoeren met de ContentPublisher

Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.