1 / 31

Flin Nortier

Flin Nortier. Interaction Designer. stage. Media republic: crossmedia bedrijf Conceptontwikkeling en –visualisatie voor presentaties aan klanten Twee voorbeeldprojecten Eccky: aan de wieg van concept AIWF: MR productpresentatiefolder. Groepsproject (‘wat is het?’). Almere Waaidorp

mahsa
Télécharger la présentation

Flin Nortier

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Flin Nortier Interaction Designer

  2. stage • Media republic: crossmedia bedrijf • Conceptontwikkeling en –visualisatie voor presentaties aan klanten • Twee voorbeeldprojecten • Eccky: aan de wieg van concept • AIWF: MR productpresentatiefolder

  3. Groepsproject (‘wat is het?’) • Almere Waaidorp • Wat is Almere waaidorp: een architecttool voor kinderen

  4. Groepsproject (‘wat is het?’) • Doel: om kinderen inspiratie te laten genereren voor architecten van een aankomend themapark rondom annie mg Schmidt, in Almere

  5. Groepsproject (‘wat is het?’) Tekentool: • Lijnen tekenen verschillende kleuren en dikten • Afbeeldingen uploaden en gebruiken • Tekst typen in verschillende lettertypen

  6. Groepsproject (‘wat is het?’) Speelt zich af in wereld: • Kinderen kunnen in vorm van avatars rondlopen • Opdrachten verzamelen, in vorm van: “de ambtenaar (karakter in wereld) heeft nog een kantoor nodig. Weet jij hoe dat eruit zou moeten zien?” • Chatten met andere deelnemers

  7. Groepsproject (‘wat heb ik gedaan?’) Taken Flin: • Interface ontwerp • Knoppen en berichtschermen, • Feedback van avatars in storyboards (: werk bekijken van een kind, wordt verzameld in map, zo in beeldgebracht), (: wereld in vroeg stadium, toen er al wat online moest staan, architect en avatarfoto’s), • menu ontwerp (avatars gesprek met architect, en opdrachten verzamelden) • Artwork (avatars, werelddeel) • Flows gemaakt om aan programmeur te communiceren [handout]

  8. Groepsproject (‘wat heb ik geleerd?’) Belangrijkste leerpunten: • Hoe een goede groepssamenwerking gaat • Een van de sterkste punten van het team • Open voor elkaars ideen, goed luisteren • Verder ontwikkeld in vormgeving • Veel ruimte om te proberen -> vormgeving • Beviel mij goed, en de groep ook • Signaal dat ik daar meer mee kan • Hard doorzetten • Deadline, altijd voor gaan, niet eerst proberen te verschuiven, avondjes doortrekken • Dat is bliljven hangen

  9. Individueel project (‘wat is het?’) • Titel: Claim Your Shirts

  10. Individueel project (‘wat is het?’) Wat is Claim Your Shirts: • Een plek waar je de nieuwste T-shirts kunt bekijken die zelf door mensen zijn ge-upload • Platform: website voor T-shirts • Belangrijkste punten: • fun om shirts te bekijken: dwz dat user zelf upload, het shirt moet leuk/cool zijn, • extra info over het shirt is beschikbaar: users hebben het zelf in kunnen voeren bij het uploaden • Dus: informatief, entertaining. • Door deze mogelijkheden wordt een community gecreeerd over T-shirts. Over commúnities later meer ivm. scriptie.

  11. Individueel project (‘wat is het?’) • Doel: subcultuur van shirts via web ‘naar buiten brengen’. • //Mijn focus voor een groot deel op: vormgeving die net als de shirts ook fun moet uitstralen.

  12. Individueel project (‘wat is het?’) Doelgroep: • Tussen +- 16 en 40 • Zijn liefhebbers van subcultuur shirts • Maken (evt. sociaal-) bewuste keuzen op het gebied van de shirts die ze dragen

  13. Individueel project (‘wat heb ik gedaan?’) • Concept • Dit heeft aantal iteraties doorgemaakt Vormgeving: • 3 ontwerpen • 1 gekozen

  14. Individueel project (‘wat heb ik gedaan?’) 1e ontwerp: • 3 random shirts (bij openen van pagina) • Overzichtskaart van alle shirts (en hoe ze binnen bepaalde groepen vallen)

  15. Individueel project (‘wat heb ik gedaan?’) 2e ontwerp: • Dataclouds met shirts • Vergelijkbaar met overzichtskaart van vorige pagina • Groter en andere vorm • Willekeurige links die bij verversen van pagina nieuwe content krijgen

  16. Individueel project (‘wat heb ik gedaan?’) 3e ontwerp: • 3D datacloud met shirts: “3e dimensie” geeft nieuwe mogelijkheden voor datavisualisatie

  17. Individueel project (‘wat heb ik gedaan?’) laatste ontwerp: • Combinatie van eerder ontworpen elementen • Overzichtskaart verloren gegaan, omdat na tests bleek dat het onduidelijk was wat er verbeeld werd, en hij was toch eigenlijk niet hard nodig omdat idee voor overzichtskaart uit eerdere fase van het concept komt, en zou iets verbeelden wat minder belanrijk geworden was

  18. Individueel project (‘wat heb ik gedaan?’) Inspiratie: • De T-shirts hebben een soort ‘fun’ uitstraling • Deze fun heb ik in mijn achterhoofd gehouden bij de vormgeving van de site (/als richtlijn gebruikt) • Vormgeving van nu is combinatie van deze [wijs] stijlen

  19. Individueel project (‘wat heb ik gedaan?’) Vormgeving: • Na stijlonderzoek: • 1e moodbord

  20. Individueel project (‘wat heb ik gedaan?’) Vormgeving: • 2e moodbord • Achteraf, maar duidelijk de stijl laat zien:

  21. Individueel project (‘wat heb ik gedaan?’) • Flowchart: • Forum • Shirts uploaden • Shirts bekijken • Groepjes (tribes) vormen (als Hyves) • Groepjes bekijken: wie zijn ze en welke shirts vinden ze leuk Vormgeving: • Heeft na tests een aantal verbeteringen doorgemaakt • Voorbeeld van een verbeteringen

  22. Individueel project (‘wat heb ik gedaan?’) claimyourshirts.nl

  23. Individueel project (“wat heb ik geleerd?”) Welke leerpunten zijn mij het meest opgevallen? • Zelfstandig hard te werken • Hulp in te schakelen wanneer nodig • Grafisch ontwerpvaardigheid verder te ontwikkelen • Betere concepten te ontwikkelen: bijv. door kijken naar sterke kan van idee, niet alleen naar hypes en trends

  24. Scriptie (“wat is het?”) • Het ontwerpen en oprichten van Online Communities vanuit ID perspectief

  25. Scriptie (“wat is het?”) Besproken onderwerpen, 3 bijzondere: • Cooperation theory: • Veel inspiratie aan het begin door gekregen • Bespreekt hoe mensen samenwerken en de sociale dilemma’s die daarbij komen kijken. • Sociability: • Helder afgebakend gebied dat bij online communities belangrijk is. • Term van Preece: Sociability is de mate van ondersteuning van de sociale belangen van de community in de onderdelen “mens”, “doel” en “beleid”. Des te beter deze factoren zijn (en blijven) afgestemd op de deelnemers van de community als groep en als individu, des te beter de community zal functioneren (Preece, J., Online Communities, 2000, p.80-108). • Doel: • Zonder duidelijk doel geen duidelijke community • Het doel moet helder en concreet geformuleerd zijn • Het doel zal veel mensen niet aanspreken, en sommigen juist sterk

  26. Scriptie (‘wat heb ik gedaan?’) Werkwijze: • Boeken gezocht • Enigzins inzicht gekregen in theorie • Gaan schrijven • Meer inzicht gekregen door meer lezen en praktijk (met project)

  27. Scriptie (‘wat heb ik geleerd?’) • Grafiek: uitwisseling van informatie tussen vondsten uit theorie en praktijk

  28. Scriptie (‘wat heb ik gedaan?’) Werkwijze: • Enkele verbeteringen doorgevoerd • Grafische vorm ontworpen [handout]

  29. Scriptie (‘wat heb ik geleerd?’) • Vraagstelling: interaction design online communities ?

  30. Scriptie (‘wat heb ik geleerd?’) • Conclusie: • Usability en Sociability zijn doorslaggevend • Goede usability en sociability worden bereikt door samenwerking met zowel individu als hele community Usability & Sociability interaction design online communities

  31. Richting • Allround • Richting vormgeving en concept • Ook redelijke vaardigheden met programmeren

More Related